:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;color:#142a40;background:#f5f7fa;line-height:1.48}*{box-sizing:border-box}body{margin:0;min-height:100vh}a{color:#146d9f;text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:1260px;margin:0 auto;padding-left:22px;padding-right:22px}.topbar{background:#102c49;color:white}.headerline{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:78px}.brand{font-size:24px;font-weight:850;letter-spacing:-.7px;color:#fff;white-space:nowrap}.brand:hover{text-decoration:none}.brand span{color:#66e0be}.brand-icon{color:#66e0be;font-size:30px;vertical-align:middle;margin-right:6px}.userbox{display:flex;align-items:center;gap:20px}.user-meta{display:grid;gap:0;text-align:right}.user-meta strong{font-size:13px}.user-meta small{color:#adc5d8;font-size:11px}.logout{border:1px solid #53718e;border-radius:9px;color:#fff;background:#1d4363;padding:8px 12px;font-weight:600}.logout:hover{background:#285779}.nav{background:#fff;border-bottom:1px solid #dfe7ee}.navlinks{display:flex;align-items:center;gap:24px;overflow-x:auto;white-space:nowrap;min-height:55px;scrollbar-width:thin}.navlinks a{color:#35536a;font-size:13px;font-weight:720;padding:19px 0}.navlinks a:hover{color:#156a9c}.main{padding-top:32px;padding-bottom:58px;min-height:60vh}.intro{margin-bottom:27px}.eyebrow{text-transform:uppercase;letter-spacing:2px;color:#1776a6;font-weight:850;font-size:11px;margin-bottom:10px}.intro h1,.auth-card h1{font-size:clamp(26px,3.2vw,39px);line-height:1.16;letter-spacing:-1px;margin:0 0 10px}.subtle{color:#65798a}.intro p{margin:0;max-width:740px}.inline-intro{display:flex;align-items:center;justify-content:space-between;gap:18px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:22px}.metrics.three{grid-template-columns:repeat(3,minmax(0,1fr))}.metric,.panel{background:#fff;border:1px solid #dfe7ef;border-radius:15px;box-shadow:0 5px 20px #102c4908}.metric{padding:22px;display:flex;flex-direction:column;gap:8px;min-width:0}.metric small{color:#667e91;font-weight:680;font-size:12px}.metric b{font-size:clamp(21px,2.4vw,32px);letter-spacing:-.6px;white-space:nowrap}.metric span,.metric a{color:#6a8092;font-size:12px;margin-top:2px}.metric a{color:#1776a6;font-weight:700}.metric.standout{background:#153954;color:white;border-color:#153954}.metric.standout small,.metric.standout span{color:#bed2e1}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}.top-gap{margin-top:20px}.panel{padding:24px;min-width:0}.panel h2{font-size:19px;letter-spacing:-.3px;margin:0 0 17px}.panel p{line-height:1.6}.section-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px;margin-bottom:14px}.section-heading h2{margin:0}.section-heading a{font-size:12px;font-weight:750}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:550px;font-size:12px}th,td{padding:13px 11px;text-align:left;border-bottom:1px solid #e7edf2;vertical-align:middle}th{font-weight:750;color:#6a7e8e;font-size:11px;white-space:nowrap}tr:last-child td{border:0}.money{white-space:nowrap}.empty{text-align:center;padding:23px!important;color:#7b8b9b}.compact-item{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #edf1f5;padding:13px 0}.compact-item strong{display:block;font-size:13px}.compact-item small,.staff-heading small{display:block;color:#708698;font-size:11px;margin-top:3px}.pill{display:inline-flex;align-items:center;padding:5px 10px;white-space:nowrap;border-radius:30px;font-weight:800;font-size:11px;background:#edf2f7;color:#53687b}.pill.pending,.pill.waiting{background:#fff0d5;color:#a16a16}.pill.approved,.pill.positive{background:#e3f6ec;color:#176849}.pill.rejected{background:#ffebea;color:#a73832}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #bfd2df;border-radius:10px;padding:11px 16px;color:#205479;background:white;font-weight:760;font-size:13px;cursor:pointer;text-decoration:none;line-height:1.2}.button:hover{text-decoration:none;filter:brightness(.96)}.button:disabled{opacity:.5;cursor:not-allowed}.button.primary{background:#126fa5;color:#fff;border-color:#126fa5}.button.positive{background:#d9f3e7;color:#16694c;border-color:#abe6cd}.button.danger{background:#fff2f1;color:#a13834;border-color:#edc4c1}.button.danger-lite{color:#a13834;border-color:#edd1d0}.button.wide{width:100%;margin-top:15px}.button.mini{padding:7px 10px;font-size:11px}.fields{display:grid;gap:17px}.fields label,.smallforms label{display:grid;gap:7px;font-size:13px;font-weight:750;color:#344c63}input,select,textarea{width:100%;border:1px solid #cddae5;border-radius:9px;background:#fff;color:#1f374c;font:inherit;padding:12px;outline:none;min-width:0}input:focus,select:focus,textarea:focus{outline:3px solid #b8d9f6;outline-offset:0}textarea{resize:vertical}.two{display:grid;grid-template-columns:1fr 1fr;gap:13px}.hint{margin-top:18px;background:#f0f7ff;border:1px solid #d4e5f7;color:#35617f;padding:13px;border-radius:10px;font-size:12px}.alert{margin-bottom:19px;border-radius:12px;padding:15px 18px;font-size:13px}.alert.success{background:#eaf9ef;border:1px solid #b9e6c8;color:#176541}.alert.error{background:#fff0ee;border:1px solid #edc4bd;color:#9c342c}.alert.warning{background:#fff8e8;border:1px solid #ead19d;color:#886128}.alert.credential{background:#fff6db;border:1px solid #ebcf77;color:#6b4a0e}.credential p{font-size:19px;font-weight:850;overflow-wrap:anywhere;margin:6px 0}.credential small{display:block}.timeline>div{display:flex;gap:13px;align-items:flex-start;padding-bottom:17px}.timeline>div span{flex:none;display:grid;place-items:center;background:#e1f2fa;color:#176b94;width:31px;height:31px;border-radius:50%;font-weight:900}.timeline p{margin:0}.timeline strong,.timeline small{display:block}.timeline small{color:#738699;font-size:12px;margin-top:4px}.notes{max-width:290px;min-width:160px;overflow-wrap:anywhere}.rejection{display:block;color:#9b3333;margin-top:6px}.approval-row{padding:17px 0;border-top:1px solid #e8edf2;display:flex;gap:15px;align-items:center;justify-content:space-between}.approval-meta{min-width:0}.approval-meta>strong{display:flex;align-items:center;gap:9px}.approval-meta>span{display:block;color:#60788a;font-size:12px;margin:5px 0}.approval-meta p{font-size:13px;margin:4px 0 0;overflow-wrap:anywhere}.approval-actions{display:flex;align-items:flex-end;gap:8px}.reject-form{display:flex;align-items:center;gap:6px}.reject-form input{max-width:190px;font-size:12px;padding:10px}.staff-row{border-top:1px solid #eaf0f5;padding:17px 0}.staff-heading{display:flex;align-items:center;justify-content:space-between;gap:11px}.smallforms{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px;margin-top:12px}.smallforms form{display:flex;align-items:flex-end;gap:6px}.smallforms input{width:95px;padding:8px}.smallforms label{font-size:11px;gap:4px}.smallforms button{padding:9px;font-size:11px}.project-box{border-top:1px solid #e5edf3;padding:15px 0}.project-box strong{font-size:14px}.pill.action{border:0;cursor:pointer}.project-list{margin-top:10px}.assign{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:8px 0;border-bottom:1px dashed #edf1f4;font-size:12px}.assign:last-child{border:0}.block{display:block}.narrow{max-width:500px}.auth-card{max-width:445px;margin:20px auto;padding:35px}.auth-card .fields{margin-top:23px}.auth-card .button{margin-top:8px}.tiny{font-size:12px;margin:20px 0 0}.footer{border-top:1px solid #e2e9ef;font-size:11px;color:#7d8b97;padding-top:20px;padding-bottom:30px}@media(max-width:1000px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric b{font-size:25px}.navlinks{gap:17px}}@media(max-width:760px){.wrap{padding-left:14px;padding-right:14px}.split{grid-template-columns:1fr}.metrics.three{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{padding:19px}.approval-row{align-items:stretch;flex-direction:column}.approval-actions{flex-wrap:wrap}.inline-intro{align-items:flex-start;flex-direction:column}.main{padding-top:24px}.brand{font-size:21px}.headerline{min-height:70px}.userbox{gap:8px}.user-meta strong{font-size:12px}.user-meta small{font-size:10px}}@media(max-width:460px){.metrics,.metrics.three{grid-template-columns:1fr 1fr;gap:9px}.metric{padding:14px;gap:6px}.metric b{font-size:21px;white-space:normal}.metric small{font-size:11px}.two{grid-template-columns:1fr}.reject-form{flex:1}.reject-form input{max-width:none}.brand-icon{font-size:23px}.brand{font-size:19px}.logout{font-size:11px;padding:7px 8px}.auth-card{margin:0 auto;padding:23px}.user-meta{max-width:80px;overflow:hidden}.user-meta strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}

