@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";.dashboard-hero[data-v-a794f3d9]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.hero-content h1[data-v-a794f3d9]{font-size:2rem;margin-bottom:.5rem}.detail-sidebar[data-v-95a548a1]{display:flex;flex-direction:column;gap:1rem}.transcription-container[data-v-95a548a1]{line-height:1.6;font-family:var(--font-body)}.btn-delete-notebook[data-v-95a548a1]{display:flex;align-items:center;justify-content:center;gap:.5rem;background:transparent;border:1px solid var(--danger-color);color:var(--danger-color);padding:.8rem;border-radius:12px;cursor:pointer;font-weight:600;transition:all .2s}.btn-delete-notebook[data-v-95a548a1]:hover{background:var(--danger-color);color:#fff}.chat-container[data-v-33c4c2cb]{display:flex;flex-direction:column;height:100%;background:var(--bg-dark);border-radius:16px;border:1px solid var(--border-light);overflow:hidden}.chat-header[data-v-33c4c2cb]{padding:1rem 1.5rem;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center;background:#0003}.chat-title[data-v-33c4c2cb]{display:flex;align-items:center;gap:1rem}.btn-back[data-v-33c4c2cb]{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s}.btn-back[data-v-33c4c2cb]:hover{background:var(--border-light);color:#fff}.chat-title h2[data-v-33c4c2cb]{font-size:1.1rem;margin:0;color:#fff}.chat-title p[data-v-33c4c2cb]{font-size:.8rem;color:var(--text-secondary);margin:0}.btn-clear-chat[data-v-33c4c2cb]{background:transparent;border:1px solid var(--border-light);color:var(--text-secondary);padding:.4rem .8rem;border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .2s}.btn-clear-chat[data-v-33c4c2cb]:hover{border-color:var(--danger-color);color:var(--danger-color)}.chat-messages[data-v-33c4c2cb]{flex-grow:1;padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.message-wrapper[data-v-33c4c2cb]{display:flex;width:100%}.user-msg[data-v-33c4c2cb]{justify-content:flex-end}.ai-msg[data-v-33c4c2cb]{justify-content:flex-start}.message-bubble[data-v-33c4c2cb]{max-width:80%;padding:.8rem 1.2rem;border-radius:16px;font-size:.95rem;line-height:1.5}.user-msg .message-bubble[data-v-33c4c2cb]{background:var(--accent-gradient);color:#fff;border-bottom-right-radius:4px}.ai-msg .message-bubble[data-v-33c4c2cb]{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-light);border-bottom-left-radius:4px}.typing[data-v-33c4c2cb]{display:flex;align-items:center;justify-content:center;min-width:60px;min-height:40px}.typing-dots[data-v-33c4c2cb]{display:flex;gap:4px}.typing-dots span[data-v-33c4c2cb]{width:6px;height:6px;background:var(--text-muted);border-radius:50%;animation:blink-33c4c2cb 1.4s infinite both}.typing-dots span[data-v-33c4c2cb]:nth-child(2){animation-delay:.2s}.typing-dots span[data-v-33c4c2cb]:nth-child(3){animation-delay:.4s}@keyframes blink-33c4c2cb{0%,80%,to{opacity:.2}40%{opacity:1}}.chat-input-area[data-v-33c4c2cb]{padding:1.5rem;border-top:1px solid var(--border-light);background:#0003}.chat-form[data-v-33c4c2cb]{display:flex;gap:.75rem;max-width:800px;margin:0 auto}.chat-form input[data-v-33c4c2cb]{flex-grow:1;padding:.8rem 1.2rem;background:#ffffff0d;border:1px solid var(--border-light);border-radius:12px;color:#fff;font-size:.95rem;transition:all .2s}.chat-form input[data-v-33c4c2cb]:focus{outline:none;border-color:var(--accent-primary);background:#ffffff14}.chat-form button[data-v-33c4c2cb]{background:var(--accent-gradient);border:none;color:#fff;width:45px;height:45px;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.chat-form button[data-v-33c4c2cb]:disabled{opacity:.5;cursor:not-allowed}.chat-form button[data-v-33c4c2cb]:not(:disabled):hover{transform:scale(1.05);box-shadow:0 0 15px #6366f166}.settings-container[data-v-c2231dd6]{max-width:600px;margin:0 auto;padding:2rem}.settings-section[data-v-c2231dd6]{margin-bottom:2rem;padding:1.5rem;background:var(--bg-secondary, #f9f9f9);border-radius:12px;box-shadow:0 2px 4px #0000000d}.settings-section h2[data-v-c2231dd6]{margin-top:0;margin-bottom:1.5rem;font-size:1.25rem;color:var(--text-main, #333)}.settings-field[data-v-c2231dd6]{margin-bottom:1.25rem}.settings-field label[data-v-c2231dd6]{display:block;margin-bottom:.5rem;font-weight:500}.field-input-group[data-v-c2231dd6]{display:flex;gap:.5rem}.field-input-group input[data-v-c2231dd6]{flex:1;padding:.6rem;border:1px solid #ddd;border-radius:6px}.btn-save[data-v-c2231dd6]{padding:.6rem 1.2rem;background:var(--primary-color, #4a90e2);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:opacity .2s}.btn-save[data-v-c2231dd6]:disabled{opacity:.6;cursor:not-allowed}.checkbox-field[data-v-c2231dd6]{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-weight:400!important}.settings-message[data-v-c2231dd6]{text-align:center;padding:1rem;border-radius:6px;margin-top:1rem}.settings-message.success[data-v-c2231dd6]{background:#e6fffa;color:#2c7a7b}.settings-message.error[data-v-c2231dd6]{background:#fff5f5;color:#c53030}.auth-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:url(/assets/background-BtBOIk7N.png) no-repeat center center;background-size:cover;display:flex;align-items:center;z-index:1000;animation:fadeIn .3s ease}:root{--font-heading: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-darker: #09090e;--bg-dark: #0f0f16;--bg-card: rgba(9, 9, 19, .6);--bg-card-hover: rgba(30, 30, 46, .8);--border-light: rgba(255, 255, 255, .06);--border-glow: rgba(99, 102, 241, .2);--accent-primary: #8d1ee3;--accent-secondary: #8d1ee3;--accent-gradient: linear-gradient(135deg, #8d1ee3, #8d1ee3);--teal-gradient: linear-gradient(135deg, #14b8a6, #06b6d4);--danger-color: #ef4444;--success-color: #10b981;--text-title: #ffffff;--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-muted: #64748b;--shadow-sm: 0 2px 8px -1px rgba(0, 0, 0, .3);--shadow-md: 0 10px 25px -5px rgba(0, 0, 0, .5);--shadow-lg: 0 20px 40px -10px rgba(0, 0, 0, .7);--shadow-glow: 0 0 20px rgba(99, 102, 241, .15);--sidebar-width: 280px}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-darker);color:var(--text-primary);font-family:var(--font-body);overflow-x:hidden;height:100vh;display:block}body.auth-hidden .app-container{display:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-darker)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.app-container{display:flex;width:100%;height:100vh;overflow:hidden;position:relative}.sidebar{width:var(--sidebar-width);background-color:var(--bg-dark);border-right:1px solid var(--border-light);display:flex;flex-direction:column;height:100%;padding:1.5rem 1.25rem;z-index:10;flex-shrink:0}.logo-container{display:flex;align-items:center;gap:.75rem;margin-bottom:2rem}.logo-icon{width:38px;height:38px;background:var(--accent-gradient);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:1.25rem;font-family:var(--font-heading);box-shadow:0 0 15px #6366f166}.logo-text{font-family:var(--font-heading);font-weight:800;font-size:1.5rem;background:linear-gradient(to right,#fff,#c7d2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px}.btn-logout-sidebar{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#fca5a5;padding:.6rem .75rem;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease;margin-bottom:1.5rem}.btn-logout-sidebar:hover{background:#ef444433;color:#fff;border-color:var(--danger-color)}.btn-new-notebook,.btn-global-chat{background:none;border:3px solid var(--accent-primary);border-radius:2px;padding:.85rem 1rem;color:#fff;font-weight:600;font-size:.95rem;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);margin-bottom:1.5rem}.btn-new-notebook:hover,.btn-global-chat{background:var(--accent-primary)}.nav-section{margin-bottom:1.5rem}.nav-section-title{font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--text-muted);letter-spacing:1px;margin-bottom:.75rem;padding-left:.5rem}.nav-list{list-style:none;display:flex;flex-direction:column;gap:.25rem}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.7rem .75rem;border-radius:8px;color:var(--text-secondary);text-decoration:none;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.nav-item:hover,.nav-item.active{background-color:var(--border-light);color:var(--text-title)}.nav-item.active{background-color:#6366f11a;color:#a5b4fc;border-left:3px solid var(--accent-primary)}.nav-item svg{width:18px;height:18px;flex-shrink:0}.category-list{max-height:180px;overflow-y:auto}.sidebar-footer{margin-top:auto;padding-top:1rem;border-top:1px solid var(--border-light)}.connection-status{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--text-muted);padding:.5rem;border-radius:6px;background:#ffffff05}.status-dot{width:8px;height:8px;border-radius:50%;background-color:var(--danger-color)}.status-dot.online{background-color:var(--success-color);box-shadow:0 0 8px var(--success-color)}.status-dot.demo{background-color:#eab308;box-shadow:0 0 8px #eab308}.main-content{flex-grow:1;height:100%;display:flex;flex-direction:column;overflow-y:auto;position:relative;background-color:var(--bg-darker)}.main-header{padding:1.5rem 2rem;border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;background-color:#09090ecc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:5}.header-search{position:relative;width:350px}.header-search input{width:100%;padding:.6rem 1rem .6rem 2.5rem;background-color:#ffffff0a;border:1px solid var(--border-light);border-radius:10px;color:#fff;font-size:.9rem;transition:all .3s ease}.header-search input:focus{outline:none;border-color:var(--accent-primary);background-color:#ffffff12;box-shadow:var(--border-glow) 0 0 0 3px}.header-search svg{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--text-muted)}.view-container{padding:2rem;max-width:1200px;width:100%;margin:0 auto;animation:fadeIn .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hidden{display:none!important}.dashboard-hero{background:linear-gradient(135deg,#6366f114,#8b5cf608);border:1px solid var(--border-light);border-radius:16px;padding:2rem;margin-bottom:2rem;position:relative;overflow:hidden}.dashboard-hero:before{content:"";position:absolute;top:-50px;right:-50px;width:150px;height:150px;background:var(--accent-primary);filter:blur(100px);opacity:.25}.dashboard-hero h1{font-family:var(--font-heading);font-size:2rem;margin-bottom:.5rem;background:linear-gradient(to right,#fff,#c7d2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dashboard-hero p{color:var(--text-secondary);font-size:1rem;max-width:600px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;margin-bottom:2rem}.stat-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:14px;padding:1.25rem;display:flex;align-items:center;gap:1rem;transition:all .3s ease}.stat-card:hover{border-color:var(--border-glow);transform:translateY(-2px);background:var(--bg-card-hover)}.stat-icon{width:48px;height:48px;border-radius:10px;background:#6366f11a;color:var(--accent-primary);display:flex;align-items:center;justify-content:center;font-size:1.5rem}.stat-icon.teal{background:#14b8a61a;color:#14b8a6}.stat-icon.purple{background:#8b5cf61a;color:#8b5cf6}.stat-info h3{font-size:1.5rem;font-weight:700;color:#fff}.stat-info p{font-size:.8rem;color:var(--text-secondary)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.section-header h2{font-family:var(--font-heading);font-size:1.3rem;color:#fff}.subjects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;margin-bottom:2.5rem}.subject-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:16px;padding:1.5rem;position:relative;overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;justify-content:space-between;min-height:140px}.subject-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--accent-gradient)}.subject-card:hover{border-color:var(--border-glow);box-shadow:var(--shadow-md),var(--shadow-glow);transform:translateY(-3px);background:var(--bg-card-hover)}.subject-card h3{font-family:var(--font-heading);font-size:1.15rem;color:#fff;margin-bottom:.5rem}.subject-card p{color:var(--text-secondary);font-size:.85rem;flex-grow:1}.subject-meta{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;font-size:.75rem;color:var(--text-muted)}.btn-chat-subject{background:#ffffff0d;border:1px solid var(--border-light);border-radius:6px;padding:.25rem .5rem;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;font-size:.75rem}.btn-chat-subject:hover{background:var(--accent-gradient);color:#fff;border-color:transparent}.notebooks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.notebook-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:16px;padding:1.5rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.notebook-card:hover{border-color:var(--border-glow);box-shadow:var(--shadow-md),var(--shadow-glow);transform:translateY(-3px);background:var(--bg-card-hover)}.notebook-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.tag{font-size:.7rem;font-weight:600;padding:.25rem .6rem;border-radius:6px;text-transform:uppercase;letter-spacing:.5px}.tag-subject{background:#6366f11f;color:#a5b4fc;border:1px solid rgba(99,102,241,.2)}.tag-material{background:#14b8a61f;color:#99f6e4;border:1px solid rgba(20,184,166,.2)}.notebook-card h3{font-family:var(--font-heading);font-size:1.1rem;color:#fff;margin-bottom:.75rem;line-height:1.4;flex-grow:1}.notebook-desc{font-size:.85rem;color:var(--text-secondary);margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:2.4rem}.notebook-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border-light);padding-top:.75rem;font-size:.75rem;color:var(--text-muted)}.source-badges{display:flex;gap:.5rem}.badge-count{display:flex;align-items:center;gap:.25rem}.empty-state{text-align:center;padding:4rem 2rem;background:var(--bg-card);border:2px dashed var(--border-light);border-radius:20px}.empty-icon{font-size:3rem;margin-bottom:1.5rem;filter:drop-shadow(0 0 10px rgba(99,102,241,.2))}.empty-state h3{font-size:1.25rem;margin-bottom:.5rem;color:#fff}.empty-state p{color:var(--text-secondary);font-size:.9rem;margin-bottom:1.5rem}.creator-container{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:stretch}@media (max-width: 900px){.creator-container{grid-template-columns:1fr}}.creator-panel{background:var(--bg-card);border:1px solid var(--border-light);border-radius:16px;padding:1.75rem;display:flex;flex-direction:column}.creator-panel h2{font-family:var(--font-heading);font-size:1.25rem;color:#fff;margin-bottom:1.25rem;border-bottom:1px solid var(--border-light);padding-bottom:.75rem}.input-group{margin-bottom:1.25rem;display:flex;flex-direction:column;gap:.5rem}.input-group label{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.input-group input,.input-group textarea,.input-group select{width:100%;padding:.75rem;background-color:#ffffff08;border:1px solid var(--border-light);border-radius:10px;color:#fff;font-family:var(--font-body);font-size:.9rem;transition:all .2s ease}.input-group input:focus,.input-group textarea:focus,.input-group select:focus{outline:none;border-color:var(--accent-primary);box-shadow:var(--border-glow) 0 0 0 3px;background-color:#ffffff0d}.drag-zone{border:2px dashed rgba(99,102,241,.3);border-radius:14px;padding:2rem 1rem;text-align:center;cursor:pointer;background:#6366f103;transition:all .3s ease}.drag-zone:hover,.drag-zone.drag-over{border-color:var(--accent-primary);background:#6366f10a}.drag-icon{font-size:2rem;margin-bottom:.75rem}.drag-text{font-size:.85rem;color:var(--text-secondary)}.drag-text span{color:var(--accent-primary);font-weight:600;text-decoration:underline}.sources-preview-list{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem;max-height:250px;overflow-y:auto;padding-right:.25rem}.source-item{background:#ffffff05;border:1px solid var(--border-light);border-radius:10px;padding:.75rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.source-thumb{width:40px;height:40px;object-fit:cover;border-radius:6px;background:var(--border-light);flex-shrink:0}.source-details{flex-grow:1;overflow:hidden}.source-name{font-size:.85rem;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.source-meta-tag{font-size:.7rem;color:var(--text-muted)}.btn-remove-source{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.btn-remove-source:hover{color:var(--danger-color);background:#ef44441a}.btn-analyze{background:var(--teal-gradient);border:none;color:#fff;border-radius:12px;padding:.85rem;font-weight:600;font-size:.95rem;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:all .3s ease;margin-top:1rem;box-shadow:0 4px 15px #14b8a633}.btn-analyze:hover{transform:translateY(-2px);box-shadow:0 8px 20px #14b8a659}.btn-analyze:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.skeleton-loader{display:flex;flex-direction:column;gap:1rem;padding:1rem 0}.skeleton-text{height:16px;background:linear-gradient(90deg,var(--border-light) 25%,rgba(255,255,255,.1) 50%,var(--border-light) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}.skeleton-text.header{height:24px;width:60%;margin-bottom:.5rem}.skeleton-text.paragraph{width:100%}.skeleton-text.paragraph.half{width:50%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.btn-save-notebook{background:var(--accent-gradient);border:none;color:#fff;border-radius:12px;padding:.85rem;font-weight:600;font-size:.95rem;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:all .3s ease;margin-top:1.5rem;box-shadow:0 4px 15px #6366f140}.btn-save-notebook:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6366f166}.detail-layout{display:grid;grid-template-columns:1fr 400px;gap:1.5rem;height:calc(100vh - 120px);overflow:hidden}@media (max-width: 1000px){.detail-layout{grid-template-columns:1fr;height:auto;overflow-y:auto}}.notebook-content-panel{background:var(--bg-card);border:1px solid var(--border-light);border-radius:16px;display:flex;flex-direction:column;overflow:hidden}.tabs-header{display:flex;background:#0003;border-bottom:1px solid var(--border-light)}.tab-btn{padding:1rem 1.5rem;background:transparent;border:none;color:var(--text-secondary);font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;border-bottom:2px solid transparent}.tab-btn:hover{color:#fff;background:#ffffff05}.tab-btn.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary);background:#ffffff08}.tab-content{flex-grow:1;padding:2rem;overflow-y:auto}.summary-container{line-height:1.7}.summary-container h1,.summary-container h2,.summary-container h3{font-family:var(--font-heading);color:#fff;margin-top:1.5rem;margin-bottom:.75rem}.summary-container h1{font-size:1.5rem;border-bottom:1px solid var(--border-light);padding-bottom:.5rem}.summary-container h2{font-size:1.25rem}.summary-container h3{font-size:1.1rem}.summary-container p{margin-bottom:1rem;color:var(--text-primary)}.summary-container ul,.summary-container ol{margin-left:1.5rem;margin-bottom:1rem}.summary-container li{margin-bottom:.4rem}.summary-container code{background:#ffffff0f;padding:.2rem .4rem;border-radius:4px;font-family:monospace;font-size:.85rem;color:#f43f5e}.summary-container pre{background:#0000004d;padding:1rem;border-radius:8px;overflow-x:auto;margin-bottom:1rem;border:1px solid var(--border-light)}.summary-container pre code{background:transparent;padding:0;color:#f1f5f9}.sources-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.gallery-card{background:#ffffff05;border:1px solid var(--border-light);border-radius:12px;overflow:hidden}.auth-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:url(/assets/background-BtBOIk7N.png) no-repeat center center;background-size:cover;display:flex;align-items:center;z-index:1000;animation:fadeIn .3s ease}.auth-card{background:var(--bg-dark);border:1px solid var(--border-light);padding:4rem;width:100%;max-width:500px;box-shadow:var(--shadow-lg);text-align:center;height:100%;align-content:center;overflow-y:auto}.auth-header{margin-bottom:2rem}.auth-header h2{font-family:var(--font-heading);font-size:1.75rem;color:#fff;margin-bottom:.5rem}.auth-header p{color:var(--text-secondary);font-size:.9rem}.auth-header .logo-icon{margin:0 auto 1rem}.auth-tabs{display:flex;background:#0000004d;padding:4px;border-radius:12px;margin-bottom:2rem}.auth-tab{flex:1;padding:.6rem;border:none;background:transparent;color:var(--text-secondary);font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;border-radius:8px}.auth-tab.active{background:var(--bg-card);color:#fff;box-shadow:var(--shadow-sm)}.btn-auth-submit{background:var(--accent-gradient);border:none;color:#fff;padding:.85rem;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;width:100%;margin-top:1rem}.btn-auth-submit:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6366f166}.auth-divider{display:flex;align-items:center;text-align:center;margin:1.5rem 0;color:var(--text-muted);font-size:.85rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid var(--border-light)}.auth-divider span{padding:0 1rem}.btn-auth-google{background:#fff;border:1px solid var(--border-light);color:#444;padding:.85rem;border-radius:12px;font-weight:600;font-size:.95rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .2s ease;width:100%;margin-bottom:1rem}.btn-auth-google:hover{background:#f8f9fa;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.btn-auth-google:disabled{opacity:.6;cursor:not-allowed}.auth-error{margin-top:1rem;padding:.75rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#fca5a5;font-size:.85rem;border-radius:8px;text-align:center}.user-profile-container{position:relative}.user-profile{display:flex;align-items:center;gap:8px;cursor:pointer;padding:6px 12px;border-radius:20px;transition:background .2s;-webkit-user-select:none;user-select:none;font-weight:500;color:var(--text-primary)}.user-profile:hover{background:#ffffff1a}.profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--bg-dark);border:1px solid var(--border-light);border-radius:12px;box-shadow:var(--shadow-lg);min-width:180px;z-index:1000;padding:8px 0;animation:dropdown-fade .2s ease-out}@keyframes dropdown-fade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 16px;cursor:pointer;font-size:14px;color:var(--text-secondary);transition:background .2s,color .2s}.dropdown-item:hover{background:var(--bg-card-hover);color:var(--text-title)}.dropdown-item.logout{color:#fca5a5;border-top:1px solid var(--border-light);margin-top:4px}.dropdown-item.logout:hover{background:#ef44441a;color:#ef4444}