:root{--ink:#17324a;--muted:#667789;--line:#d9e2ea;--page:#f6f9fc;--blue:#116bb5}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:var(--page);color:var(--ink)}button,input,select{font:inherit}.shell{width:min(1050px,calc(100% - 24px));margin:16px auto}.card,.metric{background:white;border:1px solid var(--line);border-radius:14px;padding:14px;margin-bottom:14px}.login{min-height:80vh;display:grid;place-items:center}.login .card{width:min(430px,100%)}label{display:block;font-weight:700;margin:8px 0}input,select{width:100%;padding:10px;border:1px solid var(--line);border-radius:9px}button{border:0;border-radius:9px;background:var(--blue);color:white;padding:10px 13px;font-weight:700;cursor:pointer}.secondary{background:#e8eef5;color:var(--ink)}header{display:flex;justify-content:space-between;gap:12px}nav{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}nav button:not(.active){background:#e8eef5;color:var(--ink)}.hidden{display:none!important}.muted{color:var(--muted)}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.metric strong{display:block;font-size:1.6rem}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.row{border-top:1px solid var(--line);padding:10px 0}.row button{float:right}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.box{border:1px solid var(--line);border-radius:10px;padding:9px}@media(max-width:720px){.metrics,.grid,.detail-grid{grid-template-columns:1fr}header{flex-direction:column}}