:root{font-family:system-ui,sans-serif;color:#102546;background:#f3f7fd;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{background:#145be3;color:#fff;border:1px solid transparent;border-radius:8px;padding:.62rem .9rem;font-weight:650;cursor:pointer}button:disabled{opacity:.55;cursor:wait}button.secondary{background:#edf4ff;color:#174b9b;border-color:#d9e7fb}button.danger{background:#fceaf0;color:#a52b48}input,select{display:block;width:100%;padding:.7rem;border:1px solid #cbd9ed;border-radius:8px;background:#fff;color:#102546}label{display:grid;gap:.35rem;margin:0 0 1rem;font-weight:600}h1,h2,h3{line-height:1.1}h1{font-size:2rem;margin:.2rem 0}h2{font-size:1.3rem}p{line-height:1.5}.muted{color:#4e6480}.error,[role=alert]{color:#a52b48}.brand{display:flex;gap:.6rem;align-items:center;color:#fff;margin-bottom:2rem}.brand svg{width:40px;flex:none}.brand strong{font-size:1.32rem;display:block}.brand small{color:#cae3ff}.login{max-width:920px;margin:12vh auto;display:grid;grid-template-columns:1fr 1fr;border-radius:18px;overflow:hidden;box-shadow:0 15px 60px #1025461a}.login section{padding:3rem;background:#102546;color:#fff}.login h1{font-size:3.6rem;margin-top:2.5rem}.login form{padding:3rem;background:#fff}.login form button{width:100%}.app{display:grid;grid-template-columns:225px minmax(0,1fr);min-height:100vh}nav{background:#102546;padding:1.4rem 1rem}nav button{display:block;text-align:left;width:100%;background:transparent;color:#e9f3ff;margin:.25rem 0}nav button.selected{background:#145be3}header{display:flex;align-items:center;gap:.8rem;padding:1rem 1.4rem;background:#fff;border-bottom:1px solid #dae5f3}header strong{font-size:1.45rem}.spacer{flex:1}.badge{display:inline-block;white-space:nowrap;font-size:.77rem;font-weight:750;color:#1550ad;background:#e1edff;padding:.3rem .55rem;border-radius:6px}.badge.green{color:#14694d;background:#e0f4ea}.layout{display:grid;grid-template-columns:minmax(0,1fr);align-items:start}.layout.has-panel{grid-template-columns:minmax(0,1fr) minmax(285px,340px)}main,aside{padding:1.4rem;min-width:0}aside{background:#fff;min-height:calc(100vh - 72px);border-left:1px solid #dae5f3}.heading,.actions{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:1rem}.heading p{margin:.55rem 0}.search{max-width:410px;margin:0 0 1rem}.table{overflow:auto;background:#fff;border:1px solid #dae5f3;border-radius:12px}table{border-collapse:collapse;width:100%;text-align:left}th,td{padding:.8rem;border-bottom:1px solid #e7eef8}th{background:#eaf2ff;white-space:nowrap;font-size:.85rem}.empty{padding:1rem;color:#4e6480}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}article{background:#fff;border:1px solid #dae5f3;padding:1.25rem;border-radius:12px}dt{font-size:.85rem;color:#4e6480}dd{margin:.2rem 0 1rem;overflow-wrap:anywhere}.actions{justify-content:flex-start}@media(max-width:970px){.layout.has-panel{grid-template-columns:1fr}aside{min-height:0;border-top:1px solid #dae5f3}}@media(max-width:650px){.app,.login,.cards{display:block}.login{margin:0}.login section,.login form{padding:1.25rem}.login h1{margin-top:.5rem}nav{display:flex;flex-wrap:wrap;gap:.25rem}nav .brand{width:100%;margin-bottom:.4rem}nav button{width:auto}header{flex-wrap:wrap}.heading{flex-wrap:wrap}.cards article{margin-bottom:.8rem}}
