:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#edf1f8;background:#0b101b;font-size:14px;line-height:1.5}*{box-sizing:border-box}body{margin:0;min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{min-height:100vh;display:grid;grid-template-columns:246px minmax(0,1fr)}.sidebar{background:#101725;border-right:1px solid #202a3b;display:flex;flex-direction:column;padding:32px 16px 22px;position:sticky;top:0;height:100vh}.brand{display:flex;gap:12px;align-items:center;padding:0 15px 38px;font-size:18px;font-weight:750;letter-spacing:.02em}.brand-icon,.login-mark{display:grid;place-items:center;background:linear-gradient(135deg,#9bf6bc,#3cc98c);color:#073c28;border-radius:12px;width:35px;height:35px;font-size:27px;box-shadow:0 0 30px #49d8983a}.brand small{display:block;color:#607389;font-size:9px;letter-spacing:.18em;font-weight:700;margin-top:1px}.sidebar nav{display:grid;gap:5px}.nav-link{padding:12px 16px;color:#8b9ab1;border-radius:10px;font-weight:600;display:flex;gap:14px;align-items:center}.nav-link span{font-size:19px;width:20px;text-align:center}.nav-link:hover,.nav-link.active{background:#1c2937;color:#a9ffce}.sidebar-bottom{margin-top:auto;color:#8291a6;font-size:12px;border-top:1px solid #263144;padding:20px 16px 0}.online-dot{display:inline-block;width:7px;height:7px;background:#63e3a0;border-radius:50%;box-shadow:0 0 10px #63e3a0;margin-right:7px}.text-button{background:none;border:0;color:#8696ab;padding:10px 0 0;font-size:12px}.text-button:hover,.subtle-link:hover{color:#b4ffd0}.main{padding:36px clamp(24px,4vw,64px) 22px;min-width:0;max-width:1600px;width:100%;margin:0 auto}.topbar{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:26px}.eyebrow{display:block;color:#6cda9e;font-size:10px;font-weight:800;letter-spacing:.18em}.topbar h1{font-size:30px;line-height:1.15;letter-spacing:-.035em;margin:7px 0 0}.topbar-right{color:#8090a4;font-size:12px;padding-bottom:3px}.page-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.page-intro p{color:#8b9ab1;margin:0}.button{border:1px solid transparent;min-height:38px;display:inline-flex;align-items:center;justify-content:center;padding:8px 15px;border-radius:8px;font-weight:700;white-space:nowrap;transition:background .15s,color .15s,border .15s}.button.primary{background:#8ff2b9;color:#092a1b}.button.primary:hover{background:#b5ffcf}.button.secondary{background:#1b2935;border-color:#324359;color:#dce7f2}.button.secondary:hover{background:#27384a}.button.ghost{background:transparent;color:#9eb0c5;border-color:#303e51}.button.ghost:hover{background:#1b2935}.button.danger{background:transparent;color:#e7a9a9;border-color:#5a333d}.button.danger:hover{background:#3a222b}.button.wide{width:100%}.subtle-link{color:#79dea5;font-weight:700;font-size:13px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:22px}.stat{background:#141d2b;border:1px solid #253246;border-radius:14px;padding:19px 21px;min-height:130px}.stat span{color:#a7b3c4;font-size:12px;font-weight:600}.stat strong{display:block;font-size:34px;line-height:1.2;margin:8px 0 3px;letter-spacing:-.04em}.stat small{color:#6f8094}.stat.green strong{color:#86eeb2}.stat.amber strong{color:#ffcb84}.stat.muted strong{color:#d0d7e2}.panel{background:#141d2b;border:1px solid #263247;border-radius:14px;margin-bottom:21px;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 23px 16px}.panel-head h2,.side-panel h2{font-size:17px;margin:4px 0 0;letter-spacing:-.015em}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th{color:#71839a;text-transform:uppercase;font-size:10px;letter-spacing:.09em;font-weight:800;background:#111a28}th,td{padding:15px 23px;border-top:1px solid #243145}td{color:#aab8c9;font-size:12px;vertical-align:middle}td strong{display:block;color:#edf2f8;font-size:13px;font-weight:650}td small{display:block;color:#708197;margin-top:4px}.truncate{max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nowrap{white-space:nowrap}.detail-cell{max-width:380px;overflow-wrap:anywhere}.badge{display:inline-block;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:750;white-space:nowrap}.badge.in_stock{color:#8df2b6;background:#1d4338}.badge.out_of_stock{color:#c6ced9;background:#303a47}.badge.error{color:#ffc291;background:#483529}.badge.unknown,.badge.paused{color:#b3c2d3;background:#283648;margin-right:4px}.activity-list{padding:0 23px 5px}.activity{display:flex;align-items:center;gap:13px;padding:13px 0;border-top:1px solid #253247}.activity:first-child{border-top:0}.activity-dot{width:8px;height:8px;flex:none;background:#718296;border-radius:50%}.activity-dot.in_stock{background:#7af2ad;box-shadow:0 0 12px #70e9a288}.activity-dot.out_of_stock{background:#9caaba}.activity-dot.error{background:#f2ae78}.activity-dot.audit{background:#7aa9e9}.activity>div{min-width:0;flex:1}.activity strong{font-size:12px;display:block}.activity small{font-size:11px;color:#7d8da1;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-time{font-size:11px;color:#738298;white-space:nowrap}.panel-empty{padding:10px 23px 24px;color:#8293a6}.empty{text-align:center;padding:36px 20px 40px}.empty>span{font-size:30px;color:#78dfa8}.empty h3{margin:8px 0;font-size:18px}.empty p{color:#8293a6;margin:0 0 20px}.footer{font-size:11px;color:#4d5d71;margin-top:34px}.monitor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.monitor-card{background:#141d2b;border:1px solid #263247;border-radius:14px;padding:22px;min-width:0}.monitor-card-top{display:flex;justify-content:space-between;align-items:center}.card-id{color:#66788c;font-size:11px;font-weight:700}.monitor-card h2{font-size:18px;margin:15px 0 3px}.url-link{color:#80dda9;font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.url-link:hover{text-decoration:underline}.monitor-meta{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:23px 0;padding:17px 0;border-top:1px solid #29364a;border-bottom:1px solid #29364a}.monitor-meta span{color:#74869b;font-size:11px}.monitor-meta strong{color:#d1dbe7;display:block;font-size:12px;font-weight:650;margin-top:3px}.card-actions{display:flex;gap:7px;flex-wrap:wrap}.card-actions .button{font-size:12px;min-height:33px;padding:6px 11px}.inline-error{background:#3a2a27;color:#e9b197;padding:9px 11px;border-radius:7px;font-size:11px;overflow-wrap:anywhere}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.form-grid>.form-panel:last-child{grid-column:span 2}.form-panel{padding-bottom:21px}.form-panel .panel-head{padding-bottom:20px}.field{padding:0 23px;margin-bottom:18px}.field label{display:block;font-size:12px;font-weight:700;color:#d9e3ee;margin-bottom:7px}.field label em{font-style:normal;color:#7cebaf}.field input,.field select,.field textarea,.login-card input{width:100%;background:#0d1521;border:1px solid #344359;border-radius:8px;color:#eef4fb;padding:10px 12px;outline:0;min-height:40px}.field input:focus,.field select:focus,.field textarea:focus,.login-card input:focus{border-color:#7ce4a8;box-shadow:0 0 0 3px #7ce4a821}.field textarea{resize:vertical;line-height:1.6}.field small{display:block;color:#788ba1;font-size:11px;margin-top:6px}.two-col{display:grid;grid-template-columns:1fr 1fr}.hint{margin:0 23px 18px;padding:12px 14px;color:#9aadbe;background:#1b2938;border-left:2px solid #6fde9f;border-radius:5px;font-size:12px}.hint code{color:#9ff5be}.checks{display:grid;grid-template-columns:1fr 1fr;gap:11px;padding:0 23px}.checks label{display:flex;gap:11px;align-items:flex-start;background:#101a28;border:1px solid #2a394e;border-radius:9px;padding:14px;cursor:pointer}.checks input{accent-color:#78e6a5;margin-top:3px}.checks strong{display:block;color:#e4edf6;font-size:12px}.checks small{display:block;color:#788ba0;font-size:11px;margin-top:3px}.form-actions{display:flex;justify-content:flex-end;gap:9px;padding:7px 23px 0}.settings-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px;align-items:start}.settings-aside .panel{padding:23px}.side-icon{font-size:23px;color:#8beab3;margin-bottom:14px}.side-panel h2{margin:7px 0}.side-panel p{font-size:12px;color:#91a3b5;line-height:1.7}.side-panel .button{margin-top:8px}.caption{font-size:11px;color:#657990}.flash-wrap{margin-bottom:20px}.flash{padding:11px 14px;border:1px solid #2e634d;border-radius:8px;color:#a9edc2;background:#1b372d;margin-bottom:8px;font-size:12px}.flash.error{color:#ffd1bd;background:#422b2c;border-color:#69413c}.login-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,#1c3340 0,#0b101b 53%);padding:22px}.login-card{width:min(100%,390px);background:#141e2c;border:1px solid #2d3b4e;border-radius:18px;padding:34px;box-shadow:0 22px 60px #0005}.login-mark{width:48px;height:48px;font-size:34px;margin-bottom:23px}.login-card h1{font-size:28px;margin:7px 0}.login-card p{color:#8699ae;font-size:12px;margin:0 0 29px}.login-card label{display:block;font-size:12px;font-weight:700;margin-bottom:8px}.login-card button{margin-top:15px}.login-card>small{display:block;color:#65788c;margin-top:24px;font-size:11px}@media(max-width:1100px){.stats{grid-template-columns:repeat(2,1fr)}.settings-grid{grid-template-columns:1fr}.settings-aside{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid{grid-template-columns:1fr}.form-grid>.form-panel:last-child{grid-column:auto}}@media(max-width:760px){.shell{display:block}.sidebar{position:static;height:auto;padding:14px 16px 12px}.brand{padding:0 0 12px}.sidebar nav{display:flex;overflow-x:auto;gap:5px}.nav-link{font-size:11px;white-space:nowrap;padding:8px}.nav-link span{font-size:15px;width:auto}.sidebar-bottom{display:none}.main{padding:24px 16px}.topbar h1{font-size:25px}.topbar-right{display:none}.page-intro{align-items:flex-start}.page-intro p{font-size:12px}.monitor-grid{grid-template-columns:1fr}.settings-aside{display:block}}@media(max-width:480px){.stats{gap:8px}.stat{padding:14px;min-height:106px}.stat strong{font-size:28px}.stat small{font-size:10px}.checks,.two-col{grid-template-columns:1fr}.page-intro{display:block}.page-intro .button,.page-intro .subtle-link{margin-top:13px}.monitor-meta{grid-template-columns:1fr 1fr}.activity-time{display:none}}
@media(max-width:760px){.sidebar-bottom{display:flex;justify-content:space-between;align-items:center;padding:9px 0 0;border:0}.sidebar-bottom .text-button{padding:0}}
.password-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.password-tools .caption{flex-basis:100%}.password-tools [hidden]{display:none}
.badge.retry{color:#ffdb9b;background:#4a402d}.setup-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#263247;border-top:1px solid #263247}.setup-step{background:#141d2b;padding:19px 22px;display:grid;grid-template-columns:30px 1fr;gap:7px 10px;align-content:start}.step-number{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#384533;color:#b5f5bb;font-weight:800}.setup-step.done .step-number{background:#1d4338;color:#8df2b6}.setup-step strong,.setup-step small{display:block}.setup-step small{color:#8293a6;font-size:11px;margin-top:5px}.setup-step a{grid-column:2;color:#8de7b3;font-size:12px;font-weight:700;margin-top:4px}.status-note,.status-detail{font-size:12px;color:#90a4b8;line-height:1.6}.status-note{margin:11px 0 0}.status-detail{background:#1a2a38;padding:9px 11px;border-radius:7px;overflow-wrap:anywhere}.interval-choices{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.interval-choices button{border:1px solid #344359;background:#162332;color:#9cafc3;padding:4px 8px;border-radius:6px;font-size:11px}.interval-choices button.selected{border-color:#83ecad;color:#a5f6c3;background:#214032}.test-result{display:flex;align-items:center;gap:9px}.test-result small{color:#8395aa}.test-message{overflow-wrap:anywhere}[hidden]{display:none!important}@media(max-width:950px){.setup-steps{grid-template-columns:1fr}}@media(max-width:480px){.setup-step{padding:15px}}
