:root{--navy:#102b38;--mint:#16a881;--line:#e1e9e8;--fog:#f5f8f8;--gray:#6e8189}
.console-body{background:var(--fog);color:#223942}.console-layout{display:flex;min-height:100vh}.console-sidebar{width:254px;background:#102c39;color:#dee9ec;display:flex;flex-direction:column;flex-shrink:0;position:sticky;top:0;height:100vh;overflow-y:auto;z-index:19}.console-logo{padding:25px 19px 23px;display:flex;align-items:center;gap:12px;font-size:18px;font-weight:850;border-bottom:1px solid #ffffff1a;line-height:1.1}.console-logo b{color:#43d6aa}.console-logo small{display:block;font-size:10px;letter-spacing:1.8px;font-weight:650;color:#8ba9b3;margin-top:6px}.console-logo .brand-symbol{background:#1f4851}.console-nav{padding:12px 12px 24px;flex:1}.nav-section{padding:20px 14px 9px;font-size:10px;font-weight:800;letter-spacing:1.7px;color:#73939f}.console-nav button{width:100%;display:flex;align-items:center;gap:13px;padding:11px 13px;margin:2px 0;border:0;border-radius:9px;background:none;color:#b4c9d0;text-align:left;cursor:pointer;font-size:15px;font-weight:650;font-family:inherit;transition:background .2s}.console-nav button span{font-size:12px;font-weight:650}.console-nav button:hover{background:#ffffff0d;color:white}.console-nav button.active{background:#1d514d;color:#7fecc2;border-left:2px solid #59d3a2}.sidebar-footer{display:flex;align-items:center;gap:11px;padding:18px;border-top:1px solid #ffffff16;background:#14343f}.sidebar-footer strong{display:block;font-size:11px;color:#e6f1f2}.sidebar-footer small{font-size:10px;color:#91b0b3}.offline-dot{height:9px;width:9px;border-radius:50%;background:#fac56e;box-shadow:0 0 0 5px #fac56e20}.console-main{min-width:0;flex:1;display:flex;flex-direction:column}.console-top{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;background:white;border-bottom:1px solid var(--line);gap:18px;position:sticky;top:0;z-index:12}.breadcrumb{font-size:13px;color:#82929b}.breadcrumb span{margin:0 11px;color:#afbdc1}.breadcrumb strong{color:#1a3745}.top-actions{display:flex;align-items:center;gap:13px}.secure-chip{background:#eaf9f0;color:#19836b;padding:7px 12px;border-radius:15px;font-size:11px;font-weight:750}.user-chip{border:1px solid var(--line);border-radius:20px;font-size:12px;padding:7px 12px;max-width:220px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.top-logout{border:0;background:#edf4f2;color:#284c4b;border-radius:9px;padding:10px 13px;font-size:12px;cursor:pointer;font-weight:800}.menu-toggle{display:none;background:none;border:0;font-size:23px}.console-page{max-width:1460px;width:100%;padding:35px 35px 65px;flex:1;margin:0 auto}.console-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:23px}.console-heading h1{font-size:28px;margin:11px 0 5px;letter-spacing:-1.3px}.console-heading p{color:var(--gray);margin:0;font-size:13px}.console-heading-action{display:flex;gap:8px}.console-btn{border:0;background:var(--mint);color:white;padding:10px 16px;border-radius:9px;font-size:12px;font-weight:800;cursor:pointer}.console-btn.alt{background:#e5f3ef;color:#117e62}.console-btn:disabled{opacity:.5;cursor:not-allowed}.global-note{display:flex;gap:12px;align-items:flex-start;padding:14px 17px;background:#fff9ed;border:1px solid #f1dfb9;color:#785e32;font-size:12px;line-height:1.65;border-radius:12px;margin-bottom:25px}.global-note>span{font-size:20px;color:#c3923a}.panel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat-card,.panel-card{background:white;border:1px solid var(--line);border-radius:14px;padding:22px;box-shadow:0 5px 18px #14354108}.stat-card small{font-size:12px;color:#84969d}.stat-card h2{font-size:27px;letter-spacing:-1.5px;margin:11px 0 8px}.stat-card p{font-size:11px;color:#8a9a9f;margin:0}.panel-card{margin-top:18px}.panel-card h2{font-size:16px;letter-spacing:-.5px;margin:0 0 16px}.panel-card p,.section-copy{color:#6d8087;font-size:13px;line-height:1.8}.panel-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.mini-table{width:100%;border-collapse:collapse;font-size:12px}.mini-table th{background:#f5f9f7;color:#667b7d;font-weight:800;text-align:left;white-space:nowrap}.mini-table th,.mini-table td{border-bottom:1px solid #e8efed;padding:12px 13px;vertical-align:middle}.mini-table td{overflow-wrap:anywhere}.table-scroll{width:100%;overflow-x:auto}.tag{display:inline-flex;border-radius:20px;padding:5px 9px;background:#f1f5f4;color:#60747b;font-size:10px;font-weight:750}.tag.pending{background:#fff4dc;color:#ab7f24}.tag.active{background:#e8f8ef;color:#168063}.tag.danger{background:#fceaea;color:#ad5953}.console-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.console-form label{font-size:12px;font-weight:800;color:#53686e}.console-form input,.console-form select,.console-form textarea{width:100%;display:block;margin-top:7px;border:1px solid #d1dfde;border-radius:9px;background:white;font-size:13px;font-family:inherit;padding:11px;min-height:43px;color:#223942;outline-color:var(--mint)}.console-form textarea{min-height:85px;resize:vertical}.console-form .wide{grid-column:1/-1}.console-form button{justify-self:start}.notice-muted{padding:12px 14px;border-radius:9px;background:#f0f7f5;font-size:12px;color:#486f68;margin:15px 0}.empty{text-align:center;padding:45px 15px;color:#899ca0;font-size:13px}.empty strong{display:block;color:#425f68;font-size:14px;margin:8px}.btn-sm{border:1px solid #cbdcda;background:white;color:#145f58;border-radius:7px;padding:7px 10px;font-size:11px;font-weight:800;cursor:pointer}.btn-sm:disabled{opacity:.6;cursor:not-allowed}.key-once{background:#f0f8f6;padding:12px;border-radius:9px;overflow-wrap:anywhere;font-family:monospace;font-size:13px;color:#114d42;margin-top:12px}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.info-grid .panel-card{margin:0}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.plan-box{background:white;border-radius:14px;border:1px solid #ddeae5;padding:24px}.plan-box h2{margin:12px 0;font-size:18px}.plan-box strong{color:#098c71;font-size:20px}.plan-box p{font-size:12px;line-height:1.8;color:#73858b}.loading-card{padding:50px;background:white;text-align:center;border:1px solid #e1ebeb;border-radius:14px;color:#70858c}.toast{position:fixed;bottom:24px;right:24px;background:#143b3d;color:white;border-radius:10px;padding:13px 18px;max-width:420px;font-size:13px;z-index:30;opacity:0;pointer-events:none;transition:opacity .2s}.toast.show{opacity:1}.code-snippet{background:#112d37;color:#b2f0d8;overflow-x:auto;border-radius:10px;padding:15px;font-size:12px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.console-footer{padding:20px 35px;color:#91a3a8;font-size:11px;border-top:1px solid var(--line)}.console-footer a{float:right;color:#358d79}
@media(max-width:1150px){.panel-grid{grid-template-columns:repeat(2,1fr)}.console-sidebar{width:218px}.console-page{padding:26px 22px}.console-top{padding:0 22px}}@media(max-width:780px){.console-sidebar{position:fixed;left:0;transform:translateX(-100%);transition:transform .2s;width:265px}.console-sidebar.open{transform:translateX(0)}.menu-toggle{display:block}.secure-chip{display:none}.console-top{height:65px;padding:0 14px}.console-page{padding:23px 16px 40px}.console-heading h1{font-size:23px}.console-heading{align-items:start}.breadcrumb{flex:1}.user-chip{max-width:120px}.top-actions{gap:5px}.panel-grid,.info-grid,.plan-grid{grid-template-columns:1fr 1fr}.console-footer{padding:18px}.console-form{grid-template-columns:1fr}}@media(max-width:530px){.panel-grid,.info-grid,.plan-grid{grid-template-columns:1fr}.stat-card{padding:18px}.console-heading{display:block}.console-heading-action{margin-top:13px}.user-chip{display:none}.console-footer a{float:none;display:block;margin-top:6px}.console-form{gap:14px}}

.console-form input[type=checkbox]{width:auto;min-height:0;margin-right:6px;accent-color:#16a881}