:root{color-scheme:dark;font-family:Inter,Avenir Next,Segoe UI,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #070b14;--bg-soft: #0a1120;--surface: #0f1728;--surface-raised: #141f33;--surface-glass: rgba(15, 23, 40, .88);--line: #233149;--line-strong: #31435f;--ink: #f4f7fc;--ink-soft: #cbd5e4;--muted: #8795ac;--subtle: #63738d;--accent: #55e2d0;--accent-strong: #24c7c4;--blue: #84a8ff;--violet: #b59aff;--success: #6de0b3;--danger: #f38b9a;--warning-bg: rgba(245, 187, 78, .09);--warning-line: rgba(245, 187, 78, .24);--shadow: 0 28px 80px rgba(0, 0, 0, .32);--page-grid: rgba(144, 171, 210, .035)}:root[data-theme=light]{color-scheme:light;--bg: #f2f5fa;--bg-soft: #f8faff;--surface: #ffffff;--surface-raised: #f6f9fd;--surface-glass: rgba(255, 255, 255, .9);--line: #dce4ef;--line-strong: #c4d1e2;--ink: #142033;--ink-soft: #43536b;--muted: #687a93;--subtle: #8b9bb0;--accent: #087f8c;--accent-strong: #086f83;--blue: #376ed4;--violet: #7454bb;--success: #177f62;--danger: #b4233d;--warning-bg: #fff8e9;--warning-line: #f0d9a5;--shadow: 0 24px 64px rgba(34, 52, 79, .12);--page-grid: rgba(38, 68, 106, .045)}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--bg)}body{position:relative;isolation:isolate;min-width:320px;min-height:100vh;margin:0;color:var(--ink);background:radial-gradient(ellipse at 82% -8%,color-mix(in srgb,var(--blue) 14%,transparent),transparent 38%),radial-gradient(ellipse at 8% 42%,color-mix(in srgb,var(--accent) 7%,transparent),transparent 34%),var(--bg);transition:background-color .22s ease,color .22s ease}body:before{position:fixed;z-index:-1;inset:0;pointer-events:none;content:"";opacity:.62;background-image:linear-gradient(var(--page-grid) 1px,transparent 1px),linear-gradient(90deg,var(--page-grid) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 78%);mask-image:linear-gradient(to bottom,black,transparent 78%)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65;transform:none!important}a{color:inherit}:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 62%,white);outline-offset:3px}.shell{width:min(100%,1480px);margin:0 auto;padding:26px clamp(18px,4.3vw,64px) 44px}.brand{display:inline-flex;align-items:center;gap:12px;color:var(--ink);font-size:14px;font-weight:800;letter-spacing:.11em;text-decoration:none}.brand small{display:block;margin-top:4px;color:var(--muted);font:9px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em}.brand-mark{display:inline-grid;width:42px;height:42px;flex:0 0 42px;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);border-radius:13px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 20%,var(--surface)),color-mix(in srgb,var(--blue) 12%,var(--surface)));color:var(--accent);box-shadow:inset 0 1px #ffffff12,0 7px 24px color-mix(in srgb,var(--accent) 9%,transparent)}.brand-mark svg{display:block;width:25px;height:25px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.eyebrow{color:var(--muted);font:700 10px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em}.live-dot{display:inline-block;width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px color-mix(in srgb,var(--accent) 70%,transparent);vertical-align:1px}.btn{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:9px;padding:10px 15px;border:1px solid var(--line-strong);border-radius:10px;background:var(--surface-raised);color:var(--ink-soft);font-size:12px;font-weight:700;line-height:1.2;text-decoration:none;transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}.btn:hover{transform:translateY(-1px);border-color:var(--accent);color:var(--ink)}.btn.primary{border-color:var(--accent-strong);background:linear-gradient(120deg,var(--accent-strong),color-mix(in srgb,var(--blue) 42%,var(--accent-strong)));color:#041419;box-shadow:0 9px 28px color-mix(in srgb,var(--accent) 18%,transparent)}:root[data-theme=light] .btn.primary{color:#fff}.btn.primary:hover{border-color:var(--accent);box-shadow:0 12px 32px color-mix(in srgb,var(--accent) 25%,transparent)}.btn.ghost{border-color:transparent;background:transparent;color:var(--muted)}.btn.ghost:hover{border-color:var(--line);background:var(--surface-raised);color:var(--ink)}.btn.secondary{border-color:color-mix(in srgb,var(--accent) 34%,var(--line));background:color-mix(in srgb,var(--accent) 8%,var(--surface));color:var(--accent)}.theme-toggle{display:inline-flex;min-height:38px;align-items:center;justify-content:center;gap:8px;padding:8px 11px;border:1px solid var(--line);border-radius:10px;background:var(--surface-glass);color:var(--ink-soft);font-size:11px;font-weight:650;transition:border-color .16s ease,background .16s ease,transform .16s ease}.theme-toggle:hover{transform:translateY(-1px);border-color:var(--accent);background:var(--surface-raised)}.theme-toggle svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.panel{border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,var(--surface-glass),color-mix(in srgb,var(--surface) 78%,transparent));box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.control{margin:15px 0}.control label{display:block;margin:0 0 8px;color:var(--ink-soft);font-size:11px;font-weight:700;letter-spacing:.025em}input,select,textarea{width:100%;min-height:44px;padding:11px 13px;border:1px solid var(--line-strong);border-radius:10px;outline:none;background:color-mix(in srgb,var(--bg-soft) 82%,var(--surface));color:var(--ink);font-size:13px;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}input::placeholder,textarea::placeholder{color:var(--subtle)}input:hover,select:hover,textarea:hover{border-color:color-mix(in srgb,var(--line-strong) 65%,var(--accent))}input:focus,select:focus,textarea:focus{border-color:var(--accent-strong);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 17%,transparent)}select{cursor:pointer}textarea{min-height:100px;resize:vertical}.hidden{display:none!important}.hint{margin:10px 0;color:var(--muted);font-size:10px;line-height:1.6}.message{min-height:18px;margin:5px 0;color:var(--danger);font-size:12px;line-height:1.5}.notice{display:flex;align-items:flex-start;gap:10px;margin:17px 0;padding:13px 14px;border:1px solid var(--warning-line);border-radius:11px;background:var(--warning-bg);color:var(--ink-soft);font-size:11px;line-height:1.6}.notice-info{border-color:color-mix(in srgb,var(--blue) 25%,var(--line));background:color-mix(in srgb,var(--blue) 7%,var(--surface))}.notice-icon{display:inline-grid;width:17px;height:17px;flex:0 0 17px;place-items:center;border:1px solid color-mix(in srgb,var(--blue) 42%,transparent);border-radius:50%;color:var(--blue);font:700 10px/1 ui-monospace,monospace}.auth-layout{display:flex;width:min(100%,1250px);min-height:calc(100vh - 70px);flex-direction:column;margin:0 auto}.auth-topbar{display:flex;align-items:center;justify-content:space-between;padding:8px 0 24px;border-bottom:1px solid var(--line)}.auth-content{display:grid;flex:1;grid-template-columns:minmax(0,1.05fr) minmax(370px,.8fr);align-items:center;gap:clamp(38px,8vw,112px);padding:clamp(38px,7vw,92px) clamp(8px,5vw,58px)}.auth-copy{max-width:590px}.auth-copy>.eyebrow{display:flex;align-items:center;gap:10px}.auth-copy h2{margin:22px 0 18px;font-size:clamp(42px,5vw,64px);line-height:1.02;letter-spacing:-.065em}.auth-copy h2 span,.hero h1 span{color:var(--accent)}.auth-copy>p{max-width:510px;color:var(--muted);font-size:15px;line-height:1.75}.auth-points{display:grid;gap:17px;margin-top:34px}.auth-points>div{display:flex;align-items:center;gap:13px}.point-icon{display:grid;width:36px;height:36px;flex:0 0 36px;place-items:center;border:1px solid var(--line-strong);border-radius:11px;color:var(--accent);background:var(--surface-glass);font:10px ui-monospace,monospace}.auth-points b,.auth-points small{display:block}.auth-points b{color:var(--ink-soft);font-size:12px}.auth-points small{margin-top:4px;color:var(--muted);font-size:11px}.auth-card-wrap{width:100%;max-width:470px;justify-self:end}.login,.lock{width:100%;padding:clamp(24px,4vw,34px)}.card-kicker{display:flex;align-items:center;gap:12px;margin-bottom:24px}.card-kicker .brand-mark{width:36px;height:36px;flex-basis:36px;border-radius:11px}.card-kicker .brand-mark svg{width:21px;height:21px}.login h1,.lock h1{margin:0 0 12px;font-size:clamp(28px,3vw,36px);line-height:1.1;letter-spacing:-.055em}.auth-intro{margin:0 0 25px;color:var(--muted);font-size:13px;line-height:1.65}.auth-submit{width:100%;min-height:48px;margin-top:5px}.auth-submit span{margin-left:auto;font-size:16px}.auth-separator{height:1px;margin:19px 0 12px;background:var(--line)}.auth-exit{width:100%}.profile-open{display:inline-flex;align-items:center;gap:8px}.profile-avatar-image,.profile-avatar-initials{display:inline-grid;width:25px;height:25px;flex:0 0 25px;place-items:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 42%,var(--line));border-radius:8px;background:color-mix(in srgb,var(--accent) 12%,var(--surface));color:var(--accent);font-size:10px;font-weight:800;object-fit:cover}.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;margin:24px 0}.profile-card{min-width:0;padding:clamp(20px,3vw,30px)}.profile-card h2{margin:9px 0 12px;color:var(--ink);font-size:21px;letter-spacing:-.035em}.profile-card-heading{display:flex;align-items:center;gap:14px;margin-bottom:19px}.profile-card-heading h2{margin-bottom:0}.profile-avatar{display:grid;width:58px;height:58px;flex:0 0 58px;place-items:center;overflow:hidden;border:1px solid var(--line-strong);border-radius:17px;background:var(--surface-raised)}.profile-avatar .profile-avatar-image,.profile-avatar .profile-avatar-initials{width:100%;height:100%;border:0;border-radius:0;font-size:19px}.profile-description{margin:0 0 17px;color:var(--muted);font-size:12px;line-height:1.65}.field-help{display:block;margin-top:7px;color:var(--muted);font-size:10px;line-height:1.6}.profile-logo-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:20px}.profile-security-state{display:flex;align-items:center;gap:9px;margin-top:23px;padding-top:16px;border-top:1px solid var(--line);color:var(--success);font-size:11px}.profile-key-card{grid-column:1 / -1}.profile-key-card form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 13px}.profile-key-card .field-help,.profile-key-card .message,.profile-key-card form>button{grid-column:1 / -1}.profile-key-card .profile-description{max-width:760px}.input-with-action{position:relative}.input-with-action input{padding-right:78px}.input-action{position:absolute;top:50%;right:8px;transform:translateY(-50%);padding:6px 8px;border:0;border-radius:7px;background:transparent;color:var(--accent);font-size:10px;font-weight:750}.input-action:hover{background:color-mix(in srgb,var(--accent) 10%,transparent)}.generator-btn{width:100%}.generator-hint{margin:-6px 0 17px}.lock .notice{margin-top:19px}.auth-footer{display:flex;justify-content:center;gap:12px;padding:18px 0 0;border-top:1px solid var(--line);color:var(--subtle);font:9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:4px 0 20px;border-bottom:1px solid var(--line)}.right{display:flex;align-items:center;gap:9px}.status{display:inline-flex;align-items:center;gap:9px;margin-right:8px;color:var(--accent);font:700 10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em}.hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:clamp(30px,5vw,58px) 0 27px}.hero h1{margin:11px 0 8px;font-size:clamp(34px,4.5vw,54px);line-height:1.02;letter-spacing:-.065em}.hero p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}.hero-divider{margin:0 7px;color:var(--subtle)}.new-access{min-height:46px;white-space:nowrap}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:27px 0 23px}.stat{position:relative;min-height:116px;overflow:hidden;padding:19px 20px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,var(--surface-raised),var(--surface))}.stat:after{position:absolute;top:-46px;right:-30px;width:110px;height:110px;border-radius:50%;background:color-mix(in srgb,var(--accent) 7%,transparent);content:"";filter:blur(8px)}.stat span{display:block;color:var(--muted);font-size:11px}.stat strong{display:block;margin-top:11px;color:var(--ink);font:700 26px ui-monospace,SFMono-Regular,Menlo,monospace}.stat-secure{color:var(--accent)!important;font-size:17px!important;letter-spacing:.01em}.stat-secure small{margin-left:5px;color:var(--muted);font:700 9px ui-monospace,monospace;letter-spacing:.12em}.toolbar{display:flex;min-width:0;align-items:center;gap:9px;margin:17px 0 15px}.toolbar-hint{width:100%;margin:0;color:var(--muted);font-size:10px}.search{flex:1 1 300px;min-width:150px}.toolbar select{max-width:220px}.toolbar .btn{min-height:42px}.file-button{cursor:pointer}.grid-wrap{overflow:auto}.table{width:100%;min-width:760px;border-collapse:collapse}.table th{padding:14px;border-bottom:1px solid var(--line);color:var(--muted);font:700 10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;text-align:left;text-transform:uppercase}.table th:last-child{text-align:right}.table td{padding:15px 14px;border-bottom:1px solid color-mix(in srgb,var(--line) 74%,transparent);color:var(--ink-soft);font-size:12px;vertical-align:middle}.table tr:last-child td{border-bottom:0}.table tbody tr{transition:background .14s ease}.table tbody tr:hover{background:color-mix(in srgb,var(--accent) 4%,transparent)}.title-cell{color:var(--ink);font-weight:720}.sub{display:block;max-width:260px;overflow:hidden;margin-top:5px;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.table-link{margin:0;color:var(--blue);text-decoration:none}.table-link:hover{text-decoration:underline}.tag{display:inline-flex;align-items:center;padding:5px 9px;border:1px solid var(--line-strong);border-radius:999px;background:color-mix(in srgb,var(--blue) 6%,var(--surface));color:var(--ink-soft);font:10px ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap}.row-actions{display:flex;justify-content:flex-end;gap:6px}.icon-btn{display:inline-grid;width:34px;height:34px;place-items:center;border:1px solid var(--line);border-radius:9px;background:var(--surface-raised);color:var(--ink-soft);font-size:14px;transition:border-color .14s ease,color .14s ease,background .14s ease}.icon-btn:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface));color:var(--accent)}.icon-danger:hover{border-color:var(--danger);background:color-mix(in srgb,var(--danger) 8%,var(--surface));color:var(--danger)}.panel.grid-wrap{border-radius:16px}.empty{display:grid;min-height:250px;justify-items:center;align-content:center;gap:9px;padding:38px 20px;color:var(--muted);font-size:12px;text-align:center}.empty b{color:var(--ink);font-size:18px}.empty-icon{display:grid;width:48px;height:48px;place-items:center;margin-bottom:6px;border:1px solid var(--line-strong);border-radius:15px;color:var(--accent);background:var(--surface-raised);font-size:23px}.dashboard-footer{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:18px 0 0;color:var(--subtle);font:9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.085em;text-align:center}.modal-backdrop{position:fixed;z-index:5;inset:0;display:grid;place-items:center;padding:18px;background:#040810b8;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.modal{width:min(560px,100%);max-height:92vh;overflow:auto;padding:25px;border:1px solid var(--line-strong);border-radius:18px;background:var(--surface);box-shadow:var(--shadow)}.modal h2{margin:7px 0;color:var(--ink);font-size:23px;letter-spacing:-.035em}.modal p{color:var(--muted);font-size:12px;line-height:1.6}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 13px}.control.full{grid-column:1 / -1}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.toast{position:fixed;z-index:10;bottom:22px;left:50%;max-width:calc(100vw - 32px);transform:translate(-50%);padding:12px 17px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));border-radius:12px;background:var(--surface-raised);box-shadow:var(--shadow);color:var(--ink);font-size:12px;text-align:center}@media(max-width:860px){.auth-content{grid-template-columns:minmax(0,.9fr) minmax(340px,.95fr);gap:30px;padding-inline:0}.auth-copy h2{font-size:clamp(38px,5vw,52px)}.shell{padding-inline:24px}.toolbar{flex-wrap:wrap}.toolbar .search{flex-basis:100%}.profile-grid{grid-template-columns:1fr}.profile-key-card{grid-column:auto}}@media(max-width:680px){.shell{padding:17px 16px 32px}.auth-layout{min-height:calc(100vh - 34px)}.auth-content{grid-template-columns:1fr;justify-items:center;gap:25px;padding:32px 0}.auth-copy{width:100%}.auth-copy h2{margin:14px 0 9px;font-size:36px}.auth-copy>p{margin-top:0;font-size:12px}.auth-points{display:none}.auth-card-wrap{max-width:520px;justify-self:center}.auth-footer{gap:6px;font-size:8px;letter-spacing:.04em}.topbar{align-items:flex-start}.right{flex-wrap:wrap;justify-content:flex-end;gap:6px}.status{display:none}.profile-key-card form{grid-template-columns:1fr}.profile-key-card .control,.profile-key-card .field-help,.profile-key-card .message,.profile-key-card form>button{grid-column:auto}.hero{align-items:flex-start;flex-direction:column;gap:17px;margin-top:30px}.stats{gap:8px}.stat{min-height:99px;padding:14px}.stat strong{font-size:21px}.toolbar{align-items:stretch}.toolbar select{max-width:none;flex:1 1 100%}.toolbar .btn{flex:1 1 auto}.table{min-width:720px}}@media(max-width:420px){.auth-copy h2{font-size:31px}.auth-footer{flex-direction:column;align-items:center}.auth-footer span:nth-child(2n){display:none}.brand{gap:8px}.brand-mark{width:37px;height:37px;flex-basis:37px;border-radius:11px}.right .btn{min-height:38px;padding:8px 10px}.theme-toggle{min-height:38px;padding:8px 9px}.stats{grid-template-columns:1fr}.stat{display:flex;align-items:center;justify-content:space-between;min-height:66px}.stat strong{margin:0}.stat:after{top:-60px}.form-grid{grid-template-columns:1fr}.control.full{grid-column:auto}.modal-actions{flex-direction:column-reverse}.modal-actions .btn{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
