/* ESYC v11 — one restrained visual system, no remote fonts or dependencies. */
:root{--accent:#790029;--accent-dark:#5c0020;--accent-soft:#f8eef1;--ink:#202a29;--muted:#68716f;--canvas:#f4f5f2;--line:#e1e5df;--line-strong:#c6cec6;--shadow:0 2px 5px #22332204;--radius:10px;--radius-lg:12px}
html{font-family:"Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,sans-serif;font-size:14px;background:var(--canvas)}
body.v11App{padding-left:236px}
.v11Sidebar{position:fixed;inset:0 auto 0 0;z-index:40;width:236px;display:flex;flex-direction:column;background:#20262a;border-right:1px solid #20262a;padding:22px 14px 12px;overflow-y:auto}
.v11Brand{display:grid;justify-items:center;align-self:center;padding:12px 25px 10px;margin:0 0 23px;border-radius:9px;background:#fff;color:var(--ink)}
.v11Brand img{display:block;width:108px;height:auto}.v11Brand span{font-size:9px;letter-spacing:.38em;font-weight:650;margin:4px 0 0 .38em}.v11Brand:hover{text-decoration:none}
.v11Sidebar nav{display:grid;gap:3px}.v11NavLink{display:flex;align-items:center;gap:10px;min-height:39px;padding:8px 12px;color:#c4cbca;font-size:13px;font-weight:550;border-radius:7px}
.v11NavLink span{width:15px;flex:none;color:#879593;font-size:16px}.v11NavLink span:empty{font-size:0}.v11NavLink span:empty:before{content:"";display:block;width:5px;height:5px;margin:5px;border:1px solid #8c9590;border-radius:2px}
.v11NavLink:hover{background:#30393d;color:#fff;text-decoration:none}.v11NavLink.active{background:#3e303a;color:#fff;font-weight:650}.v11NavLink.active span{color:#dd9bb2}
.v11NavSection{padding:18px 12px 6px;font-size:9px;font-weight:700;letter-spacing:.16em;color:#89918d}
.v11Account{margin-top:auto;padding:24px 12px 0}.v11Account>a{display:block;padding-top:14px;border-top:1px solid #414a4c;color:#eef2ef;overflow-wrap:anywhere}.v11Account small{display:block;font-size:11px;color:#b1bdb8;margin-top:3px}.v11Logout{border:0;background:none;color:#b1bdb8;padding:8px 0;cursor:pointer;font-size:12px}
.v11Topbar{height:66px;border-bottom:1px solid var(--line);background:#ffffffed;display:flex;align-items:center;justify-content:space-between;padding:0 32px;gap:16px;position:sticky;top:0;z-index:25}
.v11Breadcrumb{display:flex;align-items:center;gap:14px;color:#7c8580;font-size:12px}.v11Breadcrumb b{color:#414c46;font-weight:600}.v11TopActions{display:flex;align-items:center;gap:24px;font-size:12px}.v11TopActions>a:first-child{color:#59655d}.v11Avatar{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:#eee9e4;color:#62544b;font-weight:650}
.v11App .shell{width:auto;max-width:1640px;padding:32px clamp(20px,2.5vw,42px) 64px;margin:auto}.v11App .pageHead{margin-bottom:27px;align-items:center}.v11App .pageHead h1{font-size:30px;font-weight:650;letter-spacing:-.045em;line-height:1.2;margin:5px 0 9px}.v11App .pageHead p{font-size:13px}.v11App .eyebrow{font-size:10px;letter-spacing:.1em;font-weight:600;color:#7a817b!important}
.v11App .panel,.v11App .projectCard,.v11App .actionPanel{box-shadow:none;border-radius:11px}.v11App .panel{padding:23px}.v11App .panel h2{font-size:15px;font-weight:650;letter-spacing:-.015em}.v11App .panel p.muted{font-size:12px;line-height:1.7;margin:7px 0 0}.v11App .panelHead{align-items:flex-start}.v11App .panelHead>div{min-width:0}.v11App .panelHead>span{font-size:11px}
.v11App .stats{gap:16px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));margin-bottom:24px}.v11App .stats article{min-height:142px;padding:21px;border-radius:10px}.v11App .stats article:before{display:none}.v11App .stats span{font-weight:500;font-size:12px}.v11App .stats strong{font-size:clamp(23px,2vw,32px);font-weight:600;letter-spacing:-.035em;margin-top:15px;overflow-wrap:anywhere}.v11App .stats small{display:block;font-size:10px;color:#777f79;line-height:1.55;margin-top:11px}.v11App .stats .v11DarkKpi{background:#293b35;border-color:#293b35;color:#fff}.v11App .v11DarkKpi span,.v11App .v11DarkKpi small{color:#d4ded8}.v11App .stats .v11RoleValue{font-size:20px}
.v11SectionLabel{font-size:10px;font-weight:650;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:8px 0 12px}.v11Period{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.v11Period label{font-size:11px;color:var(--muted);flex-basis:100%}.v11Period input{width:158px;min-height:39px;background:#fff;border:1px solid var(--line-strong);border-radius:6px;padding:7px 10px;color:var(--ink)}
.v11DashboardGrid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(270px,1fr);gap:20px;align-items:start}.v11DashboardGrid>div{min-width:0}.v11BottomGrid{display:grid;grid-template-columns:1.25fr 1fr;gap:20px}.v11Capacity{font-size:37px;line-height:1.2;letter-spacing:-.04em;font-weight:600;margin:15px 0}.v11Capacity span{font-size:24px;color:#98a19a;font-weight:400}.v11Chart{display:block;width:100%;height:auto;max-height:290px;margin:20px 0 10px}.v11Legend{display:flex;flex-wrap:wrap;gap:20px;font-size:11px;color:var(--accent);margin-top:18px}.v11Legend span+span{color:#697973}.v11WorkerHero{background:#e9ede7;border:1px solid #dbe1d8;border-radius:12px;padding:28px;margin-bottom:20px}.v11WorkerHero h2{font-size:25px;font-weight:600;letter-spacing:-.03em;margin:8px 0}.v11WorkerHero p{color:#657267;margin-bottom:0}
.v11App .attentionList>a{padding:13px 0;font-size:12px;line-height:1.6;border-bottom:1px solid #edf0ea}.v11App .attentionList>a:last-child{border-bottom:0}.v11App .attentionList strong{flex:none;min-width:25px;min-height:25px;display:grid;place-items:center;background:#f9eeeb;border-radius:5px;color:#974c30;font-size:11px}
.v11App th{font-size:10px;letter-spacing:.03em;color:#747d75;font-weight:600;background:#f8f9f6;white-space:normal}.v11App td{font-size:12px;padding-top:16px;padding-bottom:16px}.v11App td small{font-size:10px;line-height:1.5;margin-top:4px;color:#7e867e}.v11App td b{font-weight:600}.v11App tbody tr:hover{background:#fafbf8}.v11App .status{font-size:10px;font-weight:550;border-radius:5px;padding:4px 8px}.v11App .positive{color:#37634b}.v11App .negative{color:#9e3d3d}.v11App .button{font-size:12px;font-weight:600;border-radius:7px;min-height:39px;padding:9px 14px;box-shadow:none}.v11App .button.small{font-size:11px;min-height:32px;padding:6px 10px}.v11App .button.secondary{color:#435148;background:#fff;border:1px solid #d7ddd5}.v11App .button.danger{background:#fbefed;color:#a33b38;border-color:#eed6d2}.v11App .button.success{background:#eaf3eb;color:#365e40;border-color:#cce0d0}
.v11App .form label{font-size:12px;font-weight:550}.v11App .form input,.v11App .form select,.v11App .form textarea{font-size:13px;border-radius:6px;border-color:#d5ddd3;background:#fff}.v11App .actionPanel>summary{font-size:13px;font-weight:600}.v11App details summary{cursor:pointer}.v11App .projectCode{font-size:10px}.v11App .projectCard h2{font-size:20px;font-weight:600}.v11App .projectCard dl{margin:22px 0}.v11App .projectCard p{font-size:12px}.v11App .empty{font-size:13px;color:var(--muted);padding:24px 6px}.v11App .tableWrap{max-width:100%;overflow:auto}
.v11Auth{background:radial-gradient(ellipse at top,#f0eee6,#f6f7f4 65%)}.v11Auth .authCard{border:1px solid #e2e4dc;border-radius:16px;box-shadow:0 15px 60px #2335220a}.v11Auth .authBrand{margin-inline:auto}.v11Auth .authCard h1{font-size:29px;font-weight:600}.v11Auth .authCard .eyebrow{color:#80877e!important}
.v11Skip{position:fixed;top:8px;left:250px;z-index:100;background:#fff;padding:10px;transform:translateY(-160%)}.v11Skip:focus{transform:none}:focus-visible{outline:3px solid #b35c7a;outline-offset:3px}
@media(min-width:1800px){.v11App .shell{padding-top:42px}}
@media(max-width:1200px){body.v11App{padding-left:212px}.v11Sidebar{width:212px}.v11App .v11Kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.v11DashboardGrid{grid-template-columns:1fr}.v11App .projectGrid{grid-template-columns:1fr}.v11Topbar{padding-inline:22px}.v11App .pageHead{align-items:flex-start;flex-wrap:wrap}}
@media(max-width:760px){body.v11App{padding-left:0}.v11Sidebar{display:none;width:min(290px,85vw);box-shadow:10px 0 70px #18322233}.v11MenuOpen .v11Sidebar{display:flex}.v11Topbar{height:59px;padding:0 14px}.v11Topbar .navToggle{display:block;margin:0;border-color:#d5dcd2;color:#35463a;background:#fff;font-size:12px;min-height:38px}.v11Topbar .v11Breadcrumb{display:none}.v11TopActions{gap:16px}.v11App .shell{padding:24px 15px 40px}.v11App .pageHead{gap:16px}.v11App .pageHead h1{font-size:27px}.v11App .stats,.v11App .v11Kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.v11App .stats article{padding:16px 13px;min-height:132px}.v11App .stats strong{font-size:24px}.v11App .stats span{font-size:11px}.v11App .panel{padding:17px}.v11BottomGrid{grid-template-columns:1fr;gap:0}.v11WorkerHero{padding:21px}.v11WorkerHero h2{font-size:23px}.v11Skip{left:15px}.v11App .tableWrap{margin-right:0;padding-right:0}.v11Period{width:100%}.v11App .panelHead{flex-wrap:wrap;gap:8px}.v11App .formGrid{grid-template-columns:1fr}.v11App .formGrid .wide{grid-column:auto}}
@media(max-width:370px){.v11App .stats,.v11App .v11Kpis{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media print{body.v11App{padding:0}.v11Sidebar,.v11Topbar,.v11Skip{display:none!important}.v11App .shell{padding:0}.v11App .stats .v11DarkKpi{background:#fff;color:#000}.v11App .v11DarkKpi span,.v11App .v11DarkKpi small{color:#333}}
