:root{color-scheme:dark;font-family:Segoe UI,Arial,sans-serif;line-height:1.5;font-weight:400;--bg-0: #0d1626;--bg-1: #101f36;--bg-2: #0f1930;--card-bg: rgba(8, 16, 30, .72);--card-border: rgba(255, 255, 255, .08);--card-border-strong: rgba(255, 255, 255, .14);--text-hi: #f7fbff;--text-mid: rgba(235, 241, 255, .82);--text-low: rgba(235, 241, 255, .5);--text-faint: rgba(235, 241, 255, .3);--accent: #ffb36d;--accent-soft: rgba(255, 175, 103, .16);--accent-text: #ffd19b;--info: #bde0ff;--info-soft: rgba(113, 191, 255, .14);--green: #10b981;--green-soft: rgba(16, 185, 129, .15);--amber: #fbbf24;--amber-soft: rgba(251, 191, 36, .15);--red: #ef4444;--red-soft: rgba(239, 68, 68, .15);--radius-lg: 24px;--radius-md: 16px;--radius-sm: 12px;--shadow: 0 24px 60px rgba(0, 0, 0, .2);--shadow-sm: 0 8px 24px rgba(0, 0, 0, .18)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-height:100vh;background:linear-gradient(180deg,var(--bg-0) 0%,var(--bg-1) 45%,var(--bg-2) 100%)}button,input,select,textarea{font:inherit}.btn-primary,.btn-secondary,.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 14px;border:none;border-radius:12px;font-size:.82rem;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;white-space:nowrap}.btn-primary{color:#102038;background:linear-gradient(135deg,#ffd19b,#ffaf67);box-shadow:0 6px 18px #ffaf6740}.btn-primary:hover{transform:translateY(-1px);filter:brightness(1.05);box-shadow:0 8px 22px #ffaf6759}.btn-secondary{color:var(--text-mid);background:#ffffff14;border:1px solid rgba(255,255,255,.1)}.btn-secondary:hover{background:#ffffff21;color:var(--text-hi)}.btn-danger{color:#ffd6d6;background:var(--red-soft);border:1px solid rgba(239,68,68,.25)}.btn-danger:hover{background:#ef444440}.btn-primary:disabled,.btn-secondary:disabled,.btn-danger:disabled{opacity:.55;cursor:not-allowed;transform:none}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:.7rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap}.badge .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.badge-green{background:var(--green-soft);color:#6ee7b7}.badge-amber{background:var(--amber-soft);color:#fcd34d}.badge-red{background:var(--red-soft);color:#fca5a5}.badge-blue{background:var(--info-soft);color:var(--info)}.badge-orange{background:var(--accent-soft);color:var(--accent-text)}.badge-gray{background:#ffffff14;color:#ebf1ff8c}.badge-purple{background:#a78bfa26;color:#c4b5fd}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.2);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}.spinner-lg{width:32px;height:32px;border-width:3px}@keyframes spin{to{transform:rotate(360deg)}}.loading-block{display:flex;align-items:center;justify-content:center;gap:10px;padding:48px 0;color:var(--text-low);font-size:.9rem}.skeleton{position:relative;overflow:hidden;background:#ffffff0f;border-radius:8px}.skeleton:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);animation:shimmer 1.4s infinite}@keyframes shimmer{to{transform:translate(100%)}}.toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:16px}.search-box{position:relative;flex:1;min-width:220px;max-width:360px}.search-box svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-low);pointer-events:none}.search-box input{width:100%;padding:10px 14px 10px 36px;border:1px solid var(--card-border-strong);border-radius:var(--radius-sm);background:#ffffff0f;color:var(--text-hi);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.search-box input:focus{border-color:#ffaf6780;box-shadow:0 0 0 3px #ffaf671f}.search-box input::placeholder{color:var(--text-low)}.pagination{display:flex;gap:6px;align-items:center;justify-content:center;padding:14px 0 2px}.pagination button{min-width:32px;height:32px;padding:0 10px;border:1px solid var(--card-border-strong);border-radius:10px;background:#ffffff0d;color:var(--text-mid);font-size:.8rem;cursor:pointer;transition:background .15s ease,color .15s ease}.pagination button:hover:not(:disabled){background:#ffffff1f;color:var(--text-hi)}.pagination button.active{background:linear-gradient(135deg,#ffd19b,#ffaf67);color:#102038;font-weight:700;border-color:transparent}.pagination button:disabled{opacity:.4;cursor:not-allowed}.page-count{margin:0 8px;color:var(--text-low);font-size:.78rem}.empty-state{display:flex;flex-direction:column;align-items:center;gap:8px;padding:48px 16px;color:var(--text-low);text-align:center}.empty-state .empty-icon{font-size:2rem;opacity:.5}.empty-state p{margin:0;font-size:.88rem}.flex{display:flex}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-center{display:flex;align-items:center;justify-content:center}.gap-2{gap:8px}.gap-3{gap:12px}.wrap{flex-wrap:wrap}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.text-sm{font-size:.8rem}.text-muted{color:var(--text-low)}.admin-shell{min-height:100vh;display:grid;grid-template-columns:280px 1fr;background:radial-gradient(circle at top left,rgba(255,171,99,.14),transparent 24%),radial-gradient(circle at top right,rgba(96,179,255,.14),transparent 22%),linear-gradient(180deg,#0d1626,#101f36 45%,#0f1930)}.admin-main{padding:32px;min-width:0}.page-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:22px}.page-head h2{margin:8px 0 0;color:#f3f6fb;font-size:clamp(1.8rem,3vw,2.6rem)}.eyebrow{display:inline-flex;color:#ffd7b2;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:700}.stats-grid,.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.two-up-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}.stat-panel,.table-card,.plan-card,.login-card{border:1px solid rgba(255,255,255,.08);border-radius:24px;background:#08101eb8;box-shadow:0 24px 60px #0003}.stat-panel{padding:20px;position:relative;overflow:hidden;transition:transform .18s ease,border-color .18s ease}.stat-panel:hover{transform:translateY(-2px);border-color:#ffaf6740}.stat-panel span,.stack-row span,.table-card p{color:#ebf1ffb8}.stat-panel strong{display:block;margin-top:12px;color:#f7fbff;font-size:2rem}.stat-panel .stat-label{display:flex;align-items:center;gap:8px}.stat-panel .stat-icon{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;font-size:.8rem}.stat-panel .stat-delta{position:absolute;top:18px;right:18px;font-size:.72rem;font-weight:700;padding:3px 8px;border-radius:999px}.stat-delta.up{color:#6ee7b7;background:#10b98126}.stat-delta.flat{color:#ebf1ff8c;background:#ffffff14}.avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;background:linear-gradient(135deg,#71bfff3d,#ffaf673d);color:#dcebff;font-weight:700;letter-spacing:.02em}.cell-user{display:flex;align-items:center;gap:12px}.cell-user .meta{display:grid;gap:2px;min-width:0}.table-card{padding:22px}.table-card h3,.plan-card h3{margin:0 0 14px;color:#f7fbff}.stack-list{display:grid;gap:12px}.stack-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-radius:16px;background:#ffffff0a;transition:background .15s ease}.stack-row:hover{background:#ffffff12}.stack-row strong,.admin-table strong{display:block;color:#f4f8ff}.stack-row span,.admin-table td span,.cell-user span,.cell-user strong{display:block}.stack-actions{display:flex;gap:6px;flex-shrink:0}.disabled-row{opacity:.55}.clickable-row{width:100%;border:none;text-align:left;cursor:pointer;color:inherit}.table-wrap{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:14px 12px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left;color:#ebf1ffd1;vertical-align:top}.admin-table th{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:#ebf1ff73;font-weight:700;white-space:nowrap}.admin-table tbody tr{transition:background .12s ease}.admin-table tbody tr:hover{background:#ffffff08}.admin-table select,.form-grid input,.form-grid select,.form-grid textarea,.login-form input{width:100%;padding:12px 14px;border:1px solid rgba(255,255,255,.1);border-radius:14px;font:inherit;color:#f4f8ff;background:#ffffff0f;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.admin-table select:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.login-form input:focus{border-color:#ffaf6780;box-shadow:0 0 0 3px #ffaf671f}.form-grid textarea{resize:vertical}.form-grid,.login-form{display:grid;gap:14px}.form-card button,.login-form button{padding:14px 18px;border:none;border-radius:16px;color:#102038;background:linear-gradient(135deg,#ffd19b,#ffaf67);font-weight:700;cursor:pointer;transition:transform .15s ease,filter .15s ease}.form-card button:hover,.login-form button:hover{transform:translateY(-1px);filter:brightness(1.05)}.full-span{grid-column:1 / -1}.toggle-line{display:flex;align-items:center;gap:12px;color:#ebf1ffd1}.toggle-line input{width:auto}.form-label{display:block;margin-bottom:10px;color:#ebf1ffd1;font-size:.9rem}.field-hint{margin-top:8px;font-size:.78rem;color:#ebf1ff80}.cap-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;padding:12px;border:1px solid rgba(235,241,255,.14);border-radius:14px;background:#ebf1ff0a}.cap-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.cap-badge{padding:3px 10px;border-radius:999px;background:#ffaf6729;color:#ffd19b;font-size:.78rem;font-style:normal}.inline-alert{display:inline-flex;padding:12px 14px;border-radius:14px;align-items:center;gap:8px;color:#f5f8fb;max-width:100%}.inline-alert.error{background:#bf2d1733}.inline-alert.success{background:#187b5433}.plan-card{padding:22px}.plan-card:hover{border-color:#ffaf6738}.plan-key{display:inline-flex;padding:6px 10px;border-radius:999px;background:#71bfff24;color:#bde0ff;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.plan-price{color:#ffd4af;font-size:1.5rem;font-weight:800}.plan-card ul{margin:14px 0 0;padding-left:18px;color:#ebf1ffc7}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top left,rgba(255,171,99,.16),transparent 28%),radial-gradient(circle at top right,rgba(96,179,255,.16),transparent 24%),linear-gradient(180deg,#0d1626,#101f36,#0f1930)}.login-card{width:min(520px,100%);padding:36px;display:grid;gap:14px;justify-items:start;animation:card-in .35s ease}@keyframes card-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.login-card h1{margin:14px 0 10px;color:#f6f9ff;font-size:clamp(2rem,5vw,3rem)}.login-card p,.login-form label{color:#ebf1ffc7}@media (max-width: 980px){.admin-shell,.two-up-grid{grid-template-columns:1fr}}@media (max-width: 720px){.admin-main{padding:20px}.page-head{flex-direction:column}}
