:root{--bg:#0b0e13;--sidebar:#090c10;--panel:#11161b;--panel2:#171c22;--stroke:#252b31;--text:#f2f0eb;--muted:#98a1ab;--gold:#d7b87c;--green:#68caa1;--red:#e98a90;--accent:#806b45;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:wait}a{color:var(--gold);text-decoration:none}.ambient{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 95% 5%,rgba(169,142,97,.085),transparent 43%),repeating-linear-gradient(118deg,transparent 0,transparent 170px,rgba(255,255,255,.009) 171px,transparent 174px)}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.login-wrap[hidden],.layout[hidden],.page[hidden],[hidden]{display:none!important}.login-panel{width:min(420px,100%);border:1px solid #36332a;padding:40px;border-radius:18px;background:linear-gradient(145deg,#161b1f,#0c1015);box-shadow:0 25px 100px #0008}.brand-mark{width:54px;height:54px;display:grid;place-items:center;border:1px solid #a88954;border-radius:13px;color:var(--gold);font-size:30px;font-weight:850;letter-spacing:-3px;transform:rotate(-4deg)}.brand-mark span{font-size:15px;vertical-align:top}.brand-mark.small{width:42px;height:42px;font-size:23px;border-radius:10px}.eyebrow{font-size:10px;color:var(--gold);letter-spacing:2px;font-weight:700}.login-panel .eyebrow{margin-top:24px}.login-panel h1{font-size:30px;margin:9px 0 8px;letter-spacing:-1px}.login-panel h1 em{font-style:normal;color:var(--gold)}.muted,.page-head p,.hero p{color:var(--muted);line-height:1.6}.login-panel form{display:grid;gap:18px;margin-top:34px}label{display:grid;gap:8px;color:#bdc4cb;font-size:13px;font-weight:600}input{width:100%;border:1px solid #343b43;background:#0e1318;border-radius:9px;padding:13px 14px;color:var(--text);outline:none}input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #d7b87c20}.primary,.outline,.danger-button{border-radius:9px;padding:11px 16px;font-size:13px;font-weight:750;border:1px solid transparent;transition:background .15s}.primary{background:var(--gold);color:#18160f}.primary:hover{background:#ecd49f}.primary span{float:right}.outline{background:transparent;color:#ced2d5;border-color:#333a43}.outline:hover{background:#1b222a}.danger-button{background:#53262c;border-color:#9c4b55;color:#f8d2d5}.full{width:100%}.footer-note{color:#6d7379;letter-spacing:1.2px;font-size:9px;margin:30px 0 0}.notice{border-radius:9px;padding:12px 14px;margin:15px 0}.notice.error{background:#632b3430;border:1px solid #a95a6480;color:#f6b2bb}.layout{display:grid;grid-template-columns:238px 1fr;min-height:100vh}.sidebar{background:linear-gradient(135deg,#101419 0%,#090b0e 60%);border-right:1px solid #252a2b;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:26px 18px}.logo{display:flex;align-items:center;gap:12px;margin:0 4px 45px}.logo strong{font-size:15px;letter-spacing:1.4px}.logo small{display:block;color:var(--gold);font-size:9px;letter-spacing:1.8px;margin-top:4px}.side-label{font-size:10px;letter-spacing:1.3px;color:#66717b;margin:0 12px 12px}.sidebar nav{display:grid;gap:4px}.navitem{width:100%;display:flex;align-items:center;gap:12px;background:transparent;border:0;color:#a5afb9;border-radius:9px;padding:12px;text-align:left;font-size:13px;font-weight:600}.navitem:hover{color:var(--text);background:#1a2026}.navitem.active{color:var(--gold);background:#d7b87c18;border:1px solid #d7b87c29}.navicon{font-size:18px;width:20px;text-align:center}.sidebar-bottom{margin-top:auto}.system-state{display:flex;align-items:center;gap:10px;padding:14px;background:#171b1f;border:1px solid #2a2e32;border-radius:11px;font-size:13px}.system-state small{display:block;color:var(--muted);margin-top:4px}.dot,.small-dot{width:9px;height:9px;display:inline-block;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #68caa117}.dot.bad,.small-dot.bad{background:var(--red)}.sidebar-meta{color:#717b86;font-size:11px;line-height:1.9;margin:18px 10px}.main{min-width:0}.topbar{height:70px;border-bottom:1px solid var(--stroke);display:flex;align-items:center;justify-content:space-between;padding:0 36px}.crumb{font-size:11px;font-weight:650;color:#7b848c;letter-spacing:1.5px}.crumb b{color:var(--gold);padding:0 9px}.crumb span{color:#d6d8d9}.header-actions{display:flex;gap:12px;align-items:center}.pill{display:flex;align-items:center;gap:9px;color:#adb5bf;background:#171c22;border:1px solid var(--stroke);font-size:12px;border-radius:9px;padding:9px 13px}.small-dot{width:6px;height:6px;box-shadow:none}.main-content{max-width:1440px;margin:auto;padding:32px 36px}.hero{border:1px solid #403a2d;background:linear-gradient(105deg,#171b20,#11171d 65%,#28251d);border-radius:15px;min-height:155px;display:flex;align-items:center;justify-content:space-between;padding:31px 35px;overflow:hidden;position:relative}.hero:after{position:absolute;content:'';height:240px;width:1px;background:#ae9563;right:150px;top:-50px;transform:rotate(45deg);opacity:.4}.hero h1,.page-head h1{font-size:33px;letter-spacing:-1.4px;margin:9px 0 7px}.hero p{margin:0;font-size:13px}.gold{color:var(--gold)}.hero-ornament{font-size:110px;line-height:1;color:#d7b87c17}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:21px 0}.stats-grid.three{grid-template-columns:repeat(3,1fr)}.stat-card,.panel{border:1px solid var(--stroke);background:linear-gradient(150deg,#151a20,#0f1419);border-radius:12px}.stat-card{padding:22px}.stat-name{font-size:10px;letter-spacing:1.2px;color:#9ca4ad;font-weight:700;display:flex;justify-content:space-between}.stat-icon{font-size:18px;color:var(--gold)}.stat-value{font-size:30px;font-weight:750;letter-spacing:-1.5px;margin:16px 0 6px}.stat-hint{font-size:11px;color:#838b96}.section-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.panel{padding:23px}.panel h2{font-size:17px;margin:7px 0 12px}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.panel-header h2{margin:0}.tag{border:1px solid #464032;border-radius:6px;color:var(--gold);padding:6px 9px;font-size:10px;letter-spacing:1px}.traffic-row{display:flex;justify-content:space-between;gap:8px;padding:8px 0 25px;border-bottom:1px solid var(--stroke);margin-bottom:15px}.traffic-row strong{display:block;margin-top:9px;font-size:28px}.tiny{font-size:11px}.service-line{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #282d32;padding:13px 0;font-size:12px;color:#b7c1c9}.service-line strong{color:#d7d1c6}.service-line:last-of-type{border:0}.page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;gap:15px}.page-head p{margin:0;font-size:13px}.page-head h1{margin:8px 0}.table-panel{padding:0;overflow:hidden}.table-panel .panel-header{padding:22px 24px;margin:0}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:650px}td,th{padding:13px 24px;border-top:1px solid var(--stroke);text-align:left;font-size:12px}th{font-size:10px;color:#87929b;letter-spacing:1px;text-transform:uppercase}td:last-child{text-align:right}.email-name{font-weight:600}.email-name small{display:block;color:#7c8790;margin-top:4px}.table-actions{display:inline-flex;gap:7px;flex-wrap:wrap}.table-actions button{border:1px solid #343b42;background:#161d23;color:#d0d2d3;border-radius:7px;padding:7px 9px;font-size:11px}.table-actions button:hover{border-color:var(--gold)}.table-actions .remove{color:#e99aa3;border-color:#5d373c}.status-tag{border:1px solid #3e5b4e;color:#85d6ad;padding:5px 9px;border-radius:20px;font-size:11px}.add-form{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.add-form label{flex:1;min-width:180px}.suffix{color:var(--gold);padding-bottom:14px;font-size:13px}.add-form button{margin-bottom:1px}.secret-panel{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#2d271c;border:1px solid #ac8647;border-radius:12px;padding:15px;margin:16px 0}.secret-panel code{border:1px solid #5c4d33;border-radius:6px;padding:10px;font-size:12px;overflow-wrap:anywhere;flex:1;min-width:180px}.secret-panel div{flex-basis:100%}#accountActionPanel{margin-top:16px}#accountActionPanel label{max-width:550px;margin:20px 0}.footer{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#7c8690;margin-top:36px;border-top:1px solid var(--stroke);padding:23px 0}.footer span{font-size:10px;letter-spacing:.6px}.inline-feedback{padding:13px 17px;border:1px solid #806b45;border-radius:9px;background:#282922;color:#eee6d4;margin-bottom:16px;font-size:13px}@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}.section-grid{grid-template-columns:1fr}.sidebar{width:206px}.layout{grid-template-columns:206px 1fr}}@media(max-width:700px){.layout{display:block}.sidebar{position:relative;width:100%;height:auto;padding:12px;display:block}.sidebar .logo{margin:4px 4px 14px}.sidebar .side-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;overflow:auto;gap:5px}.navitem{width:auto;white-space:nowrap;padding:9px;font-size:11px}.topbar{height:56px;padding:0 16px}.main-content{padding:18px 14px}.header-actions .pill{display:none}.stats-grid{gap:9px}.stats-grid.three{grid-template-columns:1fr 1fr}.stat-card{padding:15px}.stat-value{font-size:23px}.hero{padding:23px 18px;min-height:135px}.hero h1,.page-head h1{font-size:27px}.hero-ornament{font-size:65px}.page-head{align-items:start}.page-head .primary{white-space:nowrap}.panel{padding:17px}.footer{align-items:start;gap:15px;flex-wrap:wrap}.traffic-row strong{font-size:22px}}@media(max-width:390px){.stats-grid{grid-template-columns:1fr 1fr}.header-actions .outline{font-size:11px;padding:8px}.crumb{font-size:9px}.page-head{flex-direction:column}.hero-ornament{display:none}}