:root{--ink:#0b1220;--muted:#64748b;--line:#e7ebf2;--bg:#f5f7fb;--white:#fff;--brand:#5b4df5;--brand2:#7c5cff;--green:#0f8b72;--red:#c0392b;--shadow:0 12px 35px #0b12200d}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#172033;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.m-header{background:linear-gradient(135deg,#09111f,#111c32);color:#fff}.m-header-inner{max-width:1320px;margin:auto;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.m-brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none}.m-logo{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand),#8a65ff);font-weight:900;box-shadow:0 8px 24px #5b4df52e}.m-brand b{display:block;font-size:16px}.m-brand small{display:block;color:#94a3b8;font-size:10px;letter-spacing:1.4px;text-transform:uppercase;margin-top:3px}.m-head-right{display:flex;align-items:center;gap:18px}.secure{font-size:11px;color:#b7c3d8}.secure i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px #22c55e20;margin-right:6px}.profile-menu{display:flex;align-items:center;gap:9px}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#ffffff18;border:1px solid #ffffff25;color:#fff;font-weight:800}.head-user b,.head-user small{display:block}.head-user b{font-size:12px}.head-user small{font-size:10px;color:#94a3b8;margin-top:2px}.logout{color:#fff;text-decoration:none;font-size:12px;font-weight:750;margin-left:5px}.m-nav{background:#fff;border-bottom:1px solid var(--line);box-shadow:0 2px 10px #0b122008}.m-nav-inner{max-width:1320px;margin:auto;padding:0 24px;display:flex;gap:2px;overflow:auto}.m-nav a{padding:15px 15px;text-decoration:none;color:#526074;font-size:13px;font-weight:750;white-space:nowrap;border-bottom:3px solid transparent}.m-nav a:hover{color:var(--brand)}.m-nav a.on{color:var(--brand);border-bottom-color:var(--brand)}.m-nav a span{margin-right:6px}.m-main{max-width:1320px;margin:0 auto;padding:32px 24px 55px}h1{font-size:32px;letter-spacing:-1px;margin:0 0 8px}h2{font-size:20px;letter-spacing:-.3px}h3{font-size:16px}.muted{color:var(--muted)}.page-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:20px;box-shadow:var(--shadow);margin-bottom:18px}.stat{position:relative;overflow:hidden}.stat:after{content:"";position:absolute;width:70px;height:70px;border-radius:50%;background:#5b4df50b;right:-20px;top:-20px}.stat .label{color:#64748b;font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.5px}.stat .value{font-size:28px;font-weight:850;margin-top:8px;position:relative;z-index:1}.stat .sub{font-size:11px;color:#94a3b8;margin-top:5px}.tablewrap{overflow:auto}.table{width:100%;border-collapse:separate;border-spacing:0}.table th,.table td{padding:13px 11px;border-bottom:1px solid #edf0f4;text-align:left;white-space:nowrap;font-size:12px}.table th{font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:.45px;background:#f8fafc}.table th:first-child{border-radius:10px 0 0 0}.table th:last-child{border-radius:0 10px 0 0}.pill{display:inline-block;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:850}.success{background:#dcfce7;color:#166534}.failure{background:#fee2e2;color:#991b1b}.processing{background:#fef3c7;color:#92400e}.created{background:#dbeafe;color:#1e40af}.unknown{background:#e5e7eb;color:#374151}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:10px;background:linear-gradient(135deg,var(--brand),#7258ff);color:#fff;padding:11px 15px;text-decoration:none;cursor:pointer;font-weight:800;font-size:12px;box-shadow:0 8px 18px #5b4df51e}.btn.secondary{background:#0f8b72}.btn.danger{background:#c0392b}.btn.light{background:#e9eef5;color:#172033;box-shadow:none}.btn.outline{background:#fff;color:#334155;border:1px solid #dbe2ec;box-shadow:none}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:end}.field{flex:1;min-width:170px}.field label{display:block;font-size:11px;font-weight:800;color:#475569;margin-bottom:6px;text-transform:uppercase;letter-spacing:.35px}.field input,.field select,.field textarea{width:100%;padding:11px 12px;border:1px solid #d8dee8;border-radius:10px;background:#fff;color:#172033;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:#8b7dff;box-shadow:0 0 0 3px #5b4df514}.notice{padding:13px 15px;border-radius:12px;background:#ecfdf5;color:#065f46;margin-bottom:18px;border:1px solid #bbf7d0}.warn{padding:13px 15px;border-radius:12px;background:#fff7ed;color:#9a3412;margin-bottom:18px;border:1px solid #fed7aa}.dangerbox{padding:13px 15px;border-radius:12px;background:#fef2f2;color:#991b1b;margin-bottom:18px;border:1px solid #fecaca}.key{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-all;background:#f3f6fa;border:1px solid #e3e8ef;padding:13px;border-radius:10px}.secret{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-all;background:#0b1220;color:#fff;padding:13px;border-radius:10px}.code{background:#0b1220;color:#e2e8f0;padding:17px;border-radius:12px;overflow:auto;white-space:pre-wrap;line-height:1.65;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.quick{display:flex;align-items:center;gap:14px}.quick .qicon{width:42px;height:42px;border-radius:12px;background:#f0edff;color:var(--brand);display:grid;place-items:center;font-weight:900}.quick b{display:block;font-size:13px}.quick small{display:block;color:#94a3b8;margin-top:3px}.m-footer{background:#0b1220;color:#94a3b8;padding:28px 24px 20px;display:flex;align-items:center;justify-content:center;gap:45px;flex-wrap:wrap;font-size:12px}.m-footer>div{display:flex;gap:18px;align-items:center}.m-footer b{color:#fff}.m-footer span{color:#94a3b8}.m-footer a{color:#cbd5e1}.m-footer small{width:100%;text-align:center;border-top:1px solid #ffffff12;padding-top:16px}.login-body{min-height:100vh;background:radial-gradient(circle at 20% 20%,#5b4df515,transparent 35%),radial-gradient(circle at 85% 80%,#7c5cff14,transparent 35%),#f5f7fb}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;max-width:1200px;margin:auto;align-items:center;padding:30px}.login-brand{margin-bottom:35px}.login-brand .m-brand{color:#0b1220}.login-copy h1{font-size:48px;line-height:1.02;letter-spacing:-2px;margin:0 0 18px}.login-copy p{color:#64748b;line-height:1.7;max-width:540px}.login-features{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.login-features span{padding:8px 10px;border:1px solid #e1e6ee;background:#fff;border-radius:999px;font-size:11px;color:#475569;font-weight:750}.login-card{background:#fff;border:1px solid #e3e8ef;border-radius:22px;padding:32px;box-shadow:0 30px 80px #0b122018}.login-card h2{font-size:25px;margin:0 0 6px}.login-card .sub{color:#64748b;font-size:13px;margin-bottom:24px}.login-card .field{margin-bottom:15px}.login-card .field input{padding:13px}.back-home{display:inline-block;color:#64748b;font-size:12px;margin-top:20px}.profile-banner{background:linear-gradient(135deg,#111a2d,#1d2a49);color:#fff;border-radius:18px;padding:24px;margin-bottom:18px;display:flex;align-items:center;gap:16px}.profile-banner .big-avatar{width:60px;height:60px;border-radius:18px;background:#ffffff14;border:1px solid #ffffff20;display:grid;place-items:center;font-size:22px;font-weight:900}.profile-banner h2{margin:0}.profile-banner p{margin:4px 0 0;color:#aab8ce;font-size:12px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.info{background:#f8fafc;border:1px solid #edf0f4;border-radius:12px;padding:14px}.info small{display:block;color:#94a3b8;font-size:10px;text-transform:uppercase;font-weight:800;letter-spacing:.4px}.info b{display:block;margin-top:5px;font-size:13px;word-break:break-word}@media(max-width:950px){.grid{grid-template-columns:1fr 1fr}.quick-grid{grid-template-columns:1fr}.login-shell{grid-template-columns:1fr;max-width:600px}.login-copy{display:none}.m-head-right .secure,.head-user{display:none}}@media(max-width:600px){.m-header-inner{padding:13px 14px}.m-nav-inner{padding:0 10px}.m-main{padding:25px 12px 45px}.grid{grid-template-columns:1fr 1fr}.two{grid-template-columns:1fr}.info-grid{grid-template-columns:1fr}.page-head{display:block}.m-footer{gap:15px;flex-direction:column}.m-footer>div{flex-wrap:wrap;justify-content:center}.login-shell{padding:15px}.login-card{padding:24px}.login-card h2{font-size:22px}}