*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0d0d0d;--s1:#141414;--s2:#1e1e1e;--s3:#252525;--em:#00c896;--em-dim:#0a3d2e;--or:#f5a623;--tp:#f5f5f0;--ts:#9a9a8f;--tt:#5a5a52;--td:#3a3a34;--err:#ff4d4d;--warn:#f59e0b;--r:10px;--font:"Inter",system-ui,-apple-system,sans-serif}body{background:var(--bg);color:var(--tp);font-family:var(--font);font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none}button,input,select,textarea{font-family:inherit;font-size:inherit}.layout,.sidebar{display:flex;min-height:100vh}.sidebar{width:220px;background:var(--s1);border-right:1px solid var(--s2);padding:24px 12px;flex-direction:column;gap:4px;position:fixed;top:0;left:0;bottom:0}.main{margin-left:220px;flex:1 1;padding:32px;min-height:100vh}.sidebar-logo{font-size:18px;font-weight:800;color:var(--em);padding:8px 12px;margin-bottom:20px;letter-spacing:-.5px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;color:var(--ts);transition:background .15s,color .15s;font-size:14px}.nav-item:hover{background:var(--s2);color:var(--tp)}.nav-item.active{background:var(--em-dim);color:var(--em);font-weight:600}.nav-dot{width:7px;height:7px;border-radius:50%;background:currentColor;flex-shrink:0}.page-header{margin-bottom:28px}.page-title{font-size:22px;font-weight:700;color:var(--tp)}.page-subtitle{color:var(--ts);margin-top:4px;font-size:13px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:16px;gap:16px;margin-bottom:32px}.kpi-card{background:var(--s1);border:1px solid var(--s2);border-radius:var(--r);padding:20px}.kpi-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--tt);margin-bottom:8px}.kpi-value{font-size:28px;font-weight:800;color:var(--tp)}.kpi-sub{font-size:12px;color:var(--ts);margin-top:4px}.table-wrap{background:var(--s1);border:1px solid var(--s2);border-radius:var(--r);overflow:hidden}table{width:100%;border-collapse:collapse}thead{border-bottom:1px solid var(--s2)}th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--tt);font-weight:600}td,th{padding:12px 16px}td{border-bottom:1px solid var(--s2);color:var(--ts);font-size:13px;vertical-align:middle}tr:last-child td{border-bottom:none}tr:hover td{background:var(--s2)}.td-primary{color:var(--tp);font-weight:500}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:99px;font-size:11px;font-weight:600}.badge-free{background:var(--s3);color:var(--tt)}.badge-pro{background:#0a3d2e;color:var(--em)}.badge-max{background:#4a3210;color:var(--or)}.badge-business{background:#2a1a40;color:#b97aff}.badge-active{background:#0a3d2e;color:var(--em)}.badge-pending{background:#4a3210;color:var(--or)}.badge-expired{background:#3a1010;color:var(--err)}.form-group{margin-bottom:20px}.form-label{display:block;font-size:12px;color:var(--ts);margin-bottom:6px;font-weight:500}.form-input{width:100%;background:var(--s2);border:1px solid var(--s3);border-radius:8px;padding:10px 12px;color:var(--tp);outline:none;transition:border-color .15s}.form-input:focus{border-color:var(--em)}.form-input::placeholder{color:var(--tt)}select.form-input{-webkit-appearance:none;-moz-appearance:none;appearance:none}.btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:8px;font-weight:600;font-size:13px;transition:opacity .15s}.btn:hover{opacity:.85}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--em);color:#0d0d0d}.btn-secondary{background:var(--s2);color:var(--tp);border:1px solid var(--s3)}.btn-danger{background:#3a1010;color:var(--err);border:1px solid #ff4d4d30}.btn-sm{padding:5px 12px;font-size:12px}.card{background:var(--s1);border:1px solid var(--s2);border-radius:var(--r);padding:24px}.section-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--tt);margin-bottom:12px}.divider{height:1px;background:var(--s2);margin:24px 0}.text-em{color:var(--em)}.text-or{color:var(--or)}.text-err{color:var(--err)}.text-muted{color:var(--ts)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-4{gap:16px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mb-4{margin-bottom:16px}.w-full{width:100%}.grid-2{grid-template-columns:1fr 1fr;grid-gap:16px}.grid-2,.grid-3{display:grid;gap:16px}.grid-3{grid-template-columns:1fr 1fr 1fr;grid-gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}.pagination{display:flex;align-items:center;gap:8px;margin-top:16px}.pagination-info{color:var(--ts);font-size:13px}