:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#24354a;background:#f3f6fa;font-size:14px}*{box-sizing:border-box}body{margin:0}app-root{display:flex;min-height:100vh}aside{width:260px;background:#132c43;color:#edf5ff;padding:32px 20px;flex-shrink:0}.brand{display:block;background:#fff;border-radius:8px;padding:8px;text-decoration:none;max-width:320px}.brand img{display:block;width:100%;height:auto;object-fit:contain}.unit{font-size:11px;line-height:1.7;margin:28px 0;overflow-wrap:anywhere;color:#b8c9dc}nav{display:grid;gap:4px;margin-bottom:24px}nav a{padding:10px 12px;color:#dce7f2;text-decoration:none;border-radius:6px}nav a:hover,nav a:focus{background:#23425d}main{min-width:0;flex:1;padding:0 36px 40px}header{height:68px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dce4ec;color:#61758b;font-size:12px}.heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:32px 0 22px}.heading p{color:#6a7f93}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700}h1{font-size:30px;margin:8px 0}h2{font-size:20px}button{font:inherit;border:0;border-radius:6px;background:#137f77;color:#fff;padding:11px 18px;font-weight:600;cursor:pointer}.secondary{background:#e9f0f5;color:#29455f}button:disabled{opacity:.5;cursor:default}.panel{background:#fff;border:1px solid #dce4ec;border-radius:10px;overflow:hidden}.toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:20px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th{background:#f8fafc;color:#718297;font-size:11px;text-transform:uppercase;letter-spacing:.6px}th,td{padding:17px;border-bottom:1px solid #edf1f5}td{font-size:13px;max-width:300px;overflow-wrap:anywhere}.actions{display:flex;gap:8px;white-space:nowrap}footer{display:flex;align-items:center;justify-content:flex-end;gap:16px;padding:20px}.error,.success,.callout{border-radius:6px;padding:14px;line-height:1.6}.error{background:#fff0f0;color:#9e2934}.success{background:#e4f5ee;color:#246547}.callout{background:#fff4d9;color:#785b20}.overlay{position:fixed;inset:0;background:#10283f99;display:flex;align-items:center;justify-content:center;padding:28px;z-index:10}.dialog{background:#fff;border-radius:12px;width:900px;max-height:92vh;overflow:auto;padding:20px}.small{width:500px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px}label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:600}input,select{border:1px solid #cbd7e2;border-radius:6px;padding:11px;background:#fff;font:inherit;max-width:100%}input:focus,select:focus,button:focus-visible,a:focus-visible{outline:2px solid #27a89c;outline-offset:2px}.requirement{padding:22px;border-top:1px solid #e5ecf3;line-height:1.65}.requirement>div{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.badge{background:#edf2f7;color:#546b81;padding:3px 8px;border-radius:5px;font-size:11px}small{color:#6c8195}@media (max-width:900px){aside{width:210px;padding:24px 12px}main{padding:0 16px 30px}.fields{grid-template-columns:1fr}.heading{align-items:flex-start;flex-direction:column}}@media (max-width:600px){app-root{display:block}aside{width:auto}nav{max-height:180px;overflow:auto;grid-template-columns:1fr 1fr}.unit{margin:12px 0}.overlay{padding:10px}header{font-size:10px}}
