@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;600&display=swap";:root{--bg-primary:#14161a;--bg-secondary:#1b1d23;--bg-card:#1f2228;--bg-card-hover:#262931;--bg-input:#181b20;--bg-overlay:#14161ad9;--border:#31363f;--border-focus:#2b7cee;--border-subtle:#282c34;--text-primary:#f0f1f5;--text-secondary:#9da3af;--text-muted:#6a707c;--text-inverse:#14161a;--accent:#2b7cee;--accent-hover:#4c90f0;--accent-subtle:#2b7cee1f;--accent-glow:#2b7cee40;--success:#28bd66;--success-subtle:#28bd661f;--success-border:#28bd664d;--error:#f04e42;--error-subtle:#f04e421f;--error-border:#f04e424d;--warning:#f6a823;--warning-subtle:#f6a8231f;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--radius-sm:6px;--radius:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 1px 3px #090b1166;--shadow:0 4px 16px #090b1166, 0 1px 3px #090b1133;--shadow-lg:0 8px 32px #090b1180, 0 2px 8px #090b114d;--shadow-accent:0 0 20px var(--accent-glow);--transition:.15s cubic-bezier(.4, 0, .2, 1);--transition-slow:.3s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(at 20% 0,#2b7cee0f 0%,#0000 60%),radial-gradient(at 80% 100%,#7f3cdd0a 0%,#0000 60%);min-height:100vh;line-height:1.6}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:600;line-height:1.3}h1{font-size:clamp(1.75rem,4vw,2.25rem)}h2{font-size:clamp(1.25rem,3vw,1.5rem)}h3{font-size:1.125rem}p{color:var(--text-secondary)}a{color:var(--accent);transition:color var(--transition);text-decoration:none}a:hover{color:var(--accent-hover)}.container{width:100%;max-width:1200px;padding:0 var(--space-6);margin:0 auto}.container--narrow{max-width:480px}.container--wide{max-width:960px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--shadow);transition:border-color var(--transition)}.card:hover{border-color:var(--border-focus)}.card--glass{-webkit-backdrop-filter:blur(12px);background:#1f2228cc}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{color:var(--text-secondary);letter-spacing:.01em;font-size:.875rem;font-weight:500}.form-input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-family:var(--font-sans);padding:var(--space-3) var(--space-4);transition:border-color var(--transition), box-shadow var(--transition);-webkit-appearance:none;outline:none;width:100%;font-size:.9375rem}.form-input::placeholder{color:var(--text-muted)}.form-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-subtle)}.form-input:disabled{opacity:.5;cursor:not-allowed}.btn{border-radius:var(--radius);cursor:pointer;font-family:var(--font-sans);align-items:center;gap:var(--space-2);letter-spacing:.01em;padding:var(--space-3) var(--space-6);transition:all var(--transition);-webkit-user-select:none;user-select:none;white-space:nowrap;border:none;justify-content:center;min-height:2.625rem;font-size:.9375rem;font-weight:500;line-height:1;display:inline-flex;position:relative}.btn:disabled{cursor:not-allowed;opacity:.55}.btn--primary{background:var(--accent);color:#fff}.btn--primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:var(--shadow-accent);transform:translateY(-1px)}.btn--primary:active:not(:disabled){transform:translateY(0)}.btn--secondary{border:1px solid var(--border);color:var(--text-primary);background:0 0}.btn--secondary:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--border-focus)}.btn--danger{border:1px solid var(--error-border);color:var(--error);background:0 0}.btn--danger:hover:not(:disabled){background:var(--error-subtle)}.btn--ghost{color:var(--text-secondary);padding:var(--space-2) var(--space-3);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--bg-card-hover);color:var(--text-primary)}.btn--sm{min-height:2rem;padding:var(--space-1) var(--space-3);font-size:.8125rem}.btn--full{width:100%}.btn--loading:after{border-radius:var(--radius-full);content:"";border:2px solid;border-right-color:#0000;width:1em;height:1em;animation:.6s linear infinite spin;display:inline-block}.badge{border-radius:var(--radius-full);letter-spacing:.03em;padding:2px var(--space-2);text-transform:uppercase;white-space:nowrap;font-size:.75rem;font-weight:600;display:inline-flex}.badge--active{background:var(--success-subtle);color:var(--success)}.badge--expired{background:var(--error-subtle);color:var(--error)}.badge--disabled{color:var(--text-muted);background:#8080801f}.badge--warning{background:var(--warning-subtle);color:var(--warning)}.alert{border-radius:var(--radius);padding:var(--space-3) var(--space-4);align-items:flex-start;gap:var(--space-2);border:1px solid;font-size:.875rem;display:flex}.alert--error{background:var(--error-subtle);border-color:var(--error-border);color:var(--error)}.alert--success{background:var(--success-subtle);border-color:var(--success-border);color:var(--success)}.alert--warning{background:var(--warning-subtle);color:var(--warning);border-color:#f6a8234d}.table-wrapper{border-radius:var(--radius-lg);border:1px solid var(--border);overflow:auto hidden}.table{border-collapse:collapse;width:100%;font-size:.875rem}.table th{background:var(--bg-secondary);color:var(--text-muted);letter-spacing:.06em;padding:var(--space-3) var(--space-4);text-align:left;text-transform:uppercase;white-space:nowrap;font-size:.75rem;font-weight:600}.table td{border-top:1px solid var(--border-subtle);color:var(--text-primary);padding:var(--space-3) var(--space-4);vertical-align:middle}.table tr:hover td{background:#2b7cee08}.totp-code{gap:var(--space-4);flex-direction:column;display:flex}.totp-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);transition:border-color var(--transition);position:relative;overflow:hidden}.totp-card:before{content:"";background:linear-gradient(90deg, var(--accent), transparent);opacity:0;height:2px;transition:opacity var(--transition-slow);position:absolute;top:0;left:0;right:0}.totp-card:hover:before{opacity:1}.totp-card__header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.totp-card__name{color:var(--text-secondary);letter-spacing:.03em;text-transform:uppercase;font-size:.875rem;font-weight:600}.totp-card__issuer{color:var(--text-muted);font-size:.75rem}.totp-card__code{font-family:var(--font-mono);letter-spacing:.15em;color:var(--text-primary);margin-bottom:var(--space-4);-webkit-user-select:all;user-select:all;font-size:clamp(2rem,8vw,2.75rem);font-weight:600;line-height:1}.totp-card__code--refreshing{opacity:.4;transition:opacity .15s}.totp-progress{background:var(--border);border-radius:var(--radius-full);width:100%;height:4px;overflow:hidden}.totp-progress__bar{background:var(--accent);border-radius:var(--radius-full);height:100%;transition:width 1s linear}.totp-progress__bar--warning{background:var(--warning)}.totp-card__footer{margin-top:var(--space-3);justify-content:space-between;align-items:center;display:flex}.totp-countdown{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.8125rem}.nav{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:var(--space-4) var(--space-6);z-index:100;background:#14161ae6;position:sticky;top:0}.nav__inner{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.nav__logo{align-items:center;gap:var(--space-2);letter-spacing:-.02em;color:var(--text-primary);font-size:1.125rem;font-weight:700;display:flex}.nav__logo-icon{background:var(--accent);border-radius:var(--radius-sm);color:#fff;padding:3px 7px;font-size:.875rem;font-weight:700}.page{padding:var(--space-12) var(--space-6);flex:1}.page--centered{flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 65px);display:flex}.admin-layout{grid-template-columns:240px 1fr;min-height:calc(100vh - 65px);display:grid}.admin-sidebar{background:var(--bg-secondary);border-right:1px solid var(--border);padding:var(--space-6);gap:var(--space-2);flex-direction:column;display:flex}.admin-sidebar__link{border-radius:var(--radius);color:var(--text-secondary);align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);transition:all var(--transition);cursor:pointer;text-align:left;background:0 0;border:none;width:100%;font-size:.875rem;font-weight:500;text-decoration:none;display:flex}.admin-sidebar__link:hover{background:var(--bg-card-hover);color:var(--text-primary)}.admin-sidebar__link--active{background:var(--accent-subtle);color:var(--accent)}.admin-content{padding:var(--space-8);overflow-y:auto}.stats-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);text-align:center}.stat-card__value{letter-spacing:-.03em;margin-bottom:var(--space-1);font-size:2rem;font-weight:700;line-height:1}.stat-card__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.8125rem;font-weight:500}.stat-card--active .stat-card__value{color:var(--success)}.stat-card--expired .stat-card__value{color:var(--error)}.stat-card--warning .stat-card__value{color:var(--warning)}.stat-card--accent .stat-card__value{color:var(--accent)}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--space-6);z-index:200;background:#0a0c0fbf;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:480px;padding:var(--space-8);width:100%;animation:.2s slideUp}.modal__header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.modal__title{font-size:1.125rem;font-weight:600}.modal__footer{gap:var(--space-3);margin-top:var(--space-6);justify-content:flex-end;display:flex}.empty-state{color:var(--text-muted);align-items:center;gap:var(--space-3);padding:var(--space-16) var(--space-6);text-align:center;flex-direction:column;display:flex}.empty-state__icon{opacity:.4;font-size:2.5rem}.empty-state__text{font-size:.9375rem}.section-header{align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);justify-content:space-between;display:flex}.section-title{letter-spacing:-.01em;font-size:1.125rem;font-weight:600}.divider{border:none;border-top:1px solid var(--border);margin:var(--space-6) 0}.loading{align-items:center;gap:var(--space-3);padding:var(--space-12);color:var(--text-muted);justify-content:center;display:flex}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:var(--radius-full);flex-shrink:0;width:1.25rem;height:1.25rem;animation:.7s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (width<=768px){.admin-layout{grid-template-columns:1fr}.admin-sidebar{padding:var(--space-3) var(--space-4);border-right:none;border-bottom:1px solid var(--border);gap:var(--space-1);flex-flow:wrap}.admin-sidebar__link{padding:var(--space-2);flex:0 auto;font-size:.8125rem}.admin-content{padding:var(--space-5) var(--space-4)}.card{padding:var(--space-6)}.page{padding:var(--space-8) var(--space-4)}.section-header{align-items:flex-start;gap:var(--space-3);flex-direction:column}.modal{padding:var(--space-6)}}.text-accent{color:var(--accent)}.text-success{color:var(--success)}.text-error{color:var(--error)}.text-muted{color:var(--text-muted)}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.font-mono{font-family:var(--font-mono)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.w-full{width:100%}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mt-4{margin-top:var(--space-4)}.truncate{text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}