:root{color:#e8eef7;font-synthesis:none;background:#0b1424;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{background:#0b1424;min-width:320px;margin:0}button,select,input{font:inherit}button{cursor:pointer;min-height:40px}button:disabled{cursor:not-allowed;opacity:.55}.app{min-height:100vh}header{background:#0f1b2f;border-bottom:1px solid #22344e;justify-content:flex-end;align-items:center;height:56px;padding:0 28px;display:flex}.brand,.mobile-brand{letter-spacing:.12em;font-weight:800}.brand span,.mobile-brand span{color:#64a2df;font-weight:500}.mobile-brand{display:none}.user{color:#c1cde0;font-size:.9rem}.logout{color:#8fb7e0;background:0 0;border:0;margin-left:16px;text-decoration:underline}.layout{max-width:1440px;margin:auto;display:flex}.sidebar{border-right:1px solid #22344e;flex-direction:column;width:230px;min-height:calc(100vh - 56px);padding:28px 18px;display:flex}.sidebar .brand{margin:0 12px 42px}.nav{text-align:left;color:#9eafc7;background:0 0;border:0;border-radius:5px;width:100%;margin:3px 0;padding:11px 12px;display:block}.nav:hover,.nav:focus-visible,.nav.active{color:#fff;background:#1a3555;outline:0}.tier{color:#7287a5;text-transform:uppercase;letter-spacing:.1em;margin-top:auto;padding:12px;font-size:.75rem}.content{flex:1;padding:42px clamp(22px,5vw,72px)}.page{max-width:930px}.page-title{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.page-title h1{margin:0;font-size:1.7rem}.refresh,.error-panel button,.actions button{color:#dcecff;background:#142944;border:1px solid #40668e;border-radius:5px;padding:9px 14px}.refresh:focus-visible,.error-panel button:focus-visible,.logout:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible{outline-offset:2px;outline:2px solid #7dbaf2}.status-list{border-top:1px solid #273b57}.status-row{color:#a9b8cb;border-bottom:1px solid #273b57;justify-content:space-between;padding:16px 4px;display:flex}.status-row strong{color:#e8eef7;font-weight:500}.bindings{gap:10px;display:grid}.binding{background:#101f35;border:1px solid #263b58;border-radius:6px;justify-content:space-between;align-items:center;gap:20px;padding:17px 18px;display:flex}.binding h2{margin:0 0 7px;font-size:1rem}.binding p,.binding small{color:#92a5be;margin:0}.binding small{font-size:.78rem}.actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.binding select,.binding input{color:#dcecff;background:#0b182a;border:1px solid #456788;border-radius:4px;min-width:180px;min-height:40px;padding:9px}.locked{color:#d2a861;font-size:.8rem}.empty,.loading,.error{color:#91a5bf;padding:32px 0}.error,.error-panel{color:#e4a9a9}.error-panel{background:#241522;border:1px solid #703e4a;max-width:480px;margin:15vh auto;padding:32px}.error-panel h1{margin-top:0}.error-panel button{margin-top:18px}@media (width<=680px){header{justify-content:space-between;padding:0 16px}.mobile-brand{font-size:.84rem;display:block}.layout{display:block}.sidebar{border-bottom:1px solid #22344e;border-right:0;width:auto;min-height:auto;padding:10px 12px;display:flex}.sidebar .brand,.tier{display:none}.sidebar nav{gap:4px;display:flex;overflow:auto}.nav{white-space:nowrap;width:auto;font-size:.82rem}.content{padding:28px 16px}.page-title{margin-bottom:20px}.binding{flex-direction:column;align-items:flex-start}.actions,.binding select,.binding input,.actions button{width:100%}.user{font-size:.8rem}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}