:root{--ink:#172637;--muted:#6a7887;--blue:#225deb;--line:#e4e9ef;--bg:#f5f7fb;--white:#fff;--radius:14px;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);font-size:14px}*{box-sizing:border-box}body{margin:0;background:var(--bg)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}h1,h2,p{margin-top:0}h1{font-size:34px;letter-spacing:-1.3px;font-weight:650;line-height:1.2;margin-bottom:10px}h2{font-size:18px;letter-spacing:-.35px;margin-bottom:8px}p{line-height:1.65}.muted{color:var(--muted)}.sidebar{position:fixed;inset:0 auto 0 0;width:244px;background:#fff;border-right:1px solid var(--line);padding:34px 24px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:700;letter-spacing:-.6px}.brand-mark{display:flex;width:43px;height:43px;align-items:center;justify-content:center;background:var(--blue);color:#fff;border-radius:12px;font-size:17px;letter-spacing:-1px}.brand small{display:block;color:var(--muted);font-size:11px;font-weight:500;letter-spacing:.2px;margin-top:4px}.nav-caption{font-size:10px;font-weight:700;letter-spacing:1.7px;color:#96a1ae;margin:48px 14px 16px}.sidebar nav{display:grid;gap:8px}.sidebar nav a{padding:13px 16px;font-weight:550;border-radius:9px;color:#647184}.sidebar nav a:hover{background:#f6f8fc}.sidebar nav a.selected{background:#edf2ff;color:var(--blue);border-left:3px solid var(--blue);padding-left:13px}.sidebar-bottom{margin-top:auto;font-size:13px;color:#566475;border-top:1px solid var(--line);padding:24px 10px 0}.sidebar-bottom small{display:block;font-size:11px;color:#97a0aa;margin:7px 0 24px 13px}.sidebar-bottom a{display:block;margin-bottom:14px}.connection-dot{display:inline-block;width:6px;height:6px;border-radius:100%;background:#1aa981;margin-right:5px}.workspace{margin-left:244px;min-height:100vh}.topbar{height:76px;display:flex;justify-content:space-between;align-items:center;background:#fff;border-bottom:1px solid var(--line);padding:0 42px;color:#66778b;font-size:12px}.slash{color:#c0c9d2;margin:0 12px}.account-label{font-size:11px}.content{max-width:1400px;padding:40px 42px 56px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:32px}.page-heading p{margin-bottom:0}.eyebrow{color:var(--blue);font-size:10px;font-weight:750;letter-spacing:1.9px;margin-bottom:15px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;border:1px solid transparent;border-radius:8px;padding:12px 18px;font-weight:600;font-size:12px;white-space:nowrap;min-height:42px;transition:background .15s}.button.primary{background:var(--blue);color:#fff;box-shadow:0 4px 10px #225deb18}.button.primary:hover{background:#184cca}.button.secondary{background:#fff;border-color:#dbe2ea;color:#3e4e60}.button.secondary:hover{background:#f1f5fc}.button.danger-button{background:#fff1f2;color:#bd3c49;border-color:#f3cdd2}.full{width:100%}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:28px}.stat{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px 24px}.stat>span{color:#778391;font-size:12px}.stat strong{display:block;font-size:37px;letter-spacing:-1.5px;font-weight:600;margin:14px 0 12px;line-height:1}.stat small{font-size:10px;color:#8994a2}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);margin-bottom:24px;overflow:hidden}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 26px}.panel-heading p{font-size:12px;margin-bottom:0}.subtle-link{color:var(--blue);font-size:12px;font-weight:600}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{color:#8c97a4;font-size:10px;letter-spacing:.5px;font-weight:600;background:#fafbfd;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 24px;white-space:nowrap}td{padding:19px 24px;border-bottom:1px solid #edf0f5;vertical-align:middle}tr:last-child td{border-bottom:0}td small{display:block;font-size:10px;color:#8c98a5;margin-top:5px}.customer-link{font-weight:600;font-size:12px}.customer-link:hover{color:var(--blue)}.mono{font-family:Consolas,monospace;font-size:11px;white-space:nowrap}.badge{display:inline-block;padding:5px 9px;border-radius:6px;font-size:10px;font-weight:600;white-space:nowrap}.enabled{color:#13805a;background:#eaf8f2}.blocked{color:#b84a57;background:#fff0f1}.expired{color:#a87212;background:#fff7e5}.neutral{color:#607086;background:#f0f3f7}.type-trial{color:#937522;background:#fcf6e8}.type-basic{color:#53748f;background:#eef4f8}.type-standard{color:#255dcc;background:#edf2ff}.type-pro{color:#8b50c9;background:#f3ecff}.empty{text-align:center;padding:48px 24px;color:var(--muted)}.empty strong{color:var(--ink)}.empty p{font-size:12px;margin:10px 0 20px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.compact{padding:26px}.compact p{font-size:12px;margin-bottom:20px}.tile-icon{width:33px;height:33px;background:#edf2ff;color:var(--blue);display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:20px;margin-bottom:20px}.hint{display:block;color:#8a96a4;font-size:11px;line-height:1.6}.footer{max-width:1400px;padding:0 42px 28px;margin:auto;display:flex;justify-content:space-between;color:#a0a9b4;font-size:10px}.notice{background:#edf3ff;color:#3a597f;border:1px solid #d9e5fc;padding:15px 18px;border-radius:9px;font-size:12px;line-height:1.7;margin-bottom:24px}.notice.error{background:#fff0f1;border-color:#f5d2d8;color:#ae3546}.notice.success{background:#eaf8f2;border-color:#c8ebdc;color:#137a55}.filters{display:flex;gap:12px;margin-bottom:20px}.filters input{flex:1;min-width:150px}.filters select{width:auto;min-width:140px}input,select,textarea{display:block;width:100%;background:#fff;border:1px solid #dce3eb;border-radius:7px;padding:11px 12px;color:var(--ink);font-size:12px;min-height:42px}input:focus,select:focus,textarea:focus{border-color:var(--blue);outline:2px solid #225deb18}input::placeholder{color:#a0a9b4}label{display:block;font-size:12px;font-weight:550;margin-bottom:22px}label input,label select,label textarea{margin-top:9px;font-weight:400}label small{display:block;font-size:10px;font-weight:400;color:#8994a2;line-height:1.6;margin-top:7px}.form-panel{padding:28px}.form-panel h2{margin-bottom:26px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.form-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:22px;margin-top:22px;font-size:11px}.key-panel{background:#edf2ff;border:1px solid #d8e2ff;border-radius:var(--radius);padding:24px 26px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.key-panel .eyebrow{display:block;font-size:9px;margin-bottom:9px}.key-panel code{display:block;font-family:Consolas,monospace;font-size:16px;word-break:break-all;line-height:1.5;margin-bottom:8px}.back-link{display:block;font-size:11px;color:var(--muted);margin-bottom:14px}.row-actions{display:flex;gap:16px}.text-button{padding:0;border:0;background:transparent;color:#647184;font-size:11px}.text-button:hover{color:var(--blue)}.danger{color:#b64a57}.type-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.type-grid h2{margin:16px 0 24px}.checkbox{display:flex;gap:10px;align-items:center}.checkbox input{width:16px;height:16px;min-height:0;margin:0}.narrow{max-width:550px}.pagination{display:flex;justify-content:center;gap:32px;font-size:12px;color:var(--muted);margin-top:20px}.auth-workspace{min-height:100vh;display:flex;justify-content:center;align-items:center;background:radial-gradient(ellipse at 25% 20%,#e7efff,transparent 55%),var(--bg)}.auth-content{width:100%;max-width:456px;padding:24px}.auth-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:38px;box-shadow:0 20px 65px #273e6610}.auth-card .brand{margin-bottom:42px}.auth-card h1{font-size:28px}.auth-card .muted{font-size:12px;margin-bottom:26px}.auth-footer{text-align:center;color:#a0a9b4;font-size:10px;border-top:1px solid var(--line);padding-top:22px;margin-top:28px}@media(max-width:1150px){.sidebar{width:210px;padding:28px 18px}.workspace{margin-left:210px}.content{padding:30px 26px}.topbar{padding:0 26px}.stats{gap:12px}.stat{padding:20px 16px}th,td{padding:15px 16px}.key-panel code{font-size:13px}}@media(max-width:800px){.sidebar{position:static;width:100%;padding:18px;border-right:0;border-bottom:1px solid var(--line)}.sidebar .brand{font-size:18px}.nav-caption,.sidebar-bottom{display:none}.sidebar nav{display:flex;flex-wrap:wrap;gap:4px;margin-top:16px}.sidebar nav a{font-size:12px;padding:9px 12px}.sidebar nav a.selected{border:0;padding-left:12px}.workspace{margin:0}.topbar{height:55px;padding:0 20px}.account-label{max-width:180px;overflow:hidden;text-overflow:ellipsis}.content{padding:26px 20px}.page-heading{align-items:flex-start;flex-wrap:wrap;margin-bottom:24px}h1{font-size:28px}.stats{grid-template-columns:1fr 1fr}.info-grid,.type-grid{grid-template-columns:1fr}.filters{flex-wrap:wrap}.filters input{width:100%;flex-basis:100%}.form-grid{grid-template-columns:1fr}.key-panel{align-items:flex-start;flex-direction:column}.footer{padding:0 20px 24px}.auth-card{padding:30px}.panel-heading{padding:20px}.form-panel{padding:22px}.form-footer{gap:20px}}

.filters{flex-wrap:wrap}.filters select{max-width:100%}