:root{color-scheme:dark;--bg:#08111f;--panel:#101c2f;--panel-2:#15243b;--line:#263b5a;--text:#edf4ff;--muted:#8fa3bf;--accent:#57b6ff;--accent-strong:#2f91e2;--success:#44d39b;--danger:#ff778e;--shadow:0 24px 70px rgba(0,0,0,.28)}
*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 15% 0,#163256 0,transparent 35%),var(--bg);color:var(--text);font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.hidden{display:none!important}.portal-shell{width:min(1120px,calc(100% - 40px));margin:0 auto;padding:56px 0 80px}.auth-card{width:min(470px,100%);margin:8vh auto 0;padding:42px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(21,36,59,.96),rgba(13,25,43,.96));box-shadow:var(--shadow)}.brand-mark{font-size:27px;font-weight:800;letter-spacing:-.04em}.brand-mark span{color:var(--accent)}.brand-mark.small{font-size:21px}.eyebrow{margin:25px 0 8px;color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.16em}.auth-card h1,.portal-header h1{margin:0;font-size:clamp(28px,5vw,42px);line-height:1.1;letter-spacing:-.04em}.lead{margin:17px 0 30px;color:var(--muted);font-size:16px}.portal-form{display:grid;gap:9px}.portal-form label{color:#c8d5e8;font-weight:700}.portal-form input{width:100%;padding:14px 15px;border:1px solid var(--line);border-radius:10px;background:#0a1628;color:var(--text);font:inherit;outline:none}.portal-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(87,182,255,.15)}button{font:inherit;cursor:pointer}.primary-button,.secondary-button{border-radius:10px;padding:13px 18px;font-weight:800}.primary-button{margin-top:10px;border:1px solid var(--accent);background:var(--accent);color:#06101e}.primary-button:hover{background:#7ccaff}.secondary-button{border:1px solid var(--line);background:transparent;color:var(--text)}.secondary-button:hover{border-color:var(--accent);color:var(--accent)}.form-message{min-height:22px;margin-top:16px;color:var(--muted)}.form-message.error{color:var(--danger)}.form-message.success{color:var(--success)}.security-note{margin:28px 0 0;padding-top:18px;border-top:1px solid var(--line);color:#7187a5;font-size:12px}.portal-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.portal-header .eyebrow{margin-top:18px}.muted{margin:8px 0 0;color:var(--muted)}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px}.metric-card,.content-card{border:1px solid var(--line);border-radius:15px;background:rgba(16,28,47,.88)}.metric-card{padding:20px}.metric-card span{display:block;color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.metric-card strong{display:block;margin-top:8px;font-size:30px}.content-card{padding:24px;margin-top:20px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.section-heading h2{margin:0;font-size:20px}.section-heading .eyebrow{margin:0 0 4px}.summary-chip,.status-chip{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:5px 10px;color:var(--muted);font-size:12px}.license-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.license-item{min-width:0;padding:18px;border:1px solid var(--line);border-radius:12px;background:rgba(9,20,36,.72)}.license-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.license-key{display:block;min-width:0;color:var(--text);font:700 13px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}.license-meta{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.license-meta span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.license-meta strong{display:block;margin-top:3px;font-size:14px}.status-active{color:var(--success);border-color:rgba(68,211,155,.35)}.status-danger{color:var(--danger);border-color:rgba(255,119,142,.35)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:650px}th,td{padding:13px 12px;border-bottom:1px solid rgba(38,59,90,.7);text-align:left;white-space:nowrap}th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.07em}td{color:#d8e4f4}td code{font:12px ui-monospace,SFMono-Regular,Consolas,monospace}.empty-state{padding:25px;border:1px dashed var(--line);border-radius:10px;color:var(--muted)}
@media(max-width:700px){.portal-shell{width:min(100% - 24px,560px);padding:24px 0 50px}.auth-card{margin-top:4vh;padding:28px 22px}.portal-header{align-items:flex-start;flex-direction:column}.portal-header .secondary-button{width:100%}.metric-grid{grid-template-columns:1fr}.content-card{padding:18px}.license-list{grid-template-columns:1fr}.section-heading{align-items:flex-start;flex-direction:column}}
.device-label{display:inline-block;min-width:90px;color:var(--text);font-weight:700}.text-button{margin-left:8px;border:0;background:none;color:var(--accent);font-size:12px;font-weight:700;padding:0}.device-label-input{width:130px;padding:6px 8px;border:1px solid var(--accent);border-radius:6px;background:#0a1628;color:var(--text);font:inherit;font-size:12px}
.profile-card{margin-top:22px}.profile-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:end}.profile-form label{display:grid;gap:7px;color:#c8d5e8;font-size:13px;font-weight:700}.profile-form input{width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:9px;background:#0a1628;color:var(--text);font:inherit;outline:none}.profile-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(87,182,255,.15)}.profile-form input:disabled{cursor:not-allowed;color:var(--muted);opacity:.8}.profile-actions{grid-column:1/-1;display:flex;align-items:center;gap:14px}.profile-actions .form-message{margin:0}.small-button{padding:8px 10px;font-size:12px;white-space:nowrap}.table-wrap table{min-width:760px}.table-wrap td:last-child,.table-wrap th:last-child{white-space:nowrap}@media(max-width:900px){.profile-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.profile-form{grid-template-columns:1fr}.profile-actions{align-items:flex-start;flex-direction:column}.profile-actions .primary-button{width:100%}.table-wrap{overflow-x:auto}.table-wrap table{min-width:700px}}
/* Genis ekranlarda tablo kolonlarini rahatlatir. */
.portal-shell{width:min(1360px,calc(100% - 48px))}
.table-wrap table{min-width:980px}
@media(max-width:700px){.portal-shell{width:calc(100% - 24px)}.table-wrap table{min-width:860px}}