:root{color-scheme:light;--bg:#f7f7f8;--ink:#3c4144;--muted:#6d7276;--line:#e9eaec;--brand:#ed171c;--brand2:#d71920;--danger:#bf2026}body{font-family:'Segoe UI',Arial,sans-serif;line-height:1.5;font-size:14px}button{transition:background .15s,box-shadow .15s}button:focus-visible,a:focus-visible{outline:3px solid #ed171c55;outline-offset:3px}a{color:var(--danger)}.center{background:radial-gradient(ellipse at top left,#fff1f1,transparent 60%),#fafafa;padding:24px}.auth-card{width:min(450px,100%);padding:40px;box-shadow:0 16px 60px #4141410d}.brand{text-align:center;margin-bottom:30px}.brand img{display:block;width:215px;max-width:100%;margin:0 auto 22px}.brand span{font-size:11px;letter-spacing:2px;color:var(--muted)}h1{font-size:26px;letter-spacing:-.6px}input:focus,select:focus,textarea:focus{outline:2px solid #ed171c30;border-color:var(--brand)}.auth-card button,.primary{font-weight:600}.layout{grid-template-columns:246px minmax(0,1fr)}aside{position:sticky;top:0;height:100vh;background:#fff;color:var(--ink);border-right:1px solid var(--line);padding:30px 18px 20px;overflow:auto}.logo{padding:0 16px 26px}.logo img{width:166px;max-width:100%;display:block;margin-bottom:24px}.logo b{display:block;font-size:19px;font-weight:650}.logo small{font-size:10px;color:var(--muted);letter-spacing:1.7px;margin:4px 0 0}.nav-label{font-size:10px;letter-spacing:1.5px;color:var(--muted);padding:8px 14px 14px}nav{gap:5px}nav button{color:var(--muted);padding:12px 14px;font-weight:500}nav button:hover{background:#f8f8f8;color:var(--ink)}nav button.active{background:#fff1f1;color:var(--danger);box-shadow:inset 3px 0 var(--brand);font-weight:650}.profile{border-top:1px solid var(--line);padding:20px 10px 0;font-size:12px}.profile button{background:#fff;border:1px solid var(--line);color:var(--muted)}header{height:auto;min-height:112px;padding:24px 36px;gap:16px}header h2{font-size:25px;font-weight:650;letter-spacing:-.6px}header .primary{white-space:nowrap}#content{padding:30px 36px;max-width:1700px;margin:auto}.cards{gap:20px}.card{padding:24px;box-shadow:0 4px 16px #41414105}.card small{color:var(--muted);font-size:13px}.stat{position:relative}.stat:after{content:'◇';position:absolute;right:20px;top:20px;background:#fff1f1;color:var(--brand);width:30px;height:30px;border-radius:9px;text-align:center;line-height:30px}.stat strong{font-size:38px;font-weight:600;letter-spacing:-1px;margin-top:16px}.panel{margin-top:24px;padding:24px;box-shadow:0 4px 16px #41414105;overflow-x:auto}#content>.panel:first-child{margin-top:0}.panel h3{font-size:16px;margin-bottom:20px}.panel p{color:var(--muted);max-width:760px}.toolbar{gap:12px;margin-bottom:24px;align-items:center}.toolbar input,.toolbar select{padding:11px 13px;color:var(--ink);max-width:100%}.toolbar>input{flex:1;min-width:180px}.table th,.table td{padding:16px 14px;font-size:13px}.table th{font-weight:500;background:#fafafa;white-space:nowrap}.table tr:last-child td{border-bottom:0}.table tbody tr:hover{background:#fdfafa}.table td:first-child{min-width:130px}.badge{display:inline-block;padding:5px 10px;border-radius:7px;background:#f4f4f5;color:var(--muted);font-size:11px}.actions{flex-wrap:wrap}.actions button,.mini{padding:9px 13px;color:var(--ink);border-color:#e3e3e5}.toolbar .mini,#newUser{background:var(--brand);border-color:var(--brand);color:#fff}.danger{color:var(--danger)!important}.modal{background:#ededede6;backdrop-filter:blur(4px)}.modal-box{border:1px solid var(--line);box-shadow:0 24px 80px #41414115}.modal-head{align-items:center;padding:22px 26px}.modal-head button{background:#f6f6f6;color:var(--muted);border-radius:8px;padding:4px 10px}.form{padding:22px 26px}.form label{display:block;color:var(--muted);margin-top:8px}.secret{background:#f8f8f8;border:1px solid var(--line);padding:15px;margin:8px 0 12px}#generated{font-size:24px;padding:28px}.empty{padding:64px 20px;border:1px dashed var(--line);border-radius:10px;background:#fdfdfd}.empty:before{content:'◇';display:block;color:var(--brand);font-size:32px;margin-bottom:12px}code{background:#f5f5f5;padding:2px 5px;border-radius:4px}@media(max-width:1100px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}header,#content{padding:24px}}@media(max-width:900px){.layout{grid-template-columns:1fr}aside{display:flex;position:static;height:auto;padding:18px;border-right:0;border-bottom:1px solid var(--line)}.logo{display:flex;align-items:center;gap:12px;padding:0 4px 16px}.logo img{width:95px;margin:0}.logo b{font-size:16px}.logo small{margin-left:auto;font-size:9px}.nav-label{display:none}nav{display:flex;overflow-x:auto;padding-bottom:4px}nav button{white-space:nowrap}.profile{margin-top:14px;padding:12px 4px 0;display:flex;align-items:center;justify-content:space-between}.profile button{padding:5px 20px}header{min-height:96px}header h2{font-size:21px}.panel{padding:16px}}@media(max-width:480px){header{align-items:flex-start;flex-direction:column}header,#content{padding:20px 16px}.cards{gap:10px}.card{padding:18px}.stat:after{display:none}.stat strong{font-size:30px}.form{padding:16px}.auth-card{padding:28px}.toolbar>*{width:100%}.logo small{letter-spacing:0}.table th,.table td{padding:12px 10px}}