@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-body: #121212;--bg-surface: rgba(255, 255, 255, .05);--bg-surface-hover: rgba(255, 255, 255, .08);--bg-card: #1a1a1a;--primary: #60A5FA;--primary-glow: rgba(96, 165, 250, .4);--secondary: #A78BFA;--success: #34D399;--warning: #FBBF24;--danger: #F87171;--text-main: #F1F5F9;--text-muted: #94A3B8;--text-accent: #93C5FD;--border-color: rgba(255, 255, 255, .1);--border-hover: rgba(96, 165, 250, .3);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-lg: 16px;--radius-md: 8px;--radius-sm: 4px;--sidebar-width: 220px;--topbar-height: 64px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg-body);color:var(--text-main);min-height:100vh;line-height:1.6;font-size:15px}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.portal-layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--bg-card);border-right:1px solid var(--border-color);display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;z-index:50}.sidebar-logo{display:block;padding:1.5rem;font-size:1.1rem;font-weight:700;color:var(--text-accent);border-bottom:1px solid var(--border-color);text-decoration:none}.sidebar-logo:hover{color:var(--text-main)}.sidebar-nav{flex:1;padding:1rem 0;list-style:none}.sidebar-nav a{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;color:var(--text-muted);font-size:.9rem;transition:color .2s,background .2s}.sidebar-nav a:hover,.sidebar-nav a.active{color:var(--text-main);background:var(--bg-surface);text-decoration:none}.sidebar-nav a.active{color:var(--primary);border-right:2px solid var(--primary)}.sidebar-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-color)}.main-content{margin-left:var(--sidebar-width);flex:1;display:flex;flex-direction:column;min-height:100vh}.topbar{height:var(--topbar-height);background:var(--bg-card);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;position:sticky;top:0;z-index:40}.topbar-title{font-size:1rem;font-weight:600}.topbar-user{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:var(--text-muted)}.page-body{padding:2rem;max-width:960px}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem}.auth-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:3rem 2.5rem;width:100%;max-width:420px;text-align:center}.auth-logo{font-size:1.25rem;font-weight:800;color:var(--text-accent);margin-bottom:.5rem}.auth-tagline{color:var(--text-muted);font-size:.9rem;margin-bottom:2rem}.card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem}.card-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:.75rem}.card-value{font-size:1.5rem;font-weight:700}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin-bottom:2rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;border:none;transition:opacity .2s,transform .1s;text-decoration:none}.btn:hover{opacity:.85;text-decoration:none}.btn:active{transform:scale(.98)}.btn--primary{background:var(--primary);color:#0f172a}.btn--secondary{background:var(--bg-surface);color:var(--text-main);border:1px solid var(--border-color)}.btn--danger{background:#f8717126;color:var(--danger);border:1px solid rgba(248,113,113,.3)}.btn--full{width:100%;justify-content:center}.btn--lg{padding:.875rem 1.75rem;font-size:1rem}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:99px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge--starter{background:#94a3b826;color:#94a3b8}.badge--pro{background:#60a5fa26;color:#60a5fa}.badge--enterprise{background:#a78bfa26;color:#a78bfa}.badge--active{background:#34d39926;color:#34d399}.badge--expired{background:#fbbf2426;color:#fbbf24}.badge--revoked{background:#f8717126;color:#f87171}.badge--none{background:#94a3b826;color:#94a3b8}.license-key-block{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem 1.25rem;font-family:var(--font-mono);font-size:.9rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:1rem 0}.license-key-value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.05em}.portal-table{width:100%;border-collapse:collapse;font-size:.875rem}.portal-table th{text-align:left;padding:.75rem 1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border-color)}.portal-table td{padding:.875rem 1rem;border-bottom:1px solid var(--border-color);vertical-align:middle}.portal-table tr:last-child td{border-bottom:none}.portal-table tr:hover td{background:var(--bg-surface)}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:.85rem;font-weight:500;color:var(--text-muted);margin-bottom:.4rem}.form-input{width:100%;background:#ffffff0f;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.625rem .875rem;color:var(--text-main);font-size:.9rem;font-family:var(--font-sans);transition:border-color .2s}.form-input:focus{outline:none;border-color:var(--primary)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:100;display:none;align-items:center;justify-content:center}.modal-overlay.is-open{display:flex}.modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem;width:100%;max-width:480px;box-shadow:0 20px 60px #00000080}.modal-title{font-size:1.1rem;font-weight:600;margin-bottom:1.25rem}.alert{padding:.875rem 1rem;border-radius:var(--radius-md);font-size:.875rem;margin-bottom:1rem}.alert--info{background:#60a5fa1a;border:1px solid rgba(96,165,250,.2);color:var(--text-accent)}.alert--warn{background:#fbbf241a;border:1px solid rgba(251,191,36,.2);color:#fbbf24}.alert--error{background:#f871711a;border:1px solid rgba(248,113,113,.2);color:var(--danger)}.alert--ok{background:#34d3991a;border:1px solid rgba(52,211,153,.2);color:var(--success)}.spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-state{display:flex;align-items:center;justify-content:center;gap:1rem;padding:3rem;color:var(--text-muted)}@media (max-width: 768px){.sidebar{display:none}.main-content{margin-left:0}.stats-grid{grid-template-columns:repeat(2,1fr)}.page-body{padding:1rem}}[data-theme=light]{--bg-body: #F8FAFC;--bg-surface: rgba(255, 255, 255, .7);--bg-surface-hover: rgba(255, 255, 255, .9);--bg-card: #ffffff;--text-main: #0F172A;--text-muted: #475569;--text-accent: #2563EB;--border-color: rgba(148, 163, 184, .2);--border-hover: rgba(37, 99, 235, .2);--bg-input: #ffffff}html{transition:background-color .3s ease,color .3s ease}select.form-input{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:var(--bg-input);color:var(--text-main);border:1px solid var(--border-color);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2394A3B8' d='M6 8L0 0h12z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.25rem}select.form-input option{background-color:var(--bg-card, #1a1a1a);color:var(--text-main)}[data-theme=light] select.form-input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23475569' d='M6 8L0 0h12z'/%3E%3C/svg%3E")}[data-theme=light] select.form-input option{background-color:#fff;color:#0f172a}.theme-toggle{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:.4rem;border-radius:var(--radius-sm);transition:color .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.theme-toggle:hover{color:var(--text-main)}.theme-toggle svg{width:1.1rem;height:1.1rem}.theme-toggle .icon-sun{display:none}.theme-toggle .icon-moon,[data-theme=light] .theme-toggle .icon-sun{display:block}[data-theme=light] .theme-toggle .icon-moon{display:none}.theme-toggle-float{position:fixed;top:1rem;right:1rem;z-index:200}.hamburger{display:none;background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:1.5rem;line-height:1;padding:.25rem .5rem;border-radius:var(--radius-sm);transition:color .2s}.hamburger:hover{color:var(--text-main)}.mobile-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:49}.mobile-overlay.is-open{display:block}@media (max-width: 768px){.hamburger{display:block}.sidebar{display:block!important;transform:translate(-100%);transition:transform .25s ease}.sidebar.is-open{transform:translate(0)}}