:root{color-scheme:light;--navy: #12293d;--navy-2: #1f3a52;--teal: #4f9a93;--teal-dark: #3d8079;--teal-pale: #e3f0ee;--bg: #f6f7f5;--surface: #ffffff;--text: #12293d;--muted: #5b6b78;--border: #dde3e6;--error-bg: #fbeceb;--error: #a3302a;--warn-bg: #fdf5e4;--warn: #7a5a12;--success-bg: #e3f4ea;--success: #17683f;--strong: var(--navy);--accent-text: var(--teal-dark);--accent-soft: var(--teal-pale);--focus: var(--teal);--control-bg: #fff;--control-border: var(--border);--hover-bg: var(--bg);--code-bg: var(--bg);--btn-bg: var(--navy);--btn-fg: #f8f6f0;--btn-bg-hover: var(--navy-2);--ghost-hover-border: var(--navy);--pill-bg: var(--navy);--pill-fg: #f8f6f0;--info-bg: var(--teal-pale);--info: var(--navy);--qr-bg: #fff;--radius: 14px;--shadow: 0 1px 2px rgba(18, 41, 61, .06), 0 8px 24px rgba(18, 41, 61, .06);--font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}[data-theme=dark]{color-scheme:dark;--bg: #0d1f2f;--surface: #12293d;--surface-2: #17303f;--text: #e7ecec;--muted: #9db0b4;--border: #294657;--error-bg: #3a2227;--error: #f0938a;--warn-bg: #352c19;--warn: #e9c77f;--success-bg: #18352b;--success: #8fd0a4;--strong: #e7ecec;--accent-text: #7fbfb6;--accent-soft: #1c3646;--focus: #7fbfb6;--control-bg: #0d1f2f;--control-border: #5b7d8d;--hover-bg: #17303f;--code-bg: #0d1f2f;--btn-bg: #7fbfb6;--btn-fg: #0d1f2f;--btn-bg-hover: #9ad2c9;--ghost-hover-border: #7fbfb6;--pill-bg: #7fbfb6;--pill-fg: #0d1f2f;--info-bg: #1c3646;--info: #e7ecec;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:6px}.muted{color:var(--muted)}.small{font-size:.875rem}.eyebrow{margin:0 0 .25rem;font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-text)}.brand-name{font-weight:700;letter-spacing:.2em;text-transform:uppercase;font-size:.95rem;color:var(--strong);white-space:nowrap}.logo{display:block}[data-theme=dark] .logo{background:url(/eletna-mark-dark.png) center / contain no-repeat;object-position:-9999px 0}.theme-toggle{display:inline-grid;place-items:center;flex:none;width:36px;height:36px;padding:0;border:1px solid var(--control-border);border-radius:999px;background:transparent;color:var(--strong);cursor:pointer}.theme-toggle:hover{border-color:var(--ghost-hover-border);color:var(--accent-text)}.auth__theme{margin-left:auto}.auth{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem}.auth__card{width:100%;max-width:440px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:2rem 1.75rem}.auth__brand{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.auth__title{margin:0 0 .5rem;font-size:1.5rem;line-height:1.2;font-weight:600;text-wrap:balance}.auth__subtitle{margin:0 0 1.25rem;color:var(--muted)}.auth__foot{margin-top:1rem;font-size:.8rem;color:var(--muted)}.form{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.field{display:flex;flex-direction:column;gap:.35rem}.field label{font-size:.875rem;font-weight:600}.field input{font:inherit;padding:.7rem .85rem;border:1px solid var(--control-border);border-radius:10px;background:var(--control-bg);color:var(--text)}[data-theme=dark] .field input::placeholder{color:var(--muted);opacity:1}.field input:focus{border-color:var(--focus);outline:none;box-shadow:0 0 0 3px var(--accent-soft)}[data-theme=dark] .field input:-webkit-autofill{-webkit-text-fill-color:var(--text);caret-color:var(--text);box-shadow:0 0 0 100px var(--accent-soft) inset}[data-theme=dark] .field input:-webkit-autofill:focus{box-shadow:0 0 0 100px var(--accent-soft) inset,0 0 0 3px var(--accent-soft)}.field input[autocomplete=one-time-code]{font-size:1.35rem;letter-spacing:.4em;text-align:center;font-variant-numeric:tabular-nums}.field__hint{margin:0;font-size:.8rem;color:var(--muted)}.btn{font:inherit;font-weight:600;border-radius:999px;padding:.75rem 1.25rem;border:1px solid transparent;cursor:pointer;width:100%;transition:background .15s,border-color .15s}.btn--primary{background:var(--btn-bg);color:var(--btn-fg)}.btn--primary:hover:not(:disabled){background:var(--btn-bg-hover)}.btn--ghost{background:transparent;color:var(--strong);border-color:var(--control-border)}.btn--ghost:hover:not(:disabled){border-color:var(--ghost-hover-border)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--sm{width:auto;padding:.45rem .9rem;font-size:.875rem}.link{background:none;border:0;padding:0;font:inherit;font-size:.875rem;color:var(--accent-text);text-decoration:underline;cursor:pointer}.alert{border-radius:10px;padding:.75rem .9rem;font-size:.9rem}.alert--error{background:var(--error-bg);color:var(--error)}.alert--warn{background:var(--warn-bg);color:var(--warn);font-weight:600;margin-bottom:1rem}.alert--info{background:var(--info-bg);color:var(--info);margin-bottom:1rem}.alert--success{background:var(--success-bg);color:var(--success);margin-bottom:1rem}a.link{display:inline-block;margin-top:1rem}.qr{display:flex;justify-content:center;margin:.5rem 0 1rem}.qr img{border:1px solid var(--border);border-radius:12px;padding:8px;background:var(--qr-bg)}.manual{margin-bottom:1rem;font-size:.9rem}.manual summary{cursor:pointer;color:var(--accent-text)}.secret{display:block;padding:.6rem .75rem;background:var(--accent-soft);color:var(--text);border-radius:8px;font-size:1rem;letter-spacing:.08em;word-break:break-all}.codes{list-style:none;padding:0;margin:0 0 1rem;display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.codes code{display:block;white-space:nowrap;text-align:center;padding:.45rem .25rem;background:var(--code-bg);color:var(--text);border:1px solid var(--border);border-radius:8px;font-size:.85rem;letter-spacing:.03em}.row{margin-bottom:1rem}.check{display:flex;gap:.5rem;align-items:flex-start;font-size:.9rem;margin-bottom:1rem}.check input{margin-top:.2rem;accent-color:var(--focus)}.loading{min-height:100vh;display:grid;place-items:center}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.25rem;background:var(--surface);border-bottom:1px solid var(--border)}.topbar__brand,.topbar__user{display:flex;align-items:center;gap:.75rem;min-width:0}.avatar{width:38px;height:38px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);color:var(--strong);font-weight:700;font-size:.875rem}.user-meta{display:flex;flex-direction:column;min-width:0;line-height:1.25}.user-name{font-weight:600;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-plan{font-size:.78rem;color:var(--accent-text)}.user-strip{display:none;align-items:baseline;gap:.5rem;padding:.5rem 1rem;background:var(--surface);border-bottom:1px solid var(--border)}.user-strip .user-meta{flex-direction:row;align-items:baseline;gap:.5rem}.menu-btn{display:none;flex-direction:column;justify-content:center;gap:4px;width:36px;height:36px;padding:8px;border:1px solid var(--control-border);border-radius:8px;background:var(--control-bg);cursor:pointer}.menu-btn span{display:block;height:2px;background:var(--strong);border-radius:2px}.layout{display:grid;grid-template-columns:240px 1fr;min-height:calc(100vh - 63px)}.sidenav{border-right:1px solid var(--border);background:var(--surface);padding:1rem .75rem}.sidenav ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.sidenav a{display:block;padding:.6rem .8rem;border-radius:10px;color:var(--text);text-decoration:none;font-size:.925rem}.sidenav a:hover{background:var(--hover-bg)}.sidenav a[aria-current=page]{background:var(--accent-soft);color:var(--strong);font-weight:600}.content{padding:2rem;max-width:1080px;width:100%}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.75rem;box-shadow:var(--shadow);margin-bottom:1.5rem}.page-title{margin:0 0 .5rem;font-size:1.6rem;font-weight:600;line-height:1.2}.plan-pill{display:inline-block;margin:.25rem 0 .75rem;padding:.25rem .75rem;border-radius:999px;background:var(--pill-bg);color:var(--pill-fg);font-size:.8rem;font-weight:600}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem 1.25rem}.tile h2{margin:0 0 .35rem;font-size:1rem;font-weight:600}.tile p{margin:0}@media (max-width: 760px){.menu-btn{display:inline-flex}.layout{grid-template-columns:1fr}.sidenav{display:none;border-right:0;border-bottom:1px solid var(--border)}.sidenav--open{display:block}.content{padding:1rem}.topbar .user-meta{display:none}.user-strip{display:flex}.codes code{font-size:.74rem;letter-spacing:0;padding:.45rem .1rem}.topbar{padding:.6rem .9rem}.auth__card{padding:1.5rem 1.25rem}}