:root{color:#1c2430;background:#eef2f4;font-family:Avenir Next,Segoe UI,sans-serif;line-height:1.45}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit}.shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.side{background:#143044;color:#f4f7f8;padding:28px 20px;display:flex;flex-direction:column;gap:22px}.brand{display:flex;flex-direction:column;gap:6px}.brand strong{font-size:22px;letter-spacing:-.03em}.badge{align-self:flex-start;border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:2px 8px;font-size:12px}.side nav{display:flex;flex-direction:column;gap:6px}.side a{text-decoration:none;padding:8px 10px;border-radius:8px}.side a.active,.side a:hover{background:#ffffff1f}.side label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#d5e0e6}.account{display:flex;flex-direction:column;gap:6px;font-size:13px}button.sign-out{background:transparent;color:#f4f7f8;border:1px solid rgba(255,255,255,.35);border-radius:8px;padding:8px 10px;cursor:pointer}.side select,.toolbar select,.field input,.field select,.field textarea{border:1px solid #c9d3da;background:#fff;border-radius:8px;padding:8px 10px}.side select{color:#1c2430}.main{padding:28px 32px 64px}.page-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;margin-bottom:20px}.period-switch{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.period-switch button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;background:#fff;border:1px solid #c5d0d6;border-radius:10px;padding:8px 12px;cursor:pointer}.period-switch button span{font-size:12px;color:#5d6b76}.period-switch button strong{font-size:15px;letter-spacing:-.02em}.period-switch button.active{background:#e7f4f1;border-color:#0f6e62}.page-head h1{margin:0;font-size:32px;letter-spacing:-.03em}.muted{color:#5d6b76}.actions{display:flex;gap:8px;flex-wrap:wrap}.button,button.primary,a.button{display:inline-flex;align-items:center;border-radius:8px;padding:8px 12px;text-decoration:none;border:1px solid #c5d0d6;background:#fff;cursor:pointer}button.primary,a.primary{background:#0f6e62;color:#fff;border-color:#0f6e62}button:disabled{opacity:.6;cursor:wait}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.card{background:#fff;border:1px solid #e1e7eb;border-radius:14px;padding:16px}.card span,.label{color:#5d6b76;font-size:13px}.card strong{display:block;margin-top:8px;font-size:28px;letter-spacing:-.04em}.card em{font-style:normal;color:#0f6e62;font-size:13px}.bar{height:14px;background:#e6eeea;border-radius:999px;overflow:hidden;margin:10px 0}.bar span{display:block;height:100%;background:#0f6e62}.split{display:grid;grid-template-columns:1fr 1.3fr;gap:12px;margin-top:12px}.cat{display:grid;grid-template-columns:1fr auto;gap:4px 12px;margin-bottom:12px}.cat .track{grid-column:1 / -1;height:8px;background:#e8eef0;border-radius:99px}.cat .track span{display:block;height:100%;background:#1d4e89;border-radius:99px}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:12px;color:#5d6b76;font-weight:600}td,th{padding:9px 8px;border-bottom:1px solid #e7edf0;vertical-align:top}td a{color:#0f4c81}.num{text-align:right;font-variant-numeric:tabular-nums}.pill{display:inline-block;border-radius:999px;padding:2px 8px;background:#eef3f6;font-size:12px}.pill.new{background:#e7f4ef}.grid-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:flex;flex-direction:column;gap:6px}.field.wide{grid-column:1 / -1}.error{background:#fdecec;color:#8d2a2a;padding:10px 12px;border-radius:8px}.notice{background:#e8f6f1;color:#0d5a45;padding:10px 12px;border-radius:8px}.footer-note{margin-top:16px}.footer-note li{margin:6px 0}.stack{display:flex;flex-direction:column;gap:12px}.toolbar{display:flex;gap:12px;align-items:end;margin-bottom:12px}@media(max-width:900px){.shell{grid-template-columns:1fr}.side{padding:16px}.side nav{flex-direction:row;flex-wrap:wrap}.kpis,.split,.grid-form{grid-template-columns:1fr}.main{padding:18px}.page-head{flex-direction:column;align-items:stretch}}