.layout{min-height:100vh;display:flex;flex-direction:column}.nav-glass{display:flex;align-items:center;gap:24px;padding:12px 24px;background:var(--bg-glass);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));border-bottom:1px solid var(--border-glass)}.nav-brand{font-weight:600;font-size:1.1rem;margin-right:auto}.nav-links{display:flex;gap:8px}.nav-links a{color:var(--text-muted);text-decoration:none;padding:8px 14px;border-radius:10px;transition:color .2s,background .2s}.nav-links a:hover{color:var(--text);background:var(--bg-glass-hover)}.nav-links a.active{color:var(--accent);background:#6366f126}.btn-logout{padding:8px 14px;font-size:.9rem;color:var(--text-muted);background:transparent;border:1px solid var(--border-glass);border-radius:10px;cursor:pointer;transition:color .2s,border-color .2s}.btn-logout:hover{color:var(--text);border-color:var(--text-muted)}.main{flex:1;padding:24px}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg-deep);background-image:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(99,102,241,.15),transparent)}.login-card{max-width:380px}.login-card .title{margin:0 0 8px;font-size:1.75rem;font-weight:600}.login-card .subtitle{margin:0 0 24px;color:var(--text-muted);font-size:.95rem}.login-card form{display:flex;flex-direction:column;gap:0}.login-card .input-glass{width:100%;padding:14px 18px;margin-bottom:14px;font-size:1rem;color:var(--text);background:#ffffff0f;border:1px solid var(--border-glass);border-radius:14px;outline:none;transition:border-color .2s,background .2s}.login-card .input-glass:focus{border-color:var(--accent);background:#ffffff14}.login-card .error{margin:-6px 0 10px;color:#f87171;font-size:.875rem}.login-card .btn-glass{width:100%;padding:14px 24px;font-size:1rem;font-weight:600;color:#fff;background:var(--accent);border:none;border-radius:14px;cursor:pointer;transition:filter .2s}.login-card .btn-glass:hover:not(:disabled){filter:brightness(1.1)}.login-card .btn-glass:disabled{opacity:.7;cursor:not-allowed}.dashboard{max-width:900px}.page-title{margin:0 0 24px;font-size:1.5rem;font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-bottom:32px}.stat-card{padding:24px}.stat-value{display:block;font-size:2rem;font-weight:700;color:var(--text);margin-bottom:6px}.stat-value.stat-free{color:var(--accent-on)}.stat-label{font-size:.9rem;color:var(--text-muted)}.dashboard-loading,.dashboard-error{padding:24px;color:var(--text-muted)}.dashboard-error{color:#f87171}.dashboard-hint{color:var(--text-muted);font-size:.9rem;margin:0}.glass-card{background:var(--bg-glass);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));border:1px solid var(--border-glass);border-radius:20px;box-shadow:0 16px 40px #0000004d}.keys-page{max-width:640px}.keys-page .page-title{margin:0 0 24px;font-size:1.5rem;font-weight:600}.keys-section{padding:24px;margin-bottom:24px}.section-title{margin:0 0 8px;font-size:1.15rem;font-weight:600}.section-desc{margin:0 0 20px;color:var(--text-muted);font-size:.9rem;line-height:1.5}.section-desc code{background:#ffffff14;padding:2px 6px;border-radius:6px;font-size:.85em}.keys-section .input-glass{width:100%;padding:14px 18px;margin-bottom:14px;font-size:1rem;color:var(--text);background:#ffffff0f;border:1px solid var(--border-glass);border-radius:14px;outline:none;font-family:inherit}.keys-section .textarea{resize:vertical;min-height:80px}.keys-section .input-glass:focus{border-color:var(--accent);background:#ffffff14}.keys-section .btn-glass{padding:14px 24px;font-size:1rem;font-weight:600;color:#fff;background:var(--accent);border:none;border-radius:14px;cursor:pointer;transition:filter .2s}.keys-section .btn-glass:hover:not(:disabled){filter:brightness(1.1)}.keys-section .btn-glass:disabled{opacity:.7;cursor:not-allowed}.created-link-box{margin-top:16px;display:flex;gap:12px;align-items:center}.created-link-box .input-glass{flex:1;margin-bottom:0}.btn-copy{flex-shrink:0}.message-ok{color:var(--accent-on);font-size:.95rem;margin:0 0 16px}.message-err{color:#f87171;font-size:.95rem;margin:0 0 16px}*{box-sizing:border-box}:root{--bg-deep: #06060a;--bg-glass: rgba(255, 255, 255, .04);--bg-glass-hover: rgba(255, 255, 255, .07);--border-glass: rgba(255, 255, 255, .08);--text: rgba(255, 255, 255, .92);--text-muted: rgba(255, 255, 255, .55);--accent: #6366f1;--accent-on: #22c55e;--blur: 24px}body{margin:0;min-height:100vh;font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg-deep);color:var(--text);-webkit-font-smoothing:antialiased}#root{min-height:100vh}