:root{font-family:Inter,system-ui,sans-serif;color:#172033;background:#f4f6fb}*{box-sizing:border-box}body{margin:0}.app-shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{background:#101827;color:#e8eefc;padding:24px;display:flex;flex-direction:column;gap:16px}.brand{font-size:20px}.brand span{margin-left:8px}.sidebar nav{display:grid;gap:6px}.sidebar a{color:#c9d5ef;padding:10px;border-radius:8px;text-decoration:none}.sidebar a.router-link-active{background:#263650;color:#fff}.account{margin-top:auto;display:grid;gap:6px}.account button{background:transparent;color:#fff;border:1px solid #52627d}.main{padding:36px;max-width:1300px;width:100%}header{margin-bottom:24px}h1{margin:4px 0}.eyebrow{color:#536d9b;text-transform:uppercase;font-size:12px;letter-spacing:.08em}.card{background:#fff;border:1px solid #dce3f0;border-radius:12px;padding:20px;box-shadow:0 2px 12px #1c2a4410}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-screen .card{width:min(560px,100%)}.form-grid{display:grid;gap:14px}.form-grid label{display:grid;gap:6px;font-weight:600}.form-grid input,.form-grid select,.form-grid textarea,.inline input,.inline select{padding:9px;border:1px solid #bdc9dc;border-radius:7px;font:inherit}.primary,button{padding:9px 13px;border-radius:7px;border:1px solid #687a98;background:#fff;cursor:pointer;font:inherit}.primary{background:#1f5fbf;color:#fff;border-color:#1f5fbf}.error{color:#af1d2d}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.summary-grid article{display:grid;gap:8px}.summary-grid strong{font-size:20px}.split{display:flex;justify-content:space-between;gap:16px;align-items:center}.inline{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.table{display:grid;gap:8px}.table article{background:#fff;border:1px solid #dce3f0;padding:14px;border-radius:8px;display:flex;flex-wrap:wrap;gap:10px}.workspace{display:grid;grid-template-columns:300px 1fr;gap:16px}.workspace aside{display:grid;gap:6px}.workspace aside button{text-align:left;display:grid;gap:4px}.workspace aside button.active{border-color:#1f5fbf;background:#eaf1ff}.actions{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}@media(max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.main{padding:20px}.workspace{grid-template-columns:1fr}}