:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#eaf2fa;background:#081522;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:hover{filter:brightness(1.15)}.app{display:flex;min-height:100vh}aside{width:250px;background:#0d1d2e;border-right:1px solid #22364a;display:flex;flex-direction:column;padding:26px 14px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;padding:0 12px 35px;letter-spacing:1px}.brand b{font-size:16px}.brand small{display:block;color:#79a3b3;font-size:9px;letter-spacing:2px;margin-top:4px}.logo{width:42px;height:42px;display:grid;place-items:center;background:#164653;border-radius:12px;color:#5ce1e6;font-size:36px}.nav{display:grid;gap:5px}.nav button{display:flex;align-items:center;gap:12px;border:0;background:transparent;color:#aab9c9;text-align:left;padding:13px 15px;border-radius:10px}.nav .selected{background:#173e50;color:#6ce9e7}.sidefoot{margin-top:auto;color:#6f8799;font-size:11px;padding:14px;line-height:1.8}main{flex:1;min-width:0;padding:32px 40px;max-width:1600px}header,.sectionhead,.header-actions,.inline,.actions{display:flex;align-items:center;justify-content:space-between;gap:12px}header{margin-bottom:30px}header small{font-size:10px;letter-spacing:2px;color:#6e9aaa}h1{font-size:30px;margin:6px 0 0}h2{font-size:18px;margin:0 0 16px}.date,.muted{color:#93aabc}.header-actions button,button:not(.event){border:1px solid #2d4559;border-radius:9px;padding:10px 12px;background:#14283b;color:#dcecf8}.header-actions .primary,.primary{background:#1ca9ad!important;color:#031c27!important;border:0!important;font-weight:700;display:flex;align-items:center;gap:8px}.notify{position:relative}.notify i{position:absolute;right:6px;top:5px;background:#ffad67;width:7px;height:7px;border-radius:50%}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:25px}.metric,section,.client{background:#102236;border:1px solid #22394f;border-radius:15px}.metric{padding:22px}.metric small,.client small{display:block;color:#91aabe}.metric strong{display:block;font-size:34px;margin-top:14px}section{padding:24px;margin-bottom:22px}.post{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #23394d}.post:last-child{border-bottom:0}.post small{display:block;color:#86a2b6;margin-top:5px}.actions{justify-content:flex-end;flex-wrap:wrap}.actions button{font-size:12px;padding:7px 10px!important}.status{font-size:11px;border-radius:50px;padding:6px 10px;background:#29475c;color:#a7d7f1;white-space:nowrap}.status.Posted{background:#164d40;color:#77e8b9}.status.Internal-Approval{background:#594225;color:#f7c57d}.clientgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.client{padding:18px}.client small{margin-top:10px}.client button{margin-top:15px}.progress{height:7px;background:#223c4d;border-radius:5px;margin-top:15px;overflow:hidden}.progress div{height:100%;background:#4ed2cc}.calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.weekday{text-align:center;color:#86a8ba;padding:12px 0;font-size:12px}.day{border:1px solid #284257;border-radius:8px;min-height:120px;padding:8px;min-width:0}.day.today{border-color:#5ce1e6;background:#133d49}.day.blank{opacity:.15}.daylabel{display:flex;justify-content:space-between;align-items:start;gap:4px}.daylabel small{font-size:9px;color:#83a6b7;text-align:right}.event{display:block;width:100%;border:0;border-left:3px solid #51d2d0;background:#1a4a59;color:#c5f5f2;text-align:left;padding:5px;margin-top:7px;border-radius:4px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.report{display:flex;justify-content:space-between;padding:15px;border-bottom:1px solid #284257}.report span{color:#8eb7c8}.empty{padding:24px;text-align:center;color:#829eaf}.textbutton{border:0!important;color:#55d4d4!important;background:transparent!important}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#020912bb;display:grid;place-items:center;padding:15px}.modal{background:#12283b;border:1px solid #365369;border-radius:16px;padding:25px;width:min(460px,100%);display:grid;gap:15px;max-height:95vh;overflow:auto}.modal label{display:grid;gap:6px;font-size:12px;color:#a9c3d0;flex:1}.modal input,.modal select,select{background:#0b1d2d;color:#eaf2fa;border:1px solid #355269;border-radius:8px;padding:10px;min-width:0}.modal .inline{align-items:end}.modal h2{margin:0}@media (max-width:850px){aside{width:65px;padding:16px 6px}.brand div,.nav button:not(.selected),.sidefoot{display:none}.brand{padding:0 5px 20px}.logo{width:42px}.nav button{font-size:0;justify-content:center;padding:12px}.nav button svg{flex-shrink:0}main{padding:18px}.metrics,.clientgrid{grid-template-columns:repeat(2,1fr)}.date{display:none}.day{min-height:75px;padding:3px}.daylabel{display:block}.daylabel small{display:none}.event{font-size:8px}.post{align-items:start;flex-direction:column}}@media (max-width:480px){.clientgrid{grid-template-columns:1fr}h1{font-size:22px}section{padding:13px}.header-actions{gap:4px}.calendar{gap:2px}.day{min-height:60px}.event{padding:3px 1px}.sectionhead{flex-wrap:wrap}}