:root{--primary-color: #a8a9e9;--primary-hover: #9796ad;--bg-gradient: linear-gradient(135deg, #0f172a 0%, #1e1b4b 50%, #312e81 100%);--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--text-color: #f8fafc;--text-muted: #94a3b8}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{background:var(--bg-gradient);background-attachment:fixed;color:var(--text-color);min-height:100vh;overflow:hidden;position:relative}body:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(99,102,241,.1) 0%,transparent 50%);animation:rotate 20s linear infinite;z-index:-1}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#app{width:100%;height:100vh}.view{width:100%;height:100%;display:flex;justify-content:center;align-items:center;transition:opacity .3s ease}.hidden{display:none!important;opacity:0}.glass{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:4px;box-shadow:0 8px 32px #0000005e}.login-card{width:100%;max-width:400px;padding:40px;text-align:center;animation:fadeIn .6s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-card h1{font-size:2rem;margin-bottom:8px;background:linear-gradient(to right,#818cf8,#c084fc);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.login-card p{color:var(--text-muted);margin-bottom:32px}.input-group{text-align:left;margin-bottom:20px}.input-group label{display:block;font-size:.875rem;margin-bottom:8px;color:var(--text-muted)}.input-group input{width:100%;padding:12px 16px;background:#0003;border:1px solid var(--glass-border);border-radius:12px;color:#fff;font-size:1rem;transition:border-color .2s}.input-group input:focus{outline:none;border-color:var(--primary-color)}.btn-login{width:100%;padding:14px;background:var(--primary-color);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s,transform .1s}.btn-login:hover{background:var(--primary-hover)}.btn-login:active{transform:scale(.98)}.error-msg{color:#ef4444;font-size:.875rem;margin-top:16px;height:20px}.dashboard-container{display:grid;grid-template-columns:40% 60%;gap:20px;width:100%;height:100%;padding:10px}.info-section{display:flex;flex-direction:column;padding:32px}.info-section header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.info-section header h1{font-size:1.5rem;font-weight:700}.btn-logout{padding:8px 16px;background:transparent;border:1px solid var(--glass-border);color:var(--text-muted);border-radius:8px;cursor:pointer;transition:all .2s}.btn-logout:hover{background:#ffffff0d;color:#fff}.info-content h2{font-size:2.5rem;margin-bottom:16px}.info-content p{color:var(--text-muted);line-height:1.6;margin-bottom:32px}.stats-card{padding:24px;margin-top:auto}.chat-section{display:flex;flex-direction:column;overflow:hidden}#chatkit-container{width:100%;height:100%;min-height:100%;display:flex;justify-content:center;align-items:center;position:relative;background:#ffffff05}openai-chatkit{display:block!important;width:100%!important;height:100%!important;min-height:600px;border-radius:4px;overflow:hidden}.chat-placeholder{display:none}@media(max-width:900px){body{overflow-y:auto}#app{min-height:100vh;height:auto}.dashboard-container{grid-template-columns:1fr;grid-template-rows:auto 1fr;overflow-y:auto;padding:10px;gap:10px;min-height:100vh}.info-section{padding:20px;min-height:auto}.info-section header{margin-bottom:20px}.info-section header h1{font-size:1.25rem}.info-content h2{font-size:1.75rem}.info-content p{font-size:.9rem;margin-bottom:16px}.chat-section{min-height:500px;height:70vh}openai-chatkit{min-height:500px}.view{align-items:flex-start;padding:20px 10px}.login-card{max-width:100%;padding:30px 20px;margin:20px}.login-card h1{font-size:1.5rem}}@media(max-width:600px){.dashboard-container{padding:5px;gap:5px}.info-section{padding:15px}.info-section header{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:15px}.info-section header h1{font-size:1.1rem}.info-content h2{font-size:1.5rem}.info-content p{font-size:.85rem}.btn-logout{padding:6px 12px;font-size:.875rem}.login-card{padding:20px 15px;margin:10px}.login-card h1{font-size:1.25rem}.login-card p{font-size:.9rem;margin-bottom:20px}.input-group{margin-bottom:15px}.input-group input{padding:10px 14px;font-size:.9rem}.btn-login{padding:12px;font-size:.9rem}.chat-section{min-height:400px;height:60vh}openai-chatkit{min-height:400px;min-width:auto!important}}