:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;--bg: #f5f7fb;--surface: #ffffff;--surface-soft: #f8fafc;--surface-hover: #f1f5f9;--text: #172033;--text-muted: #667085;--text-soft: #64748b;--border: #d8deea;--border-soft: #e1e6ef;--sidebar-bg: #111827;--sidebar-text: #cbd5e1;--sidebar-title: #ffffff;--sidebar-muted: #94a3b8;--sidebar-active: #253047;--input-bg: #ffffff;--input-text: #172033;--primary: #172033;--primary-text: #ffffff;--password-bg: #0b1220;--password-text: #d8ffda;--badge-bg: #eef2f7;--code-bg: #f4f6f9;--alert-bg: #fff4ed;--alert-border: #ffd6ae;--alert-text: #9c2a10;--shadow: 0 4px 14px rgba(16, 24, 40, .04);--shadow-hover: 0 8px 20px rgba(16, 24, 40, .08)}:root[data-theme=dark]{--bg: #08111f;--surface: #111827;--surface-soft: #172033;--surface-hover: #1e293b;--text: #f8fafc;--text-muted: #a8b3c5;--text-soft: #94a3b8;--border: #334155;--border-soft: #263449;--sidebar-bg: #050b14;--sidebar-text: #cbd5e1;--sidebar-title: #ffffff;--sidebar-muted: #8190a7;--sidebar-active: #24324a;--input-bg: #182235;--input-text: #f8fafc;--primary: #e5e7eb;--primary-text: #111827;--password-bg: #020617;--password-text: #d8ffda;--badge-bg: #1e293b;--code-bg: #172033;--alert-bg: #401b14;--alert-border: #7c2d12;--alert-text: #fed7aa;--shadow: 0 6px 20px rgba(0, 0, 0, .22);--shadow-hover: 0 10px 28px rgba(0, 0, 0, .32)}*{box-sizing:border-box}html,body,#root{margin:0;min-width:320px;min-height:100%}body{min-height:100vh;background:var(--bg);color:var(--text);transition:background-color .2s ease,color .2s ease}button,input,select{font:inherit}button{cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;padding:10px 14px;transition:background-color .15s ease,color .15s ease,border-color .15s ease,transform .15s ease}button:hover:not(:disabled){background:var(--surface-hover)}button:disabled{cursor:default;opacity:.72}button.primary{background:var(--primary);color:var(--primary-text);border-color:var(--primary)}.app-shell{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100vh;background:var(--bg)}.sidebar{background:var(--sidebar-bg);color:var(--sidebar-text);padding:24px 16px}.brand{display:flex;align-items:baseline;gap:8px;font-weight:800;font-size:22px;padding:0 10px 26px;color:var(--sidebar-title)}.brand span{color:var(--sidebar-title);opacity:1}.brand small{color:var(--sidebar-muted);font-weight:500}.sidebar nav{display:grid;gap:8px}.sidebar nav button{width:100%;text-align:left;border:0;background:transparent;color:var(--sidebar-text);display:block}.sidebar nav button:hover:not(:disabled){background:var(--sidebar-active)}.sidebar nav button.selected{background:var(--sidebar-active);color:#fff}.sidebar nav button:disabled{color:var(--sidebar-muted);opacity:.72}.sidebar nav small{float:right;color:var(--sidebar-muted)}.content{min-width:0;background:var(--bg);color:var(--text)}.topbar{width:100%;min-height:70px;display:flex;align-items:center;justify-content:flex-end;padding:0 28px;background:var(--surface);border-bottom:1px solid var(--border-soft)}.user{width:100%;display:flex;align-items:center;justify-content:flex-end;gap:10px;font-size:14px}.user-email{color:var(--text)}.theme-toggle{width:42px;height:42px;flex:0 0 42px;display:inline-flex;align-items:center;justify-content:center;padding:0;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:10px;font-size:18px;line-height:1}.theme-toggle:hover{background:var(--surface-hover);transform:translateY(-1px)}.topbar-button{background:var(--surface);color:var(--text);border:1px solid var(--border)}.content>section,.alert{margin:30px}.page-head h1{margin-top:0;margin-bottom:6px;color:var(--text)}.page-head p{margin-top:0;color:var(--text-muted)}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}.tool-card{min-height:175px;border:1px solid var(--border-soft);border-radius:16px;background:var(--surface);color:var(--text);padding:22px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;text-align:left;box-shadow:var(--shadow)}.tool-card.active:hover{transform:translateY(-1px);box-shadow:var(--shadow-hover)}.tool-card strong{font-size:17px;color:var(--text);opacity:1}.tool-card span:last-child{color:var(--text-muted);line-height:1.5}.tool-card:disabled{opacity:1;cursor:default}.tool-card:disabled strong{color:var(--text);opacity:.72}.tool-card:disabled span{color:var(--text-muted)}.tool-card:disabled .tool-icon{opacity:.55}.tool-icon{font-size:30px}.panel{background:var(--surface);color:var(--text);border:1px solid var(--border-soft);border-radius:16px;padding:22px;margin-top:18px;box-shadow:var(--shadow)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid label{display:grid;gap:8px;font-weight:600;color:var(--text)}.form-grid input,.form-grid select{width:100%;padding:11px 12px;border:1px solid var(--border);border-radius:9px;background:var(--input-bg);color:var(--input-text)}.form-grid input::placeholder{color:var(--text-muted)}.wide{grid-column:1 / -1}.policy-note{display:flex;gap:10px;flex-wrap:wrap;color:var(--text-muted);font-weight:400}.policy-note strong{color:var(--text)}.policy-note code{background:var(--code-bg);color:var(--text);padding:3px 7px;border-radius:6px}.result-top{display:flex;justify-content:space-between;color:var(--text-muted);font-size:14px}.badge{background:var(--badge-bg);color:var(--text-muted);border-radius:999px;padding:4px 9px}.password-output{margin:18px 0;background:var(--password-bg);color:var(--password-text);padding:20px;border-radius:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:clamp(18px,2.3vw,28px);overflow-wrap:anywhere;letter-spacing:.04em}.actions{display:flex;gap:10px;flex-wrap:wrap}.security-note{color:var(--text-muted);font-size:14px}.login-shell{min-height:100vh;display:grid;place-items:center;padding:20px;background:#0f172a}.login-card{width:min(430px,100%);background:#fff;color:#172033;border-radius:20px;padding:34px;text-align:center}.login-card .primary{width:100%;margin-top:10px}.brand-mark{margin:0 auto 12px;display:grid;place-items:center;width:64px;height:64px;background:#172033;color:#fff;border-radius:16px;font-weight:800}.hint{color:#667085;font-size:13px;line-height:1.5}.center{min-height:100vh;display:grid;place-items:center;background:var(--bg);color:var(--text)}.error{color:#ef4444}.alert{background:var(--alert-bg);border:1px solid var(--alert-border);color:var(--alert-text);padding:12px 16px;border-radius:10px}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.tool-grid,.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.topbar{min-height:auto;padding:12px}.user{flex-wrap:wrap;justify-content:flex-end}.user-email{width:100%;text-align:right}.content>section,.alert{margin:18px}}