:root{color:#172026;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f7f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit}.app-shell{grid-template-columns:280px 1fr;min-height:100vh;display:grid}.sidebar{background:#fff;border-right:1px solid #dce3e6;flex-direction:column;gap:24px;padding:24px 16px;display:flex}.brand{color:#0f2e3d;align-items:center;gap:10px;padding:0 8px;font-size:18px;font-weight:700;display:flex}.brand svg,.nav-button svg,.status-card svg{flex:none;width:20px;height:20px}nav{gap:4px;display:grid}.nav-button{color:#33464f;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;min-height:40px;padding:8px 10px;display:flex}.nav-button:hover{color:#0f2e3d;background:#edf4f5}.nav-button.active{color:#0f2e3d;background:#dfecee}.content{padding:32px}.page-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;display:flex}.eyebrow{color:#55717c;margin:0 0 6px;font-size:13px}h1{color:#10242c;letter-spacing:0;margin:0;font-size:30px;line-height:1.2}.primary-action{color:#fff;cursor:pointer;background:#176b78;border:0;border-radius:6px;min-height:40px;padding:9px 16px}.primary-action:hover{background:#0f5964}.header-actions{align-items:center;gap:12px;display:flex}.api-pill{color:#fff;border-radius:999px;align-items:center;min-height:28px;padding:4px 10px;font-size:13px;font-weight:700;display:inline-flex}.api-pill.checking{background:#64747b}.api-pill.online{background:#237a57}.api-pill.offline{background:#a53b3b}.error-line{color:#7b2020;background:#fff6f6;border:1px solid #e2b5b5;border-radius:6px;margin-bottom:16px;padding:10px 12px}.notice-line{color:#235b41;background:#f1fbf6;border:1px solid #b9dccb;border-radius:6px;margin-bottom:16px;padding:10px 12px}.status-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.status-card{background:#fff;border:1px solid #dce3e6;border-radius:8px;gap:12px;min-height:96px;padding:16px;display:flex}.status-card svg{color:#176b78}.status-card h2{color:#10242c;letter-spacing:0;margin:0 0 6px;font-size:16px}.status-card p{color:#60747c;margin:0;font-size:24px;font-weight:700}.table-wrap{background:#fff;border:1px solid #dce3e6;border-radius:8px;overflow-x:auto}.editor-layout{gap:16px;display:grid}.entity-section{gap:12px;display:grid}.entity-card{background:#fff;border:1px solid #dce3e6;border-radius:8px;gap:12px;padding:18px;display:grid}.section-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.section-heading h2{color:#10242c;margin:0;font-size:18px}.section-heading p{color:#60747c;margin:4px 0 0;font-size:13px}.section-heading select{max-width:360px}.button-row,.table-actions{justify-content:flex-end;align-items:center;gap:8px;display:inline-flex}.entity-form{background:#fff;border:1px solid #dce3e6;border-radius:8px;padding:18px}.compact-form{padding:16px}.entity-form h2{color:#10242c;letter-spacing:0;margin:0 0 16px;font-size:18px}.form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}label{color:#506670;gap:6px;font-size:13px;font-weight:700;display:grid}input,select,textarea{color:#172026;width:100%;min-height:38px;font:inherit;background:#fff;border:1px solid #cbd6da;border-radius:6px;padding:8px 10px}textarea{resize:vertical;min-height:76px}input:focus,select:focus,textarea:focus{outline-offset:1px;outline:2px solid #95c6ce}.wide-field{margin-top:12px}.checkbox-field{grid-template-columns:auto 1fr;align-items:center;gap:8px;margin-top:12px;display:inline-flex}.checkbox-field input{width:16px;min-height:16px}.form-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.secondary-action,.danger-action,.table-action{color:#24434f;cursor:pointer;background:#fff;border:1px solid #cbd6da;border-radius:6px;min-height:36px;padding:7px 12px}.secondary-action:hover,.table-action:hover{background:#edf4f5}.danger-action,.table-action.danger{color:#8f2e2e;border-color:#e2b5b5}.danger-action:hover,.table-action.danger:hover{background:#fff1f1}.primary-action:disabled{cursor:progress;opacity:.7}table{border-collapse:collapse;width:100%}th,td{text-align:left;vertical-align:top;white-space:nowrap;border-bottom:1px solid #e6ecef;padding:12px 14px}th{color:#506670;font-size:13px;font-weight:700}td{color:#172026;font-size:14px}td:last-child{text-align:right}tr:last-child td{border-bottom:0}.empty-state,.placeholder-panel{color:#60747c;background:#fff;border:1px solid #dce3e6;border-radius:8px;padding:24px}.placeholder-panel h2{color:#10242c;margin:0 0 8px;font-size:18px}.placeholder-panel p{margin:0}@media (width<=780px){.app-shell{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #dce3e6;border-right:0}.page-header{flex-direction:column}.header-actions{justify-content:space-between;width:100%}}