.project-stats{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.project-stats span{font-size:11px;color:#547187;background:#f0f6fa;padding:6px 9px;border-radius:9px}.project-stats b{color:#164b6f}

.two-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.project-single{margin-bottom:1rem;max-width:25rem}@media(max-width:640px){.two-metrics{grid-template-columns:1fr}}

/* v1.5 premium visual refresh — all views */
:root{color:#15304a;background:#f3f8fc}body{background:radial-gradient(ellipse 80% 330px at 80% 210px,#ddf3f6 0%,transparent 78%),#f3f8fc}.topbar{background:linear-gradient(110deg,#102c49 0%,#174566 68%,#10304b 100%)}.headerline{min-height:74px}.brand{font-size:25px;letter-spacing:-.8px}.brand span,.brand-icon{color:#31d6b4}.nav{background:linear-gradient(#fff,#f5fbff);border-bottom:1px solid #dbe7f1;box-shadow:0 3px 16px #11345209}.navlinks{gap:19px}.navlinks a{position:relative;font-weight:750;transition:color .15s}.navlinks a:hover{color:#008f90;text-decoration:none}.navlinks a.active{color:#0d665d}.navlinks a.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:#19c9a7;border-radius:3px}.metric,.panel{border-color:#dce9f1;border-radius:17px;box-shadow:0 7px 25px #1937520c}.metric{padding:25px}.metric.standout{background:linear-gradient(123deg,#14334f,#1a5270 82%,#176278);box-shadow:0 12px 28px #13405920}.metric-spark{min-height:155px}.metric-top{display:flex;align-items:center;gap:20px}.metric-top>div{display:grid;gap:6px}.metric-orb{width:61px;height:61px;border-radius:100%;display:grid;place-items:center;flex-shrink:0;font-size:26px}.metric-orb.mint{background:#e1faf1;color:#04ac85}.metric-orb.blue{background:#286787;color:#b0f4f7}.metric-top small{font-size:14px;color:#304e62}.metric-top b{font-size:clamp(26px,3vw,43px);line-height:1.2}.metric-top span:not(.metric-orb){font-size:12px}.metric.standout .metric-top small{color:#acf3f2}.metric.standout .metric-top span{color:#c0dce6}.metric.metric-spark:not(.standout){background:linear-gradient(115deg,#fafffe,#fff);border-left:6px solid #a2efd6}.project-employees{padding:26px}.project-employees table{font-size:13px;min-width:760px}.project-employees th{font-size:12px}.project-employees tbody tr:hover:not(.summary-row){background:#f4fafa}.employee-name{display:inline-flex;align-items:center;gap:10px}.employee-avatar{background:#d9f5eb;color:#009d81;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;font-weight:900}.project-employees tbody tr:nth-child(2n) .employee-avatar{background:#e4f0ff;color:#267bb0}.balance-pill{display:inline-flex;align-items:center;white-space:nowrap;border-radius:999px;background:#fff0e5;color:#bc5b21;font-weight:850;padding:7px 13px}.balance-pill:before{content:'◷';font-size:16px;margin-right:7px}.balance-pill.overpaid{background:#ffe8ea;color:#b73542}.summary-row{background:linear-gradient(90deg,#e8f4fc,#eff8ff);font-weight:750}.summary-row td{border-top:2px solid #cbdfe9}.section-tag{background:#e1f8f3;color:#007f70;border-radius:30px;padding:6px 12px;font-size:12px;font-weight:800}.info-banner{background:#eaf5ff;border:1px solid #b9dafe;padding:16px 18px;color:#295b92}.info-banner strong{display:block;margin-bottom:5px;font-size:14px}.info-banner div{line-height:1.6}.eyebrow a{color:#098baa}.intro h1{color:#122e4b;font-size:clamp(30px,4vw,43px)}.button.primary{background:linear-gradient(125deg,#0a8c9e,#09749d);border-color:#09839a}.button.primary:hover{filter:brightness(1.06)}.pill.approved{background:#def7ed;color:#087855}.hint{border-radius:12px}.panel h2{font-size:20px}.logout{background:#184769;border-color:#3c7895}@media(max-width:760px){.metric-top{gap:12px}.metric-orb{width:46px;height:46px;font-size:21px}.metric-top b{font-size:27px}.project-employees{padding:16px}.project-metrics{grid-template-columns:1fr}.section-tag{display:none}}

/* Version 1.6 – lebendige, reduzierte Navigation und Ausgaben */
:root{--aqua:#13bfa5;--violet:#7559d8;--coral:#ff8665;--sky:#30a6dc}body{background:radial-gradient(ellipse 700px 350px at 8% 6%,#e0f9f3 0%,transparent 85%),radial-gradient(ellipse 550px 390px at 96% 23%,#efe6ff 0%,transparent 84%),#f5f8fe}.topbar{background:linear-gradient(108deg,#12304c 0%,#214f76 50%,#4b357b 100%)}.brand span,.brand-icon{color:#59f3ca}.nav{position:relative;z-index:10;background:linear-gradient(100deg,#fff,#f5faff)}.navlinks{gap:10px;overflow:visible;flex-wrap:wrap;padding-top:8px;padding-bottom:8px}.navlinks>a,.nav-more>summary{padding:12px 14px;border-radius:12px;font-size:13px;color:#315473;cursor:pointer;display:block;font-weight:750}.navlinks>a:hover,.nav-more>summary:hover{background:#e7f8f7;color:#087e78}.nav-more{position:relative}.nav-more summary{list-style:none}.nav-more summary::-webkit-details-marker{display:none}.nav-dropdown{position:absolute;top:100%;right:0;min-width:210px;z-index:30;background:#fff;border:1px solid #d8e8ef;border-radius:16px;padding:8px;box-shadow:0 16px 35px #1934562d}.nav-dropdown a{display:block;padding:10px;border-radius:9px;color:#214663;font-weight:700}.nav-dropdown a:hover{background:#e9f9fa;text-decoration:none}.metric{border-radius:21px;background:linear-gradient(135deg,#fff,#f8ffff);border:1px solid #daecec}.metric:nth-child(2){background:linear-gradient(120deg,#fff,#eef2ff);border-color:#e4defc}.metric:nth-child(3){background:linear-gradient(120deg,#fff,#fff4ef);border-color:#ffe0cf}.metric.standout{background:linear-gradient(125deg,#123c5c,#24748a 55%,#513c8f);border:0}.panel{border-radius:21px;box-shadow:0 9px 30px #1b3e6010}.button.primary{background:linear-gradient(110deg,#008eab,#6c50c7);border:0}.eyebrow{color:#7a45b4}.colorful-panel{border-top:5px solid #28c4aa;background:linear-gradient(135deg,#fff,#f3fffc)}.mini-form{display:flex;gap:5px;align-items:center;margin-top:5px}.mini-form input{width:120px;padding:7px;font-size:11px}.intro h1{letter-spacing:-1.3px}.pill.pending{background:#fff0d9;color:#945b00}.pill.approved{background:#d9f9ee;color:#00735a}.footer{color:#65798b}@media(max-width:760px){.navlinks{gap:2px}.navlinks>a,.nav-more>summary{font-size:12px;padding:10px 8px}.nav-dropdown{right:auto;left:0}.headerline{gap:8px}}

.quick-actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0 28px}.quick-actions .button{border-radius:15px;background:linear-gradient(120deg,#0d9488,#6366f1);color:white;padding:13px 18px;box-shadow:0 7px 20px #164e6320}.quick-actions .button:nth-child(2){background:linear-gradient(120deg,#7c3aed,#d946ef)}.quick-actions .button:nth-child(3){background:linear-gradient(120deg,#0284c7,#14b8a6)}.quick-actions .button:nth-child(4){background:linear-gradient(120deg,#ea580c,#f59e0b)}.budget-track{height:14px;border-radius:99px;background:#e2e8f0;overflow:hidden}.budget-bar{background:linear-gradient(90deg,#10b981,#0ea5e9,#8b5cf6);height:100%;border-radius:99px;transition:width .3s}.panel{box-shadow:0 14px 35px #17324e0b}

.budget-progress{appearance:none;width:100%;height:16px;border:0;border-radius:99px;overflow:hidden;background:#e2e8f0}.budget-progress::-webkit-progress-bar{background:#e2e8f0}.budget-progress::-webkit-progress-value{background:linear-gradient(90deg,#10b981,#0ea5e9,#8b5cf6);border-radius:99px}.budget-progress::-moz-progress-bar{background:#0d9488}#receipt-image{max-height:240px;max-width:100%;object-fit:contain}

/* 2.1 refined business + colorful navigation */
:root{--sea:#089f9a;--lav:#7664d9;--amber:#f59e0b}body{background:radial-gradient(ellipse 700px 350px at 15% 2%,#dff9f5,transparent 82%),radial-gradient(ellipse 600px 300px at 90% 20%,#f1e8ff,transparent 83%),#f7fafc}.topbar{background:linear-gradient(110deg,#132d50,#184d71 55%,#633f91)}.navlinks>a,.nav-more summary{font-weight:800}.panel{box-shadow:0 12px 32px #15385812}.filters{display:grid;grid-template-columns:2fr 1fr 1fr auto;align-items:end;gap:12px}.filters label{display:grid;gap:6px;font-size:12px;font-weight:750}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.detail-grid>div{display:grid;gap:4px;padding:14px;border-radius:12px;background:linear-gradient(120deg,#f0f9ff,#f2fbf8)}.detail-grid small{color:#597184}.detail-grid b{overflow-wrap:anywhere}.navlinks .nav-more>summary{color:#225376}@media(max-width:760px){.filters{grid-template-columns:1fr 1fr}.filters label:first-child{grid-column:span 2}.filters button{grid-column:span 2}.navlinks{flex-wrap:wrap}.detail-grid{grid-template-columns:1fr 1fr}}

/* StundenManager 2.2 */
.sm22-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0;border-bottom:1px solid #dce7ec}.sm22-item p{margin:.35rem 0;color:#64748b}.sm22-pill{border-radius:1rem;background:#fef3c7;color:#92400e;padding:.2rem .6rem;font-size:.8rem}.sm22-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin:1rem 0}.sm22-kpis>div{padding:1rem;border-radius:1rem;background:linear-gradient(135deg,#e0f2fe,#d1fae5);display:grid;gap:.4rem}.sm22-kpis strong{font-size:1.35rem;color:#164e63}.sm22-kpis span{color:#475569}.sm22-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-top:1rem}.sm22-photos img{max-width:100%;border-radius:12px}.sm22-photos figure{margin:0;padding:12px;background:#f1f5f9;border-radius:14px}.sm22-photos figcaption{overflow-wrap:anywhere}

/* 2.3 – restrained, modern mobile-first dashboard */
:root{--sm23-ink:#132e4b;--sm23-muted:#61768b;--sm23-border:#dfe8f0}
body{background:radial-gradient(ellipse 760px 340px at 93% 14%,#efe8ff 0%,transparent 82%),radial-gradient(ellipse 700px 350px at 0 16%,#e2faf5 0%,transparent 80%),#f6f9fd}
.topbar{background:linear-gradient(112deg,#102b49,#164c69 58%,#53468e)}.nav{background:#ffffffed;box-shadow:0 5px 20px #17365008}.navlinks.nav23{gap:12px;flex-wrap:nowrap;overflow:visible}.nav23>a,.nav23 .nav-more>summary{font-size:13px;padding:11px 16px}.nav23>a[href="/"]{color:#0a7f86;background:#e9faf6}.nav23 .nav-dropdown{max-height:70vh;overflow:auto}
.home23{max-width:1210px;margin:auto}.home23-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:3px 0 27px}.home23-heading .eyebrow{color:#6c54bb;font-size:12px}.home23-heading h1{margin:0 0 7px;font-size:clamp(29px,3.6vw,46px);line-height:1.1;letter-spacing:-1.6px;color:#112b48}.home23-heading p{margin:0;color:var(--sm23-muted);font-size:14px}.home23-mark{display:grid;place-items:center;flex:none;width:67px;height:67px;background:linear-gradient(145deg,#d3f7f0,#ebe4ff);color:#6555ae;font-size:33px;border-radius:22px}
.home23-kpis{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:17px;margin-bottom:26px}.home23-kpi{min-width:0;border-radius:23px;border:1px solid var(--sm23-border);background:#fff;box-shadow:0 11px 30px #1734500c;padding:23px 24px;display:flex;flex-direction:column;align-items:flex-start;gap:9px;transition:transform .16s,box-shadow .16s}.home23-kpi:hover{text-decoration:none;transform:translateY(-2px);box-shadow:0 14px 35px #1734501b}.home23-kpi .home23-symbol{display:grid;place-items:center;font-size:21px;font-weight:800;width:40px;height:40px;border-radius:13px;background:#e9f9f5;color:#009f87}.home23-kpi .home23-label{font-size:14px;font-weight:750;color:#517088}.home23-kpi strong{font-size:clamp(28px,3.3vw,43px);color:#122f4b;letter-spacing:-1.4px;line-height:1.2}.home23-kpi .home23-cta{font-size:12px;font-weight:750;color:#168b93;margin-top:auto;padding-top:5px}.home23-balance{background:linear-gradient(130deg,#153a54,#176a7d 63%,#484684);border:0}.home23-balance .home23-symbol{background:#ffffff26;color:#c8fff4}.home23-balance .home23-label,.home23-balance .home23-cta{color:#c9f5f2}.home23-balance strong{color:white}.home23-tasks .home23-symbol{background:#fff1e2;color:#d17917}.home23-approvals .home23-symbol{background:#eae7ff;color:#7158ca}
.home23-columns{display:grid;grid-template-columns:1.08fr 1fr;gap:18px;align-items:start}.home23-section{border-radius:23px;border:1px solid #dee9f1;background:#fff;box-shadow:0 12px 35px #1935500b;padding:25px;min-width:0}.home23-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.home23-section-head a{font-weight:750;font-size:12px;white-space:nowrap}.home23-overline{font-size:10px;letter-spacing:1.7px;font-weight:900;color:#7860b7}.home23-section h2{font-size:20px;letter-spacing:-.5px;margin:5px 0 0}.home23-task,.home23-review{display:flex;align-items:center;gap:13px;padding:14px 0;border-bottom:1px solid #edf2f6;color:#153550}.home23-task:last-child,.home23-review:last-of-type{border-bottom:0}.home23-task:hover,.home23-review:hover{text-decoration:none}.home23-task-check{display:grid;place-items:center;flex:none;width:29px;height:29px;border-radius:10px;background:#eef9f8;color:#0c9b8d;font-size:22px}.home23-task-body{display:grid;gap:3px;flex:1;min-width:0}.home23-task-body strong{font-size:13px;overflow-wrap:anywhere}.home23-task-body small,.home23-review small{color:#75879a;font-size:11px}.home23-priority{padding:5px 9px;font-size:10px;font-weight:800;background:#eaf4ff;color:#287aa3;border-radius:99px}.home23-priority.is-high{background:#fff0de;color:#b26d0a}.home23-review-icon{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:13px;font-size:21px}.home23-review-icon.blue{background:#e0f3ff;color:#137cbe}.home23-review-icon.purple{background:#efe9ff;color:#794dca}.home23-review span:nth-child(2){display:grid;gap:3px;flex:1}.home23-review strong{font-size:13px}.home23-review b{font-size:22px;color:#153e63}.home23-empty{padding:18px;background:#f3faf8;border-radius:12px;color:#486a71;font-size:13px;margin-top:12px}.home23-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:21px}.home23-actions span{font-size:12px;color:#70849a;font-weight:800;margin-right:6px}.home23-actions a{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border:1px solid #c8e4e6;border-radius:12px;background:white;color:#147b85;font-size:13px;font-weight:800}.home23-actions a:hover{text-decoration:none;background:#e6faf7}
@media(max-width:850px){.home23-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.home23-balance{grid-column:span 2}.home23-columns{grid-template-columns:1fr}.navlinks.nav23{overflow-x:auto;scrollbar-width:thin}}
@media(max-width:560px){.main{padding-top:22px}.wrap{padding-left:14px;padding-right:14px}.home23-heading h1{font-size:31px}.home23-mark{width:46px;height:46px;font-size:24px}.home23-kpis{gap:10px}.home23-kpi{padding:18px;border-radius:18px}.home23-kpi strong{font-size:27px}.home23-balance strong{font-size:34px}.home23-kpi .home23-label{font-size:12px}.home23-section{padding:17px;border-radius:18px}.home23-section h2{font-size:17px}.home23-section-head{align-items:flex-start}.home23-section-head a{font-size:11px}.home23-task{gap:7px}.navlinks.nav23{flex-wrap:nowrap}.brand{font-size:21px}.headerline{min-height:67px}.userbox{gap:8px}.home23-actions span{width:100%}}

/* Version 2.4: employee task board */
.employee-tasks{border:1px solid #c6dbed;box-shadow:0 14px 36px rgba(16,44,73,.07);background:linear-gradient(140deg,#ffffff,#f0f9ff)}
.task-count{font-size:.78em;background:#dff5f1;color:#086e6b;border-radius:40px;padding:.2rem .65rem;vertical-align:middle}
.task-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin:22px 0}
.task-tile{display:flex;flex-direction:column;gap:13px;padding:19px;border:1px solid #dce7f2;border-radius:20px;background:white;text-decoration:none;color:#163450;box-shadow:0 4px 15px rgba(25,48,82,.055);transition:transform .15s,box-shadow .15s}
.task-tile:hover{transform:translateY(-2px);box-shadow:0 9px 25px rgba(25,48,82,.12)}
.task-tile-top{display:flex;justify-content:space-between;align-items:center;color:#51738e;font-size:.84rem}
.task-tile strong{font-size:1.1rem;line-height:1.35}.task-tile small{color:#52748b}.task-tile.priority-dringend{border-left:5px solid #f05b67}.task-tile.priority-wichtig{border-left:5px solid #ffae45}.task-tile.priority-normal{border-left:5px solid #37b6db}
.task-bottom{display:flex;gap:20px;flex-wrap:wrap}.task-bottom a{font-weight:700;text-decoration:none}.empty-task{padding:25px;color:#1a806e}
@media(max-width:620px){.task-card-grid{grid-template-columns:1fr}.task-tile{padding:17px}}

/* 2.5.5: Employee navigation never depends on clipped dropdown menus. */
.employee-nav{display:flex;flex-wrap:wrap!important;overflow:visible!important;gap:5px!important;padding-top:9px;padding-bottom:9px;align-items:stretch}
.employee-nav>a{display:inline-flex!important;align-items:center;justify-content:center;padding:11px 12px!important;min-height:44px;white-space:normal;text-align:center;border-radius:10px}
.employee-nav>a:focus-visible{outline:3px solid #0c9b8d;outline-offset:2px}
@media(max-width:760px){.employee-nav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:6px!important}.employee-nav>a{font-size:12px!important;padding:10px 5px!important;line-height:1.2}}
@media(max-width:370px){.employee-nav{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* 2.5.6: streamlined, readable, responsive UI */
:root{--sm-bg:#f5f7fb;--sm-surface:#fff;--sm-ink:#172838;--sm-accent:#167b78;--sm-line:#e4e9ef}
body{background:var(--sm-bg)!important;color:var(--sm-ink)}
.topbar{background:#172e42!important}.nav{background:#fff!important;border-bottom:1px solid var(--sm-line)}
.panel,.home23-section,.card{background:#fff!important;border:1px solid var(--sm-line)!important;border-radius:17px!important;box-shadow:0 4px 18px #1b355008!important}
.intro h1{letter-spacing:-.8px}.subtle,.hint{line-height:1.65}.sm-clean-hero{padding:8px 0 3px}
.metric{background:#fff!important;border:1px solid var(--sm-line)!important;border-radius:15px!important;box-shadow:none!important}
.button.primary,.button.primary:hover{background:#167b78!important;color:#fff!important}
.sm-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:16px}
.sm-action{display:flex;flex-direction:column;gap:9px;min-width:0;padding:21px;background:#fff;border:1px solid var(--sm-line);border-radius:16px;text-decoration:none;color:#233b50;box-shadow:0 3px 15px #18324908}
.sm-action:hover,.sm-action:focus-visible{background:#f1faf9;border-color:#76b9b5;text-decoration:none;outline-offset:2px}
.sm-action strong{font-size:17px;line-height:1.25;color:#145b5b}.sm-action span{color:#536678;font-size:13px;line-height:1.45}
.fields label{line-height:1.5}input,select,textarea{max-width:100%}
@media(max-width:850px){.sm-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:550px){.sm-action-grid{grid-template-columns:1fr}.sm-action{padding:17px}.metrics.three{grid-template-columns:1fr!important}.intro h1{font-size:29px}}