:root{--bg:#f5f6f2;--surface:#fff;--ink:#202722;--muted:#788079;--border:#e7e9e3;--green:#3c745c;--green-dark:#285740;--pale:#eaf3ec;--blue:#436887;--amber:#b27b2d;--purple:#78608a;--red:#a33d36;--shadow:0 8px 30px rgba(25,45,33,.05);font-family:ui-sans-serif,system-ui,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-size:14px}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #8bb7a0;outline-offset:2px}.hidden{display:none!important}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:242px;background:#fff;border-right:1px solid var(--border);padding:27px 17px 16px;display:flex;flex-direction:column;z-index:3}.brand{display:flex;align-items:center;gap:9px;color:var(--ink);text-decoration:none;font:800 19px ui-sans-serif,system-ui,sans-serif;letter-spacing:-.8px;padding:0 9px 42px}.brand-light{font-weight:500;color:#7f8b81}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#e7f0e9;color:#2f6248;font:800 20px ui-sans-serif,system-ui,sans-serif;box-shadow:inset 0 0 0 1px rgba(50,100,73,.06)}.brand-mark span{color:#8db49a}.brand-mark.small{width:31px;height:31px;border-radius:10px;font-size:16px}.sidebar-label,.eyebrow{font:500 10px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1.35px;color:#92998f}.sidebar-label{padding-left:12px;margin:0 0 11px}.sidebar nav{display:grid;gap:5px}.nav-link{height:42px;display:flex;align-items:center;gap:11px;padding:0 12px;border:0;border-radius:8px;background:transparent;text-align:left;color:#667068;font-weight:500}.nav-link:hover{background:#f5f7f3;color:var(--ink)}.nav-link.active{background:#eaf2ec;color:#2c6045;font-weight:700}.nav-icon{width:20px;text-align:center;font-size:17px;color:#879188}.nav-link.active .nav-icon{color:var(--green)}.nav-count{margin-left:auto;padding:2px 7px;border-radius:9px;background:#fff;color:#717971;font:11px ui-monospace,SFMono-Regular,Consolas,monospace}.sidebar-spacer{flex:1}.sidebar-connection{display:flex;align-items:center;gap:10px;padding:14px 10px;border-top:1px solid var(--border);font-size:12px}.sidebar-connection>div,.user-meta{display:grid;gap:3px}.sidebar-connection strong{font-size:12px}.sidebar-connection span:not(.connection-dot),.user-meta span{color:var(--muted);font-size:11px}.connection-dot,.health-dot{width:8px;height:8px;border-radius:50%;background:#d6a146;flex:none}.connection-dot.live,.health-dot.live{background:#59a277;box-shadow:0 0 0 3px #e7f2e9}.sidebar-user{display:flex;align-items:center;gap:9px;padding:13px 4px 0;border-top:1px solid var(--border)}.avatar{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#edf0e8;color:#4d6652;font-weight:700;font-size:12px}.user-meta{min-width:0;flex:1}.user-meta strong{max-width:138px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.user-meta span{font:9px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.5px}.icon-button{display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:7px;background:transparent;color:#748077;font-size:17px}.icon-button:hover,.modal-close:hover{background:#edf0eb}.main-area{margin-left:242px;min-height:100vh}.topbar{height:61px;position:sticky;top:0;z-index:2;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 36px;font-size:12px}.breadcrumb{color:#899088}.breadcrumb-sep{margin:0 9px;color:#bec3bb}.topbar-actions,.heading-actions{display:flex;align-items:center;gap:10px}.topbar-actions .muted{font-size:11px}.page-container{max-width:1440px;margin:0 auto;padding:27px 36px 20px}.notice{display:flex;align-items:center;gap:10px;border-radius:9px;padding:11px 14px;font-size:12px;line-height:1.5}.notice>div{flex:1}.notice strong{font-weight:700}.notice.error{color:#8e302a;background:#fff0ee;border:1px solid #f2d1ce}.notice.demo{margin-bottom:25px;color:#745620;background:#fff8e8;border:1px solid #f0e2bc}.banner-icon{display:grid;place-items:center;width:19px;height:19px;border:1px solid #bd9651;border-radius:50%;font:12px ui-monospace,SFMono-Regular,Consolas,monospace;flex:none}.notice.warning{margin:0 0 22px;color:#725319;background:#fff8e7;border:1px solid #efdfb3;justify-content:space-between}.notice.warning>div{display:grid}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;margin:0 0 19px}.page-heading .eyebrow{margin:0 0 8px}.page-heading h1{margin:0;font:700 28px ui-sans-serif,system-ui,sans-serif;letter-spacing:-1px}.page-heading p.muted{margin:6px 0 0;font-size:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 14px;border:1px solid transparent;border-radius:7px;font-size:12px;font-weight:600;transition:background .15s,border .15s}.button.primary{background:var(--green);color:white;box-shadow:0 1px 2px rgba(25,45,33,.08)}.button.primary:hover{background:var(--green-dark)}.button.secondary{background:white;color:#404941;border-color:#e2e5dd}.button.secondary:hover{background:#f7f8f5;border-color:#cfd5cb}.button.compact{min-height:31px;padding:0 10px;font-size:11px}.button.full-width{width:100%}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:15px}.metric-card,.panel{background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow)}.metric-card{padding:16px 16px 15px}.metric-top{display:flex;align-items:center;justify-content:space-between;color:#667068;font-size:11px;font-weight:600}.metric-symbol{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;font-size:14px}.metric-symbol.sea{color:var(--green);background:#eaf3ec}.metric-symbol.blue{color:var(--blue);background:#eaf1f6}.metric-symbol.amber{color:var(--amber);background:#faf2e5}.metric-symbol.purple{color:var(--purple);background:#f1edf5}.metric-card>strong{display:block;margin:9px 0 5px;font:700 26px ui-sans-serif,system-ui,sans-serif;letter-spacing:-1px}.metric-card small{font-size:10px;color:#90978e}.content-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(270px,1fr);gap:14px}.panel{padding:17px;margin-bottom:14px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.panel-heading h2{margin:0;font:700 14px ui-sans-serif,system-ui,sans-serif}.panel-heading p{margin:4px 0 0;font-size:10px}.text-button{padding:5px 0;border:0;background:transparent;color:#3b7054;font-size:11px;font-weight:600}.text-button span{margin-left:5px}.text-button:hover{color:var(--green-dark)}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th{padding:9px 10px;background:#f8f9f6;color:#828a81;font:10px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.35px;white-space:nowrap}td{padding:11px 10px;border-bottom:1px solid #eef0eb;font-size:11px;color:#49524a;white-space:nowrap}tbody tr:last-child td{border-bottom:0}.zone-name{font-weight:700;color:#2f4637}.zone-type,.mono{font:10px ui-monospace,SFMono-Regular,Consolas,monospace}.zone-type{padding:4px 6px;border-radius:4px;background:#f1f3ef;color:#788078}.status-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:20px;font:10px ui-monospace,SFMono-Regular,Consolas,monospace;white-space:nowrap}.status-pill.neutral{color:#6f776f;background:#f0f1ee}.status-pill.ok{color:#32704b;background:#eaf4ed}.status-pill.warn{color:#8b641f;background:#fcf4e5}.empty-cell{text-align:center!important;color:#91988f;padding:25px!important}.health-list{display:grid}.health-list>div{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #eff0ed}.health-list>div>div{display:grid;gap:4px;flex:1}.health-list strong{font-size:11px}.health-list small{color:#8c948b;font-size:10px}.health-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:7px;background:#f3f5f1;color:#667966}.health-list .status-pill{font-size:9px}.last-sync{display:flex;justify-content:space-between;align-items:center;padding:13px 0;color:#858d83;font-size:10px}.last-sync strong{color:#505a50;font:10px ui-monospace,SFMono-Regular,Consolas,monospace}.health-panel .full-width{margin-top:3px}.audit-preview{margin-top:1px}.audit-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #eff0ed}.audit-row:last-child{border-bottom:0}.audit-glyph{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#eff4ef;color:#53745b}.audit-copy{min-width:0}.audit-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;font-size:11px}.audit-copy small{display:block;margin-top:4px;color:#8d958c;font-size:10px}.audit-time{color:#899188;font:10px ui-monospace,SFMono-Regular,Consolas,monospace}.page-footnote{margin:2px 0 0;color:#858d83;font-size:10px}.app-footer{display:flex;justify-content:space-between;padding:20px 1px 0;color:#959c93;font-size:10px}.footer-dot{padding:0 5px;color:#b0b8ad}.search-input{width:225px;max-width:45%;padding:8px 10px;border:1px solid var(--border);border-radius:6px;background:#fff;font-size:11px}.settings-panel{max-width:850px}.settings-row{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid #eef0eb}.settings-row strong{font-size:12px}.settings-row p{margin:5px 0 0;font-size:11px}.settings-panel>.button{margin-top:17px}.empty-state{text-align:center;padding:55px 20px}.empty-state h2{font:700 16px ui-sans-serif,system-ui,sans-serif}.empty-state p{max-width:470px;margin:8px auto;color:#818a80;line-height:1.6;font-size:12px}.empty-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;margin:0 auto;background:#edf3ed;color:#4e7759;font-size:21px}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 50% 15%,#eaf0e6 0,#f5f6f2 55%)}.auth-card{width:min(100%,420px);padding:35px;border:1px solid #e5e9e1;border-radius:14px;background:#fff;box-shadow:0 20px 65px rgba(42,65,45,.09)}.auth-card>.brand-mark{margin-bottom:25px}.auth-card .eyebrow{margin:0 0 7px}.auth-card h1{margin:0;font:700 25px ui-sans-serif,system-ui,sans-serif;letter-spacing:-.7px}.auth-card>.muted{margin:8px 0 23px;font-size:12px}.auth-form{display:grid;gap:13px}.auth-form label,.modal-card label{display:grid;gap:6px;font-size:11px;font-weight:600;color:#586159}.auth-form input,.modal-card input{width:100%;height:38px;padding:0 10px;border:1px solid #dfe4dc;border-radius:6px;background:#fff;font-size:12px}.auth-form input:focus,.modal-card input:focus,.search-input:focus{border-color:#77a186}.auth-foot{margin:18px 0 0;color:#91998f;font-size:10px;line-height:1.6}.hint{color:#92998f;font-weight:400}.auth-form .button{margin-top:4px}.modal-backdrop{position:fixed;inset:0;z-index:8;display:grid;place-items:center;padding:18px;background:rgba(29,39,31,.45)}.modal-card{position:relative;width:min(100%,445px);max-height:94vh;overflow:auto;padding:27px;border-radius:12px;background:#fff;box-shadow:0 20px 70px rgba(0,0,0,.2)}.modal-close{position:absolute;right:15px;top:15px;width:30px;height:30px;border:0;border-radius:7px;background:transparent;font-size:20px;color:#687169}.modal-card>.eyebrow{margin:0 0 6px}.modal-card h2{margin:0;font:700 19px ui-sans-serif,system-ui,sans-serif}.modal-card>p:not(.eyebrow){font-size:11px;line-height:1.6;color:#747e74}.qr-wrap{display:grid;place-items:center;min-height:166px;margin:12px 0;border:1px solid var(--border);border-radius:8px;background:#fafbf8}.qr-wrap img{width:156px;height:156px;image-rendering:pixelated}.secret-label{margin:11px 0}.secret-label input{font:12px ui-monospace,SFMono-Regular,Consolas,monospace}.modal-card form{display:grid;gap:11px}.toast{position:fixed;right:22px;bottom:22px;z-index:9;padding:12px 16px;border:1px solid #d6e5d8;border-radius:8px;background:#f1f8f1;color:#315b3c;font-size:12px;box-shadow:var(--shadow)}

@media(max-width:1050px){.sidebar{width:205px}.main-area{margin-left:205px}.page-container{padding:24px}.topbar{padding:0 24px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid{grid-template-columns:1fr}.health-panel{order:-1}}
@media(max-width:680px){.sidebar{position:static;width:auto;height:auto;padding:10px 13px;display:flex;flex-direction:row;align-items:center;border-right:0;border-bottom:1px solid var(--border)}.brand{padding:0;font-size:17px}.sidebar-label,.sidebar-connection,.sidebar-user,.sidebar-spacer{display:none!important}.sidebar nav{margin-left:auto;display:flex;gap:2px;overflow:auto}.nav-link{height:34px;gap:5px;padding:0 8px;font-size:10px}.nav-icon{display:none}.nav-count{display:none}.main-area{margin-left:0}.topbar{height:51px;padding:0 15px}.topbar-actions>.muted{display:none}.topbar-actions .button{min-height:30px}.page-container{padding:19px 14px}.page-heading{align-items:flex-start;gap:12px}.page-heading h1{font-size:24px}.page-heading p.muted{max-width:270px;line-height:1.5}.heading-actions{gap:5px}.heading-actions .button{min-height:34px;padding:0 9px;font-size:10px}.heading-actions #refresh-button{width:34px;padding:0}.metric-grid{gap:9px}.metric-card{padding:13px}.metric-card>strong{font-size:23px}.metric-card small{line-height:1.5}.panel{padding:13px}.panel-heading{align-items:flex-start}.panel-heading h2{font-size:13px}.content-grid{gap:5px}.notice.demo{font-size:11px}.app-footer{font-size:9px;gap:15px}.auth-card{padding:25px}.audit-time{font-size:9px}}
.recovery-codes{padding:12px;border:1px solid var(--border);border-radius:7px;background:#f8f9f6;white-space:pre-wrap;word-break:break-all;font:12px ui-monospace,SFMono-Regular,Consolas,monospace;color:#34483a}.recovery-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.recovery-actions #recovery-done{margin-left:auto}
.pagination{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0 0}.pagination .button{padding:.55rem .85rem}
.inline-form{display:flex;align-items:end;gap:12px;flex-wrap:wrap;padding:4px 0 16px}.inline-form label{display:grid;gap:6px;color:#586159;font-size:11px;font-weight:600}.inline-form input,.inline-form select{height:36px;min-width:190px;padding:0 9px;border:1px solid var(--border);border-radius:6px;background:#fff;font-size:12px}.inline-form select{min-width:140px}
.user-role-select{height:30px;padding:0 7px;border:1px solid var(--border);border-radius:5px;background:#fff;font-size:11px}
.notice.success{color:#315b3c;background:#f1f8f1;border:1px solid #d6e5d8}
.audit-filters{display:flex;align-items:end;gap:10px;flex-wrap:wrap;padding:2px 0 16px}.audit-filters label{display:grid;gap:5px;color:#586159;font-size:10px;font-weight:600}.audit-filters input[type=date],.audit-filters select{height:34px;padding:0 8px;border:1px solid var(--border);border-radius:6px;background:#fff;font:11px ui-sans-serif,system-ui,sans-serif}.audit-details{min-width:55px}.audit-details summary{cursor:pointer;color:var(--blue);font-size:11px}.audit-details pre{position:relative;max-width:380px;max-height:230px;overflow:auto;padding:10px;border:1px solid var(--border);border-radius:6px;background:#f7f8f5;font:10px ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}

.rollover-settings{font-family:"Segoe UI",Tahoma,sans-serif;line-height:1.6}.rollover-settings .page-container{max-width:1080px;margin:0 auto}.rollover-settings .settings-panel{max-width:none}.rollover-settings .mail-toggle{display:flex;align-items:center;gap:10px}.rollover-settings input[type=checkbox]{width:18px;height:18px;flex:none;accent-color:var(--green)}.rollover-settings fieldset{display:grid;gap:12px;border:1px solid var(--border);border-radius:8px;padding:16px}.rollover-settings legend{padding:0 8px;font-weight:600}.rollover-settings select{height:38px;padding:0 9px;border:1px solid var(--border);border-radius:6px;background:white;font:inherit}.rollover-settings a{color:var(--green-dark)}