*{box-sizing:border-box} :root{font-family:Segoe UI,Arial,sans-serif;color:#18343e;background:#f3f6f8;font-size:16px}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid #cbd7db;background:white;color:#23444f;border-radius:8px;padding:11px 17px;font-weight:600}button:hover{background:#edf5f4}button:focus-visible,a:focus-visible{outline:3px solid #19a58d;outline-offset:3px}.primary{background:#087e70;color:white;border-color:#087e70}.primary:hover{background:#08665b}aside{position:fixed;inset:0 auto 0 0;width:245px;background:#112f39;color:#c5d5da;padding:33px 21px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;color:white;text-decoration:none;font-size:23px;font-weight:700;letter-spacing:-1px}.mark{display:grid;place-items:center;width:35px;height:37px;background:#59e0c0;border-radius:9px;color:#112f39;font-size:28px}.aside-label{font-size:12px;letter-spacing:1.6px;color:#9db3bb;margin:48px 12px 17px}nav{display:grid;gap:9px}nav a{display:flex;align-items:center;gap:12px;text-decoration:none;color:#c5d5da;padding:14px 12px;border-radius:8px;font-size:15px}nav a.active{background:#244650;color:#fff;border-left:3px solid #59e0c0}nav b{margin-left:auto;background:#365861;border-radius:5px;padding:1px 6px;font-size:12px}.aside-bottom{margin-top:auto;font-size:14px;padding:20px 10px 0;border-top:1px solid #36505a}.aside-bottom div{font-size:12px;color:#a7bbc2;margin:9px 0 0 14px}.demo-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#59e0c0;margin-right:5px}.shell{margin-left:245px}header{height:77px;border-bottom:1px solid #e0e7eb;background:white;padding:0 40px;display:flex;align-items:center;justify-content:space-between;font-size:14px}.avatar{background:#e8f3f0;border:1px solid #cce0da;border-radius:50%;padding:10px;font-size:13px;font-weight:700}main{padding:37px 40px;max-width:1500px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.eyebrow{font-size:12px;letter-spacing:1.8px;color:#52757f;margin:0 0 12px}h1{font-size:32px;letter-spacing:-1px;margin:0 0 9px}h2{font-size:20px;letter-spacing:-.4px;margin:0}p{line-height:1.55}.muted{color:#637983}.page-heading p:last-child{margin:0;font-size:15px}.notice{border:1px solid #cbdedc;background:#ecf5f3;color:#345f5a;border-radius:8px;padding:12px 16px;font-size:13px;line-height:1.6;margin-bottom:26px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:28px}.stat{background:white;border:1px solid #dce5e9;border-radius:11px;padding:20px}.stat-label{font-size:14px;color:#5d737e}.stat strong{display:block;font-size:36px;line-height:1.5;letter-spacing:-1px}.stat small{font-size:13px;color:#6b7e87}.stat.urgent{border-top:3px solid #dc8850;padding-top:18px}.stat.urgent strong{color:#aa5723}.columns{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(275px,1fr);gap:24px}.panel{background:white;border:1px solid #dce5e9;border-radius:11px;overflow:hidden;margin-bottom:24px}.panel-heading{padding:22px 23px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e7edef}.panel-heading a{font-size:14px;color:#087e70;text-decoration:none}.work-card{padding:20px 23px;border-bottom:1px solid #e7edef;display:grid;grid-template-columns:1fr auto;gap:12px}.work-card:last-child{border:0}.work-card h3{font-size:16px;margin:9px 0 7px;font-weight:600}.meta{font-size:13px;color:#647b84;line-height:1.7}.badge{display:inline-block;border-radius:5px;padding:4px 8px;font-size:12px;font-weight:600;background:#edf2f5;color:#465f6b;white-space:nowrap}.badge.high{color:#9b4423;background:#fff0e6}.badge.normal{color:#306778;background:#e9f3f8}.badge.done{color:#13694f;background:#e4f4ed}.badge.progress{color:#79641d;background:#faf4d9}.row-action{align-self:center;font-size:13px;padding:9px 11px}.due-item{padding:20px 23px;border-bottom:1px solid #e7edef}.due-item h3{font-size:16px;margin:0 0 8px}.due-item .date{font-size:13px;margin-top:12px;color:#087e70}.due-item.overdue .date{color:#ae4d29}.empty{padding:32px;text-align:center;color:#667e86}.toolbar{display:flex;gap:12px;margin-bottom:20px}.toolbar input{flex:1;min-width:120px}.toolbar select{max-width:210px}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #bcced5;border-radius:7px;background:white;color:#18343e}input:focus,select:focus,textarea:focus{outline:2px solid #168c7c;outline-offset:1px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:12px;text-transform:uppercase;letter-spacing:.6px;background:#f9fbfc;color:#627982;padding:15px 22px;white-space:nowrap}td{font-size:14px;padding:19px 22px;border-top:1px solid #e7edef}td strong{display:block;font-weight:600}td .meta{display:block;margin-top:5px}td select{min-width:135px;font-size:13px;padding:8px}.asset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.asset-card{background:white;border:1px solid #dce5e9;border-radius:10px;padding:24px}.asset-symbol{font-size:23px;background:#e8f3f1;border-radius:9px;width:44px;height:44px;display:grid;place-items:center;color:#087e70}.asset-card h3{font-size:18px;margin:19px 0 5px}.asset-card dl{font-size:14px;margin:20px 0 0;border-top:1px solid #e4ecee;padding-top:15px}.asset-card dl div{display:flex;justify-content:space-between;gap:12px;margin:10px 0}.asset-card dt{color:#687e87}.asset-card dd{margin:0;text-align:right}footer{padding:10px 40px 25px;color:#617881;font-size:13px;display:flex;justify-content:space-between;gap:20px}dialog{width:min(550px,calc(100% - 32px));border:0;border-radius:14px;padding:28px;color:#18343e;box-shadow:0 24px 100px #102a3940}dialog::backdrop{background:#102a3977}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.icon-button{border:0;padding:0 8px;font-size:28px}.field{display:block;font-size:14px;font-weight:600;margin:15px 0}.field input,.field select,.field textarea{margin-top:7px;font-weight:400}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}#form-error{color:#a63e27;font-size:14px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#112f39;color:white;padding:14px 22px;border-radius:9px;box-shadow:0 4px 25px #102a3926;display:none;max-width:90%;z-index:10}.section-note{font-size:14px;color:#637983;margin:0 0 20px}
@media(min-width:1450px){main{padding-top:45px}.stat{padding:25px}.work-card{padding-block:25px}}@media(max-width:1150px){aside{width:205px;padding-inline:15px}.brand{font-size:20px}.shell{margin-left:205px}main{padding:28px 25px}.columns{grid-template-columns:1fr}.asset-grid{grid-template-columns:repeat(2,1fr)}.stats{gap:10px}.stat{padding:15px}.stat.urgent{padding-top:13px}}@media(max-width:760px){aside{position:static;width:100%;padding:17px 16px 10px}.brand{font-size:21px}.aside-label,.aside-bottom{display:none}nav{display:flex;overflow:auto;margin-top:16px;gap:4px}nav a{white-space:nowrap;font-size:13px;padding:10px 9px;gap:5px}nav a.active{border-left:0;border-bottom:2px solid #59e0c0}nav b{display:none}.shell{margin:0}header{height:57px;padding:0 18px}main{padding:25px 16px}.page-heading{align-items:flex-start}h1{font-size:27px}.eyebrow{font-size:10px;letter-spacing:1px}.page-heading .primary{font-size:13px;padding:11px;white-space:nowrap;margin-top:24px}.stats{grid-template-columns:repeat(2,1fr)}.stat strong{font-size:32px}.columns{gap:0}.asset-grid{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.toolbar select{max-width:none;flex:1}.work-card{padding:18px;grid-template-columns:1fr}.row-action{justify-self:start}.notice{font-size:12px}footer{padding:0 16px 25px}footer span{display:none}.panel-heading{padding:18px}.panel-heading h2{font-size:18px}}@media(prefers-reduced-motion:no-preference){button,a{transition:background .15s}}