@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Bungee&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Shafarik&display=swap";@import"https://fonts.googleapis.com/css2?family=Bungee&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Poller+One&family=Shafarik&display=swap";body{font-family:bungee;letter-spacing:.2px}:root{--bg: #f4f6fb;--card: #ffffff;--muted: #6b7280;--accent: #2563eb;--accent-700: #1d4ed8;--accent-500: #3b82f6;--success: #10b981;--danger: #ef4444;--border: #e6e9ef;--shadow-lg: 0 20px 40px rgba(13, 26, 52, .08);--radius-lg: 14px;--radius-md: 10px;--radius-sm: 8px;--glass: rgba(255,255,255,.6);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}.auth-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(180deg,#f6f8ff 0%,var(--bg) 100%);padding:36px;box-sizing:border-box}.auth-wrapper{width:100%;max-width:1100px;display:grid;grid-template-columns:1fr 420px;gap:28px;align-items:stretch}.auth-hero{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:linear-gradient(135deg,#2563eb1f,#3b82f60f 40%,#6366f10a);padding:48px;display:flex;flex-direction:column;justify-content:center;box-shadow:var(--shadow-lg);min-height:420px}.auth-brand{display:flex;align-items:center;gap:12px}.auth-brand .logo{background:linear-gradient(135deg,var(--accent-500),var(--accent-700));color:#fff;width:48px;height:48px;border-radius:10px;display:grid;place-items:center;font-weight:700;font-size:18px;box-shadow:0 6px 18px #2563eb1f}.auth-brand .title{font-size:22px;font-weight:700;color:#0f172a}.auth-hero .subtitle{margin-top:18px;font-size:15px;color:var(--muted);max-width:540px;line-height:1.45}.auth-hero .hero-ornaments{position:absolute;right:-40px;bottom:-40px;width:320px;height:320px;background:radial-gradient(circle at 30% 30%,rgba(99,102,241,.12),rgba(59,130,246,.06) 30%,transparent 60%);transform:rotate(12deg);filter:blur(22px);opacity:.9;pointer-events:none}#login-heading{font-size:2rem}.auth-card{background:var(--card);border-radius:var(--radius-md);padding:28px;box-shadow:0 8px 30px #0f172a0f;border:1px solid var(--border);display:flex;flex-direction:column;gap:14px;justify-content:center;min-height:420px}.auth-card h2{margin:0;font-size:20px;color:#0b1220;font-weight:700}.auth-card p.lead{margin:4px 0 12px;color:var(--muted);font-size:13px}.form-row{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.form-row label{font-size:13px;color:#111827;font-weight:600}.input,.input[type=email],.input[type=password],.input[type=text]{width:92%;padding:12px 14px;border-radius:10px;border:1px solid var(--border);background:linear-gradient(180deg,#fff,#fff);box-shadow:inset 0 1px #ffffff80;font-size:14px;color:#0b1220;outline:none;transition:box-shadow .12s ease,border-color .12s ease,transform .06s ease}.input::placeholder{color:#9ca3af}.input:focus{border-color:var(--accent);box-shadow:0 6px 18px #2563eb14;transform:translateY(-1px)}.form-help{font-size:12px;color:var(--muted);margin-top:4px}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 14px;border-radius:10px;background:linear-gradient(180deg,var(--accent),var(--accent-700));color:#fff;border:none;font-weight:700;cursor:pointer;box-shadow:0 10px 30px #2563eb1f;transition:transform .08s ease,box-shadow .12s ease,opacity .08s;font-size:15px}.btn-primary:hover{transform:translateY(-2px)}.btn-primary:active{transform:translateY(0);opacity:.98}.link-row{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:14px}.link-row a{color:var(--accent);text-decoration:none;font-weight:600}.alt-actions{display:flex;gap:8px;margin-top:6px}.auth-footer{margin-top:8px;font-size:13px;color:var(--muted);text-align:center}.input:focus-visible{outline:3px solid rgba(59,130,246,.14);outline-offset:2px}.center{display:flex;align-items:center;justify-content:center}.mt-sm{margin-top:8px}.mb-sm{margin-bottom:8px}@media (max-width: 900px){.auth-wrapper{grid-template-columns:1fr;gap:16px;max-width:520px}.auth-hero{padding:28px;min-height:200px;border-radius:12px}.auth-card{padding:18px;min-height:300px;border-radius:12px}.auth-hero .subtitle{max-width:100%}}@media (max-width: 480px){:root{--radius-md: 10px;--radius-lg: 12px}.auth-page{padding:18px}.auth-wrapper{max-width:420px;gap:12px}.auth-hero{margin-top:-12rem;padding:18px;min-height:160px;border-radius:12px}.auth-card{padding:16px;min-height:auto;border-radius:12px}.auth-brand .title{font-size:18px}.auth-brand .logo{width:42px;height:42px;font-size:16px;border-radius:10px}.auth-card h2{font-size:1.4rem}.input{padding:10px 12px;font-size:14px;border-radius:9px}.btn-primary{padding:10px 12px;font-size:15px;border-radius:9px}.auth-footer{font-size:12px}.auth-hero .subtitle{font-size:13px;max-width:100%}}@media (max-width: 320px){.auth-page{padding:10px}.auth-wrapper{max-width:320px;gap:10px}.auth-hero{padding:14px;min-height:140px}.auth-card{padding:12px}.auth-brand .title{font-size:16px}.auth-brand .logo{width:38px;height:38px;font-size:14px}.auth-card h2{font-size:1.2rem}.input{padding:9px 10px;font-size:13px;border-radius:8px}.btn-primary{padding:10px;font-size:14px;border-radius:8px}.auth-footer{font-size:11px}.auth-hero .subtitle{font-size:12px}.auth-brand{gap:8px}}body{font-family:bungee}.chat-input-dark-wrap{display:flex;align-items:center;gap:12px;padding:10px;background:linear-gradient(180deg,#0f1114,#0b0d10);border-radius:12px;box-shadow:0 6px 18px #0009;border:1px solid rgba(255,255,255,.03);width:100%;box-sizing:border-box;margin-top:2rem}.dark-icon-group{display:flex;gap:8px;align-items:center;margin-left:6px}.dark-icon-btn{display:grid;place-items:center;min-width:36px;min-height:36px;background:transparent;border-radius:10px;border:none;cursor:pointer;color:#e6eef8;font-size:18px}.dark-icon-btn:hover{background:#ffffff05;transform:translateY(-1px)}.chat-input-dark-field{display:flex;align-items:center;gap:10px;flex:1;min-height:44px;padding:8px 12px;border-radius:12px;background:#ffffff05;border:1px solid rgba(255,255,255,.02);box-sizing:border-box;position:relative}.chat-input-dark-textarea{width:100%;min-height:26px;max-height:80px;resize:none;border:none;outline:none;background:transparent;color:#e6eef8;font-size:15px;line-height:1.2;padding:6px 0;caret-color:#06b6d4}.chat-input-dark-textarea::placeholder{color:#e6eef873}.dark-right-group{display:flex;gap:8px;align-items:center;margin-right:6px}.dark-mic-btn{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;border:none;background:linear-gradient(180deg,#1e262b,#14171a);color:#fff;cursor:pointer}.dark-send-btn{display:grid;place-items:center;min-width:44px;height:44px;border-radius:10px;background:linear-gradient(180deg,#06b6d4,#0891b2);border:none;color:#fff;cursor:pointer;box-shadow:0 8px 20px #0891b229}.emoji-picker-dark{position:absolute;bottom:72px;left:14px;background:#0c0f14;border:1px solid rgba(255,255,255,.04);color:#f8fafc;padding:10px;border-radius:10px;box-shadow:0 12px 36px #0009;z-index:3000;width:320px;max-height:260px;overflow:auto}.emoji-picker-dark button{border:none;background:transparent;padding:6px;font-size:20px;cursor:pointer;border-radius:6px}.emoji-picker-dark button:hover{background:#ffffff05}.dark-file-preview{margin-top:8px;display:flex;gap:8px;flex-wrap:wrap}.dark-file-card{background:#0c1116;border:1px solid rgba(255,255,255,.03);padding:8px;border-radius:8px;color:#e6eef8;min-width:120px;display:flex;flex-direction:column;gap:6px}.chat-page{display:flex;height:100vh;gap:0}.chat-sidebar{width:320px;min-width:240px;border-right:1px solid #e6e6e6;background:#f8f9fa;overflow-y:auto;padding:12px;box-sizing:border-box}.chat-main{flex:1;padding:12px;box-sizing:border-box;overflow:hidden}.conversation-item{padding:10px;cursor:pointer;border-radius:6px;margin-bottom:8px;display:flex;flex-direction:column}.conversation-item .title-row{display:flex;align-items:center;gap:8px;justify-content:space-between}@media (max-width: 640px){.chat-input-dark-wrap{gap:8px;padding:8px;border-radius:10px}.chat-input-dark-field{padding:6px 10px;min-height:40px;border-radius:10px}.dark-icon-btn,.dark-mic-btn{min-width:34px;min-height:34px;font-size:16px}.dark-send-btn{min-width:40px;height:40px}.emoji-picker-dark{left:8px;bottom:64px;width:280px}.chat-sidebar{width:280px;min-width:200px}}@media (max-width: 480px){.chat-input-dark-wrap{margin-top:0;padding:8px;gap:8px}.chat-input-dark-field{min-height:38px;padding:6px 8px;border-radius:10px}.chat-input-dark-textarea{font-size:14px;padding:4px 0}.dark-icon-btn{min-width:32px;min-height:32px;font-size:16px}.dark-mic-btn{width:36px;height:36px}.dark-send-btn{min-width:40px;height:40px;font-size:13px;padding:6px}.emoji-picker-dark{left:6px;bottom:64px;width:260px}.chat-sidebar{width:260px;min-width:160px;padding:10px}.conversation-item{padding:8px}.conversation-item .title-row .conv-title{font-size:14px}}@media (max-width: 320px){.chat-input-dark-wrap{padding:6px;gap:6px;border-radius:8px}.chat-input-dark-field{min-height:36px;padding:6px}.chat-input-dark-textarea{font-size:13px}.dark-icon-btn{min-width:30px;min-height:30px;font-size:15px}.dark-mic-btn{width:32px;height:32px}.dark-send-btn{min-width:36px;height:36px;font-size:12px;padding:6px}.emoji-picker-dark{left:6px;bottom:64px;width:240px;font-size:14px}.chat-sidebar{width:220px;min-width:140px;padding:8px}.conversation-item .title-row .conv-title{font-size:13px}.conversation-item .preview{display:none}}.dark-icon-btn:focus,.dark-send-btn:focus,.dark-mic-btn:focus{outline:3px solid rgba(6,182,212,.12);outline-offset:2px}