:root{--teal-dark: #0b333f;--teal-mid: #185e72;--teal-light: #1e7d94;--teal-glow: #27a5c0;--teal-soft: #e8f4f7;--bg: #eef3f5;--surface: #ffffff;--text: #0b333f;--muted: #5f7882;--border: #d4e0e5;--border-strong: #b8ccd4;--danger: #c0392b;--danger-soft: #fdecea;--ok: #1a7f55;--ok-soft: #e8f6ef;--warn: #9a7200;--warn-soft: #fff8e6;--shadow-sm: 0 1px 2px rgba(11, 51, 63, .06);--shadow-md: 0 8px 24px rgba(11, 51, 63, .08);--radius: 12px;--radius-sm: 8px;--sidebar-w: 252px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--bg);line-height:1.5;-webkit-font-smoothing:antialiased}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh}a{color:var(--teal-mid);text-decoration:none;font-weight:500}a:hover{color:var(--teal-glow)}code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.85em;background:var(--teal-soft);padding:.12em .4em;border-radius:4px}.layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:linear-gradient(180deg,var(--teal-dark) 0%,#0d4554 100%);color:#fff;padding:1.5rem 1rem;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:.75rem;padding:.25rem .5rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:1.25rem}.brand-mark{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,var(--teal-glow),var(--teal-light));display:grid;place-items:center;font-weight:700;font-size:1.1rem;box-shadow:0 4px 12px #0003}.brand-text strong{display:block;font-size:1rem;letter-spacing:-.02em}.brand-text span{font-size:.72rem;opacity:.65;text-transform:uppercase;letter-spacing:.06em}.sidebar nav{display:flex;flex-direction:column;gap:.25rem;flex:1}.nav-link{display:flex;align-items:center;gap:.65rem;color:#ffffffc7;text-decoration:none;padding:.65rem .85rem;border-radius:var(--radius-sm);font-size:.92rem;font-weight:500;transition:background .15s,color .15s}.nav-link:hover{background:#ffffff1a;color:#fff}.nav-link.active{background:#ffffff29;color:#fff;box-shadow:inset 0 0 0 1px #ffffff14}.nav-icon{width:18px;text-align:center;opacity:.9;font-size:1rem}.sidebar-footer{margin-top:auto;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1);font-size:.78rem;opacity:.5}.shell{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{background:var(--surface);border-bottom:1px solid var(--border);padding:.85rem 1.75rem;display:flex;justify-content:flex-end;align-items:center;gap:1rem;position:sticky;top:0;z-index:10}.user-chip{display:flex;align-items:center;gap:.6rem;padding:.35rem .75rem .35rem .35rem;background:var(--bg);border:1px solid var(--border);border-radius:999px;font-size:.85rem}.user-avatar{width:32px;height:32px;border-radius:50%;background:var(--teal-soft);color:var(--teal-mid);display:grid;place-items:center;font-weight:700;font-size:.8rem}.main{padding:1.25rem 1.5rem 1.5rem;flex:1;width:100%}.page-header{margin-bottom:1.5rem}.page-header h1{font-size:1.65rem;font-weight:700;letter-spacing:-.03em;margin-bottom:.25rem}.page-header p{color:var(--muted);font-size:.95rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.35rem;box-shadow:var(--shadow-sm)}.card+.card{margin-top:1rem}.card-title{font-size:1rem;font-weight:600;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.table-wrap{overflow-x:auto;margin:-.25rem -.25rem 0}.btn{border:none;border-radius:var(--radius-sm);padding:.6rem 1.1rem;font-weight:600;font-size:.9rem;cursor:pointer;background:var(--teal-mid);color:#fff;transition:background .15s,transform .1s;font-family:inherit}.btn:hover{background:var(--teal-glow)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn.secondary{background:var(--surface);color:var(--teal-mid);border:1px solid var(--border-strong)}.btn.secondary:hover{background:var(--teal-soft)}.btn.danger{background:var(--danger)}.btn.danger:hover{background:#a93226}.btn.google{width:100%;background:#fff;color:#3c4043;border:1px solid #dadce0;display:flex;align-items:center;justify-content:center;gap:.65rem;padding:.75rem 1rem}.btn.google:hover{background:#f8f9fa;box-shadow:var(--shadow-sm)}.btn-sm{padding:.4rem .75rem;font-size:.82rem}.muted{color:var(--muted)}.error{color:var(--danger)}.ok{color:var(--ok)}.banner{padding:.85rem 1rem;border-radius:var(--radius-sm);margin-bottom:1rem;font-size:.9rem;line-height:1.5}.banner.warn{background:var(--warn-soft);border:1px solid #f0dfa0;color:var(--warn)}.banner.error{background:var(--danger-soft);border:1px solid #f5c6c0;color:#7a1f16}.banner.ok{background:var(--ok-soft);border:1px solid #b8e6cc;color:var(--ok)}table{width:100%;border-collapse:collapse;font-size:.9rem}thead th{text-align:left;padding:.6rem .85rem;color:var(--muted);font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;background:var(--bg);border-bottom:1px solid var(--border)}tbody td{padding:.65rem .85rem;border-bottom:1px solid var(--border);vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:#f8fbfc}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.15rem 1.25rem;box-shadow:var(--shadow-sm)}.stat-card .label{color:var(--muted);font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.stat-card .value{font-size:1.85rem;font-weight:700;margin-top:.35rem;letter-spacing:-.03em;color:var(--teal-dark)}.stat-card.accent{background:linear-gradient(135deg,var(--teal-dark),var(--teal-mid));border:none;color:#fff}.stat-card.accent .label{color:#ffffffb3}.stat-card.accent .value{color:#fff}input:not([type=checkbox]):not([type=radio]),textarea,select{width:100%;padding:.65rem .85rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);font:inherit;background:var(--surface);transition:border-color .15s,box-shadow .15s}input[type=checkbox],input[type=radio]{width:auto;accent-color:var(--teal-mid)}input:not([type=checkbox]):not([type=radio]):focus,textarea:focus,select:focus{outline:none;border-color:var(--teal-glow);box-shadow:0 0 0 3px #27a5c033}.form-row{margin-bottom:1.1rem}.form-row label{display:block;font-size:.82rem;font-weight:600;color:var(--muted);margin-bottom:.4rem}.search-box{flex:1 1 200px;max-width:280px;position:relative}.search-box input{padding-left:2.35rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%235f7882' stroke-width='2' stroke-linecap='round' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:.75rem center;background-size:16px 16px}.users-toolbar{display:flex;flex-wrap:wrap;gap:.65rem .75rem;align-items:center}.users-page-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.users-page-head h1{font-size:1.35rem;font-weight:700;letter-spacing:-.02em}.users-page-head .count{color:var(--muted);font-size:.88rem;white-space:nowrap}.card-table{padding:0;overflow:hidden}.card-table .users-toolbar{padding:.75rem 1rem;border-bottom:1px solid var(--border);background:#f8fbfc}.card-table .table-wrap{margin:0}.card-table thead th:first-child,.card-table tbody td:first-child{padding-left:1rem}.card-table thead th:last-child,.card-table tbody td:last-child{padding-right:1rem}.card-table .loading-block{padding:1rem}.card-table .empty-state{padding:1.75rem 1rem}.card-table .table-footer{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-top:1px solid var(--border);background:#fafcfd}.card-table .table-footer .muted{font-size:.88rem}.filter-select{width:auto;min-width:9.5rem;padding:.55rem .75rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);font-size:.88rem;color:var(--text)}.filter-check{display:flex;align-items:center;gap:.45rem;font-size:.9rem;color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none}.detail-item-wide{grid-column:1 / -1}.detail-item-wide code{word-break:break-all}.badge{display:inline-block;padding:.2rem .55rem;border-radius:999px;font-size:.72rem;font-weight:600;text-transform:capitalize}.badge.free{background:#eef1f3;color:#5f7882}.badge.premium{background:#e8f0ff;color:#1a56db}.badge.expired{background:#f3f4f6;color:#6b7280}.badge.explorer{background:#f3e8ff;color:#7c3aed}.badge.admin{background:var(--danger-soft);color:var(--danger)}.badge.user{background:var(--teal-soft);color:var(--teal-mid)}.detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem 1.5rem}.detail-item label{display:block;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:.25rem}.detail-item span{font-weight:500}.danger-zone{border-color:#f5c6c0;background:#fffbfb}.empty-state{text-align:center;padding:3rem 1.5rem;color:var(--muted)}.empty-state p{margin-top:.5rem;font-size:.9rem}.loading-block{display:flex;align-items:center;gap:.75rem;padding:2rem;color:var(--muted)}.spinner{width:22px;height:22px;border:2px solid var(--border);border-top-color:var(--teal-glow);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-page{min-height:100vh;display:grid;place-items:center;padding:2rem;background:radial-gradient(ellipse 80% 60% at 20% 10%,rgba(39,165,192,.25),transparent),linear-gradient(160deg,var(--teal-dark) 0%,var(--teal-mid) 55%,#0d4a5a 100%)}.login-card{width:min(420px,100%);background:var(--surface);border-radius:16px;padding:2rem;box-shadow:var(--shadow-md);text-align:center}.login-card .brand{border:none;margin:0 0 1.5rem;padding:0;justify-content:center}.login-card .brand-mark{box-shadow:none}.login-card .brand-text strong{color:var(--text)}.login-card .brand-text span{color:var(--muted);opacity:1}.login-card h1{font-size:1.35rem;font-weight:700;margin-bottom:.5rem;letter-spacing:-.02em}.login-card .login-tagline{color:var(--teal-mid);font-size:.95rem;font-weight:500;margin-bottom:1.75rem;line-height:1.45}.login-card .banner{text-align:left;margin-bottom:1rem}.center-page{min-height:100vh;display:grid;place-items:center;padding:2rem}.back-link{display:inline-flex;align-items:center;gap:.35rem;font-size:.88rem;margin-bottom:1rem;color:var(--muted)}.back-link:hover{color:var(--teal-mid)}.feature-list{list-style:none;display:grid;gap:.65rem}.feature-list li{display:flex;align-items:flex-start;gap:.6rem;font-size:.9rem;color:var(--muted)}.feature-list li:before{content:"✓";color:var(--ok);font-weight:700;flex-shrink:0}@media(max-width:768px){.layout{flex-direction:column}.sidebar{width:100%;height:auto;position:static}.sidebar nav{flex-direction:row;flex-wrap:wrap}.main{padding:1rem}}