:root{font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:#192235;background:#f2f5f9;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer;border:0;border-radius:9px;padding:10px 15px;font-weight:650;transition:.15s ease}button:disabled{opacity:.5;cursor:not-allowed}.primary{background:#465cff;color:white;box-shadow:0 4px 12px #465cff2b}.primary:hover{background:#3448ed}.secondary{background:#eef1f7;color:#35415a}.secondary:hover{background:#e2e7f0}.wide{width:100%;margin-top:8px}.page{width:min(1240px,calc(100% - 36px));margin:36px auto 64px}.panel{background:white;border:1px solid #e6eaf1;border-radius:18px;box-shadow:0 10px 36px #17223b0a}.login-wrap{min-height:78vh;display:grid;place-items:center}.login-card{width:min(440px,100%);padding:38px}.eyebrow{color:#6673ff;font-size:11px;font-weight:800;letter-spacing:.16em}.login-card h1,.topbar h1{margin:9px 0 5px;font-size:28px}.muted{color:#788397;font-size:13px;line-height:1.55}.login-card label,.modal-fields label,.plan-form label{display:grid;gap:8px;margin-top:18px;font-size:13px;font-weight:700;color:#49546b}input,select{min-width:0;background:white;border:1px solid #dfe4ed;border-radius:9px;padding:11px 12px;color:#202a3d;outline:none}input:focus,select:focus{border-color:#6673ff;box-shadow:0 0 0 3px #6673ff1c}.error{color:#c13c50;font-size:13px}.topbar{display:flex;align-items:center;justify-content:space-between;margin:0 0 24px}.topbar h1{font-size:25px}.top-actions{display:flex;gap:14px;align-items:center}.admin-name{font-size:13px;color:#59647b}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:20px}.stat{padding:18px 20px;background:white;border:1px solid #e6eaf1;border-radius:15px;display:grid;gap:11px}.stat span{color:#788397;font-size:12px}.stat strong{font-size:25px}.tabs{display:flex;gap:8px;border-bottom:1px solid #e2e7f0;margin-bottom:0}.tab{background:transparent;color:#788397;border-radius:9px 9px 0 0;padding:12px 18px}.tab.active{color:#465cff;background:#e8ebff}.tab-panel{padding:23px 24px 20px;border-top-left-radius:0}.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.section-head h2{font-size:19px;margin:0 0 4px}.section-head p{margin:0}.toolbar{display:flex;gap:9px;margin:18px 0}.toolbar input{flex:1}.toolbar select{width:170px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:900px}th,td{text-align:left;padding:13px 12px;border-bottom:1px solid #edf0f5;font-size:12px;vertical-align:middle}th{color:#7c879a;font-size:11px;font-weight:700;white-space:nowrap}td b{font-size:13px}.row-note{color:#939daf;font-size:11px;margin-top:4px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{display:inline-block;border-radius:20px;padding:5px 9px;font-size:11px;font-weight:700;background:#f0f2f6;color:#778196;white-space:nowrap}.badge.active{background:#e9f8ef;color:#238448}.badge.unactivated{background:#eff2ff;color:#5362d9}.badge.expired,.badge.disabled,.badge.recycled{background:#fff0f0;color:#c3545b}.badge.online{background:#e3f8f2;color:#1e9271}.row-actions{display:flex;gap:5px;flex-wrap:wrap}.row-actions button{font-size:11px;padding:6px 8px;border-radius:7px;background:#f0f2f7;color:#47536a}.row-actions button.danger{background:#fff0f0;color:#bd4851}.pagination{display:flex;gap:13px;align-items:center;justify-content:center;padding:18px 0 2px}.pagination button{font-size:12px;padding:8px 12px}.plans-grid{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:15px}.plan-form{border:1px solid #e6eaf1;border-radius:14px;padding:18px}.plan-form h3{margin:0 0 5px}.plan-form label{margin-top:13px}.plan-form input[type=checkbox]{width:18px;height:18px;accent-color:#465cff}.plan-form button{margin-top:17px}.modal{width:min(500px,calc(100% - 28px));border:0;border-radius:18px;padding:0;box-shadow:0 20px 90px #0c16345c}.modal::backdrop{background:#111a2c80;backdrop-filter:blur(2px)}.modal form{padding:22px}.modal-head{display:flex;justify-content:space-between;align-items:center}.modal-head h2{font-size:19px;margin:0}.icon-btn{background:transparent;color:#778397;font-size:24px;padding:0 6px}.modal-fields{max-height:62vh;overflow:auto}.modal-fields label{margin-top:14px}.modal-fields small{font-weight:400;color:#8993a5}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);max-width:min(600px,calc(100% - 30px));padding:12px 18px;border-radius:10px;background:#1f293d;color:white;box-shadow:0 8px 32px #0d172d40;font-size:13px;z-index:10}.toast.bad{background:#a93648}[hidden]{display:none!important}@media(max-width:760px){.page{width:calc(100% - 22px);margin-top:18px}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat:last-child{grid-column:span 2}.topbar{align-items:flex-start}.topbar h1{font-size:21px}.section-head{align-items:flex-start;flex-direction:column}.plans-grid{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.toolbar input{flex-basis:100%}.toolbar select{flex:1}.login-card{padding:27px 22px}.tab-panel{padding:17px 13px}.top-actions{gap:7px}.admin-name{display:none}}