@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap";:root{--primary:#4a90e2;--primary-light:#ebf4fc;--primary-dark:#3a73b5;--primary-glow:#4a90e226;--secondary:#a8e6cf;--secondary-light:#f0faf7;--secondary-dark:#2c3e50;--accent:#ffd166;--accent-light:#fff9e6;--danger:#ef476f;--danger-light:#feecef;--success:#06d6a0;--success-light:#e6faf5;--text-main:#2c3e50;--text-muted:#64748b;--text-inverse:#fff;--bg-main:#f8fafc;--bg-card:#fff;--bg-navbar:#fffffff2;--border:#e2e8f0;--border-focus:#4a90e2;--radius-sm:8px;--radius:12px;--radius-lg:20px;--shadow-sm:0 2px 8px #0000000a;--shadow:0 8px 30px #0000000f;--shadow-lg:0 20px 40px -15px #0000001a, 0 1px 10px #00000005;--shadow-primary:0 10px 25px -5px #4a90e24d;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-title:"Outfit", "Inter", sans-serif;transition:background-color .3s,border-color .3s,color .3s}.dark-theme{--primary:#818cf8;--primary-light:#1e1b4b;--primary-dark:#c7d2fe;--primary-glow:#818cf833;--secondary:#34d399;--secondary-light:#064e3b;--secondary-dark:#a7f3d0;--accent:#fbbf24;--accent-light:#78350f;--danger:#f87171;--danger-light:#7f1d1d;--success:#34d399;--success-light:#064e3b;--text-main:#f3f4f6;--text-muted:#9ca3af;--text-inverse:#111827;--bg-main:#0f172a;--bg-card:#1e293b;--bg-navbar:#0f172ad9;--border:#334155;--border-focus:#818cf8;--shadow-sm:0 2px 8px #0003;--shadow:0 10px 30px -10px #0000004d;--shadow-lg:0 20px 40px -15px #00000080;--shadow-primary:0 10px 25px -5px #818cf833}*{box-sizing:border-box;font-family:var(--font-sans);margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);font-size:16px;line-height:1.6;overflow-x:hidden}#app{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);color:var(--text-main);font-weight:700}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes pulse-glow{0%{box-shadow:0 0 #4f46e566}70%{box-shadow:0 0 0 15px #4f46e500}to{box-shadow:0 0 #4f46e500}}@keyframes wave{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.page-enter-active{animation:.4s cubic-bezier(.16,1,.3,1) forwards slideUp}.fade-enter-active{animation:.3s ease-out forwards fadeIn}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.btn{border-radius:var(--radius);font-weight:600;font-family:var(--font-title);cursor:pointer;border:1.5px solid #0000;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:15px;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:var(--primary);color:#fff;box-shadow:var(--shadow-primary)}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 12px 28px -5px #4f46e573}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--secondary);color:var(--text-main)}.btn-secondary:hover{filter:brightness(.95);transform:translateY(-2px)}.btn-outline{border-color:var(--primary);color:var(--primary);background:0 0}.btn-outline:hover{background:var(--primary-light);transform:translateY(-2px)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#dc2626;transform:translateY(-2px)}.navbar-wrapper{z-index:1000;background:var(--bg-navbar);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0}.navbar{justify-content:space-between;align-items:center;height:76px;margin:0 50px;display:flex}.navbar .logo{font-size:20px;font-weight:700;font-family:var(--font-sans);color:var(--primary);cursor:pointer;white-space:nowrap;align-items:center;gap:10px;text-decoration:none;display:flex}.navbar .logo i{color:var(--secondary);font-size:24px}.navbar-nav{align-items:center;gap:30px;display:flex}.navbar-link{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;outline:none;align-items:center;gap:8px;padding:4px;font-family:inherit;font-size:16px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.navbar-link:hover,.navbar-link.active{color:var(--primary);background:0 0}.navbar-actions{align-items:center;gap:12px;display:flex}.theme-toggle{border:1px solid var(--border);color:var(--text-main);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.mobile-toggle{border:1px solid var(--border);color:var(--text-main);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:none}.theme-toggle:hover,.mobile-toggle:hover,.mobile-toggle.active{background:var(--border);color:var(--primary)}@media (width<=968px){.navbar{margin:0 16px}.navbar .logo span{font-size:16px}.desktop-only{display:none!important}.mobile-toggle{display:flex}}.card{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);padding:24px}.hero-section{background:var(--bg-main);align-items:center;min-height:calc(100vh - 76px);display:flex}.hero{align-items:center;gap:60px;width:100%;padding:80px 0;display:flex}.hero-content{text-align:left;flex:1}.hero-content h1{color:var(--primary-dark);margin-bottom:20px;font-size:48px;font-weight:800;line-height:1.25}.hero-content p{color:var(--text-muted);margin-bottom:40px;font-size:18px;line-height:1.6}.hero-buttons{flex-wrap:wrap;gap:15px;display:flex}.hero-image{flex:1;justify-content:center;display:flex;position:relative}.mock-illustration{width:400px;height:400px;animation:6s ease-in-out infinite float;position:relative}.mock-circle{background:linear-gradient(135deg, var(--primary-light), var(--secondary));opacity:.7;border-radius:50%;width:300px;height:300px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mock-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);width:200px;box-shadow:var(--shadow);text-align:center;z-index:2;padding:20px;position:absolute;top:20%;left:-5%}.mock-card i{color:var(--primary);margin-bottom:10px;font-size:40px}.mock-card h4{color:var(--text-main);font-size:15px;font-weight:700}.mock-card-2{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);width:180px;box-shadow:var(--shadow);text-align:center;z-index:2;flex-direction:column;align-items:center;gap:8px;padding:15px;display:flex;position:absolute;bottom:20%;right:-5%}.mock-card-2 i{color:var(--accent);font-size:30px}.mock-card-2 h4{color:var(--text-main);margin:0;font-size:14px;font-weight:700}@media (width<=968px){.hero{text-align:center;flex-direction:column;gap:40px;padding:40px 20px}.hero-buttons{justify-content:center}.mock-illustration{width:320px;height:320px}.mock-circle{width:240px;height:240px}.mock-card{width:170px;top:15%;left:-10%}.mock-card-2{width:150px;bottom:15%;right:-10%}}.about-section{padding:80px 0}.text-center{text-align:center}.section-title{margin-bottom:16px;font-size:38px}.section-subtitle{color:var(--text-muted);max-width:650px;margin:0 auto 60px;font-size:16px}.diagram-box{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);flex-direction:column;align-items:center;margin-bottom:60px;padding:40px;display:flex}.interactive-diagram{justify-content:center;align-items:center;gap:30px;width:100%;max-width:800px;display:flex}.diag-node{background:var(--bg-main);border:2px solid var(--border);border-radius:var(--radius);text-align:center;cursor:pointer;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:160px;padding:24px 16px;transition:all .3s;display:flex}.diag-node i{color:var(--text-muted);margin-bottom:12px;font-size:36px;transition:color .3s}.diag-node span{font-weight:700;font-family:var(--font-title);font-size:16px}.diag-node p{color:var(--text-muted);margin-top:8px;font-size:12px;display:none}.diag-node:hover,.diag-node.active-node{background:var(--bg-card);border-color:var(--primary);box-shadow:var(--shadow-lg);transform:translateY(-5px)}.diag-node:hover i,.diag-node.active-node i{color:var(--primary)}.diag-node.center-node{background:var(--primary-light);border-color:var(--primary);transform:scale(1.05)}.diag-node.center-node i{color:var(--primary)}.diag-node.center-node:hover,.diag-node.center-node.active-node{background:var(--primary);color:#fff}.diag-node.center-node:hover i,.diag-node.center-node.active-node i{color:#fff}.diag-arrow{color:var(--border);font-size:24px;animation:2s infinite pulse-glow}.diagram-description{background:var(--primary-glow);border-radius:var(--radius-sm);text-align:center;max-width:600px;color:var(--primary-dark);margin-top:30px;padding:20px;font-size:14px;font-weight:500}.benefits-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;display:grid}.benefit-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-align:center;box-shadow:var(--shadow-sm);padding:30px 24px;transition:all .3s}.benefit-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary-light);transform:translateY(-6px)}.benefit-card i{color:var(--primary);margin-bottom:20px;font-size:40px}.benefit-card h4{margin-bottom:12px;font-size:18px}.benefit-card p{color:var(--text-muted);font-size:14px}.privacy-section{justify-content:center;padding:80px 0;display:flex}.privacy-card{text-align:center;width:100%;max-width:700px;padding:50px 40px}.privacy-icon{color:var(--secondary);margin-bottom:24px;font-size:72px;display:inline-block}.privacy-list{text-align:left;flex-direction:column;gap:16px;margin:32px 0;list-style:none;display:flex}.privacy-list li{color:var(--text-muted);align-items:flex-start;gap:16px;font-size:15px;display:flex}.privacy-list li i{color:var(--secondary);margin-top:3px;font-size:18px}.privacy-list strong{color:var(--text-main)}.counseling-container{flex-direction:column;min-height:calc(100vh - 76px);display:flex}.mode-selection-screen{flex:1;align-items:center;padding:80px 0;display:flex}.mode-grid{grid-template-columns:1fr 1fr;gap:40px;width:100%;max-width:960px;margin:0 auto;display:grid}@media (width<=768px){.mode-grid{grid-template-columns:1fr;gap:24px}}.mode-card{background:var(--bg-card);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow);cursor:pointer;border:2px solid #0000;flex-direction:column;align-items:center;padding:50px 30px;transition:all .3s;display:flex}.mode-card:hover{border-color:var(--primary);box-shadow:var(--shadow-lg);transform:translateY(-8px)}.mode-icon{background:var(--primary-light);width:96px;height:96px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;margin-bottom:30px;font-size:40px;transition:all .3s;display:flex}.mode-card:nth-child(2) .mode-icon{background:var(--secondary-light);color:var(--secondary)}.mode-card:hover .mode-icon{transform:scale(1.1)}.mode-card h3{margin-bottom:16px;font-size:24px}.mode-card p{color:var(--text-muted);flex-grow:1;margin-bottom:32px;font-size:15px}.chat-screen-layout{flex:1;height:calc(100vh - 76px);display:flex;overflow:hidden}.chat-panel{background:var(--bg-main);flex-direction:column;flex:1;display:flex;overflow:hidden}.chat-header{background:var(--bg-card);border-bottom:1px solid var(--border);align-items:center;gap:16px;padding:16px 32px;display:flex}.chat-avatar{border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.chat-avatar.ai{background:var(--primary-light);color:var(--primary)}.chat-avatar.teacher{background:var(--secondary-light);color:var(--secondary)}.chat-meta{flex:1}.chat-meta h3{margin-bottom:2px;font-size:16px}.chat-meta p{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;display:flex}.chat-meta p .status-dot{background:var(--secondary);border-radius:50%;width:8px;height:8px}.chat-badge{background:var(--primary-glow);color:var(--primary);border-radius:30px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;display:flex}.chat-messages-container{flex-direction:column;flex:1;gap:20px;padding:30px;display:flex;overflow-y:auto}.msg-wrapper{flex-direction:column;max-width:75%;display:flex}.msg-wrapper.user-msg{align-self:flex-end;align-items:flex-end}.msg-wrapper.bot-msg{align-self:flex-start;align-items:flex-start}.msg-name{color:var(--text-muted);margin-bottom:4px;font-size:11px;font-weight:600}.msg-bubble{border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:12px 18px;font-size:15px;line-height:1.5}.user-msg .msg-bubble{background:var(--primary);color:#fff;border-top-right-radius:4px}.bot-msg .msg-bubble{background:var(--bg-card);color:var(--text-main);border:1px solid var(--border);border-top-left-radius:4px}.msg-time{color:var(--text-muted);margin-top:4px;font-size:10px}.chat-input-bar{background:0 0;border-top:none;padding:12px 30px 24px}.chat-input-container{background:var(--bg-card);border:1.5px solid var(--border);box-shadow:var(--shadow);border-radius:30px;align-items:center;gap:12px;padding:8px 10px 8px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.chat-input-container:focus-within{border-color:var(--primary);box-shadow:var(--shadow-primary);transform:translateY(-3px)}.chat-input-container input{color:var(--text-main);background:0 0;border:none;outline:none;flex:1;font-size:15px}.chat-input-btn{width:36px;height:36px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:16px;transition:all .2s;display:flex}.chat-input-btn:hover{background:var(--border);color:var(--text-main)}.chat-send-btn{background:var(--primary);color:#fff}.chat-send-btn:hover{background:var(--primary-dark);transform:scale(1.05)}.chat-sidebar-analytics{background:var(--bg-card);border-left:1px solid var(--border);flex-direction:column;gap:24px;width:340px;padding:24px;display:flex;overflow-y:auto}.desktop-only-flex{display:flex}.desktop-only-inline{display:inline}.mobile-back-btn{color:var(--text-main);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-right:8px;font-size:18px;transition:all .2s;display:none}.mobile-back-btn:hover{background:var(--border);color:var(--primary)}.mobile-analytics-toggle{border:1px solid var(--border);color:var(--text-main);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-left:auto;font-size:16px;transition:all .2s;display:none}.mobile-analytics-toggle:hover,.mobile-analytics-toggle.active{background:var(--primary-glow);color:var(--primary);border-color:var(--primary)}@media (width<=968px){.mode-grid{grid-template-columns:1fr;gap:20px}.desktop-only-flex,.desktop-only-inline{display:none!important}.teacher-inbox-layout{flex-direction:column;display:flex;position:relative}.teacher-sessions-sidebar{flex:1;width:100%!important}.teacher-sessions-sidebar.hide-mobile{display:none!important}.teacher-chat-pane{z-index:100;height:100%;display:none;position:absolute;inset:0;width:100%!important}.teacher-chat-pane.show-mobile{display:flex!important}.mobile-back-btn{display:flex}.chat-screen-layout{position:relative}.chat-sidebar-analytics{z-index:150;border-left:1px solid var(--border);height:100%;box-shadow:var(--shadow-lg);transition:transform .3s cubic-bezier(.16,1,.3,1);position:absolute;top:0;right:0;transform:translate(100%);width:300px!important}.chat-sidebar-analytics.open{transform:translate(0)}.mobile-analytics-toggle{display:flex}.chat-header{gap:12px;padding:16px 20px}.chat-messages-container{padding:20px}.chat-input-bar{padding:12px 16px 20px}.chat-input-container{padding:6px 6px 6px 16px}.msg-wrapper{max-width:85%}}.side-box{background:var(--bg-main);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.side-box h4{align-items:center;gap:8px;margin-bottom:16px;font-size:15px;display:flex}.side-box h4 i{color:var(--primary)}.stress-card{flex-direction:column;gap:8px;display:flex}.stress-header{justify-content:space-between;font-size:13px;font-weight:600;display:flex}.stress-track{background:var(--border);border-radius:4px;height:8px;overflow:hidden}.stress-bar{background:linear-gradient(90deg, var(--secondary), var(--accent), var(--danger));border-radius:4px;height:100%;transition:width .5s}.stress-sentiment{margin-top:4px;font-size:13px;font-weight:500}.suggestion-actions{flex-direction:column;gap:12px;display:flex}.sugg-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);text-align:left;cursor:pointer;color:var(--text-main);align-items:center;gap:10px;padding:12px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.sugg-btn:hover{border-color:var(--primary);background:var(--primary-glow);transform:translate(4px)}.sugg-btn i{font-size:16px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background:#0006;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:500px;box-shadow:var(--shadow-lg);text-align:center;padding:32px;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideUp;position:relative}.modal-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;font-size:20px;position:absolute;top:16px;right:16px}.breathing-circle-wrapper{justify-content:center;align-items:center;width:180px;height:180px;margin:30px auto;display:flex;position:relative}.breathing-circle-outer{background:var(--primary-glow);border-radius:50%;justify-content:center;align-items:center;width:150px;height:150px;transition:transform 4s ease-in-out;display:flex}.breathing-circle-outer.inhale{background:#4f46e54d;transform:scale(1.25)}.breathing-circle-outer.exhale{background:#10b98133;transform:scale(.85)}.breathing-circle-inner{background:var(--primary);color:#fff;width:100px;height:100px;box-shadow:var(--shadow-primary);border-radius:50%;justify-content:center;align-items:center;font-size:16px;font-weight:700;transition:background-color 4s;display:flex}.breathing-circle-outer.exhale .breathing-circle-inner{background:var(--secondary)}.breathing-instruction{color:var(--primary);min-height:27px;margin-top:10px;font-size:18px;font-weight:700}.music-widget{align-items:center;gap:16px;margin-top:8px;display:flex}.music-waves{align-items:flex-end;gap:3px;width:30px;height:24px;display:flex}.music-wave-bar{background:var(--primary);transform-origin:bottom;border-radius:2px;width:3px;height:100%;animation:1s ease-in-out infinite wave}.music-wave-bar:nth-child(2){animation-delay:.2s}.music-wave-bar:nth-child(3){animation-delay:.4s}.music-wave-bar:nth-child(4){animation-delay:.6s}.music-widget.paused .music-wave-bar{animation:none;transform:scaleY(.2)}.energy-section{padding:60px 0}.blog-search-bar{background:var(--bg-card);border:1px solid var(--border);max-width:500px;box-shadow:var(--shadow-sm);border-radius:30px;align-items:center;gap:12px;margin:0 auto 40px;padding:8px 16px;display:flex}.blog-search-bar input{color:var(--text-main);background:0 0;border:none;outline:none;flex:1;font-size:15px}.blog-search-bar i{color:var(--text-muted)}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:30px;margin-top:40px;display:grid}.blog-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);cursor:pointer;flex-direction:column;transition:all .3s;display:flex;overflow:hidden}.blog-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px)}.blog-thumb{justify-content:center;align-items:center;height:180px;font-size:48px;display:flex;position:relative}.blog-thumb.blue{color:#0284c7;background:#e0f2fe}.blog-thumb.green{color:#059669;background:#d1fae5}.blog-thumb.yellow{color:#d97706;background:#fef3c7}.blog-content{flex-direction:column;flex-grow:1;padding:24px;display:flex}.blog-tag{text-transform:uppercase;color:var(--primary);background:var(--primary-glow);border-radius:20px;align-self:flex-start;margin-bottom:12px;padding:4px 10px;font-size:11px;font-weight:700}.blog-content h3{margin-bottom:10px;font-size:18px;line-height:1.35}.blog-content p{color:var(--text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex-grow:1;margin-bottom:20px;font-size:14px;display:-webkit-box;overflow:hidden}.blog-meta{color:var(--text-muted);border-top:1px solid var(--border);justify-content:space-between;padding-top:14px;font-size:13px;display:flex}.blog-meta span{align-items:center;gap:6px;display:flex}.article-view{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);max-width:800px;box-shadow:var(--shadow-lg);margin:40px auto;padding:40px}.article-header{margin-bottom:24px}.article-back-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;margin-bottom:20px;font-size:14px;font-weight:600;display:flex}.article-back-btn:hover{color:var(--primary)}.article-cover{border-radius:var(--radius);justify-content:center;align-items:center;width:100%;height:280px;margin-bottom:30px;font-size:72px;display:flex}.article-body{color:var(--text-main);margin-bottom:40px;font-size:17px;line-height:1.8}.article-body p{margin-bottom:20px}.article-quote{background:var(--bg-main);border-left:4px solid var(--primary);border-radius:var(--radius-sm);color:var(--text-main);margin:30px 0;padding:24px;font-style:italic;font-weight:500}.comments-section{border-top:1px solid var(--border);padding-top:30px}.comments-section h3{margin-bottom:24px;font-size:18px}.comment-list{flex-direction:column;gap:20px;display:flex}.comment-item{gap:16px;display:flex}.comment-avatar{background:var(--bg-main);width:38px;height:38px;color:var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex}.comment-bubble{background:var(--bg-main);border:1px solid var(--border);border-radius:0 var(--radius) var(--radius) var(--radius);flex:1;padding:14px 18px}.comment-name{margin-bottom:4px;font-size:13px;font-weight:700}.comment-text{word-break:break-word;font-size:14px}.comment-item.moderated-comment .comment-bubble{background:var(--danger-light);border-color:#ef44444d}.comment-item.moderated-comment .comment-text{filter:blur(4px);-webkit-user-select:none;user-select:none;opacity:.4}.moderation-badge{background:var(--danger-light);color:var(--danger);border-radius:4px;align-items:center;gap:6px;margin-top:10px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.comment-input-area{background:var(--bg-card);align-items:flex-start;gap:12px;margin-top:24px;display:flex}.comment-input-box{flex-direction:column;flex:1;gap:8px;display:flex}.comment-input-box textarea{background:var(--bg-main);border:1.5px solid var(--border);border-radius:var(--radius-sm);resize:none;width:100%;height:80px;color:var(--text-main);outline:none;padding:12px;font-size:14px;transition:border-color .2s}.comment-input-box textarea:focus{border-color:var(--primary)}.comment-submit-row{justify-content:flex-end;display:flex}.dashboard-layout{min-height:calc(100vh - 76px);display:flex}.dash-sidebar{background:var(--bg-card);border-right:1px solid var(--border);flex-direction:column;width:260px;padding:24px 0;display:flex}.dash-logo-box{border-bottom:1px solid var(--border);color:var(--primary);align-items:center;gap:10px;padding:0 24px 20px;font-size:18px;font-weight:800;display:flex}.dash-menu{flex-direction:column;gap:4px;padding:16px 12px;display:flex}.dash-menu-item{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;align-items:center;gap:12px;padding:12px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.dash-menu-item:hover,.dash-menu-item.active{background:var(--primary-glow);color:var(--primary)}.dash-main{background:var(--bg-main);flex:1;padding:40px;overflow-y:auto}.dash-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.dash-header h2{font-size:26px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;padding:24px;display:flex}.stat-icon{border-radius:var(--radius-sm);background:var(--primary-light);width:44px;height:44px;color:var(--primary);justify-content:center;align-items:center;margin-bottom:16px;font-size:20px;display:flex}.stat-card:nth-child(2) .stat-icon{background:var(--secondary-light);color:var(--secondary)}.stat-card:nth-child(3) .stat-icon{background:var(--accent-light);color:var(--accent)}.stat-card:nth-child(4) .stat-icon{background:var(--danger-light);color:var(--danger)}.stat-val{font-size:30px;font-weight:800;line-height:1;font-family:var(--font-title);margin-bottom:6px}.stat-label{color:var(--text-muted);font-size:13px;font-weight:500}.charts-grid{grid-template-columns:1.5fr 1fr;gap:24px;display:grid}@media (width<=968px){.charts-grid{grid-template-columns:1fr}}.chart-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:24px}.chart-card h3{margin-bottom:20px;font-size:16px}.svg-chart-container{width:100%;height:240px;position:relative}.emotion-scan-page{justify-content:center;align-items:center;padding:80px 0;display:flex}.emotion-scanner-card{text-align:center;width:100%;max-width:600px;padding:40px}.face-scan-box{border:4px dashed var(--primary-glow);width:150px;height:150px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 30px;font-size:54px;animation:2s infinite pulse-glow;display:flex}.emotion-bar-track{background:linear-gradient(90deg,#38bdf8,#facc15,#f59e0b,#ef4444);border-radius:10px;width:100%;height:12px;margin:30px 0;position:relative}.emotion-bar-pin{border-left:8px solid #0000;border-right:8px solid #0000;border-top:10px solid var(--text-main);width:0;height:0;transition:left .5s;position:absolute;top:-10px}.emotion-bar-pin-text{background:var(--text-main);color:var(--text-inverse);white-space:nowrap;box-shadow:var(--shadow-sm);border-radius:6px;padding:4px 10px;font-size:12px;font-weight:700;position:absolute;top:-36px;transform:translate(-50%)}.emotion-labels-row{color:var(--text-muted);justify-content:space-between;font-size:12px;font-weight:600;display:flex}.scan-alert-box{background:var(--bg-main);border:1px solid var(--border);border-radius:var(--radius);text-align:left;margin-top:32px;padding:20px}.scan-alert-box h4{color:var(--accent);align-items:center;gap:8px;margin-bottom:8px;font-size:14px;display:flex}.scan-alert-box p{font-size:13px;line-height:1.6}.mobile-simulation-page{background:#f1f5f9;justify-content:center;align-items:center;min-height:calc(100vh - 76px);padding:60px 0;display:flex}.mobile-frame{background:var(--bg-card);width:360px;height:720px;box-shadow:var(--shadow-lg);border:12px solid #1e293b;border-radius:40px;flex-direction:column;display:flex;position:relative;overflow:hidden}.mobile-notch{z-index:100;background:#1e293b;border-bottom-right-radius:12px;border-bottom-left-radius:12px;width:130px;height:22px;position:absolute;top:0;left:50%;transform:translate(-50%)}.mobile-navbar{background:var(--primary);color:#fff;text-align:center;padding:30px 16px 12px;font-size:14px;font-weight:700}.mobile-content-area{background:var(--bg-main);flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.mobile-input-bar{background:0 0;border-top:none;gap:8px;padding:10px 16px 16px;display:flex}.mobile-input-bar input{border:1px solid var(--border);background:var(--bg-card);box-shadow:var(--shadow-sm);border-radius:24px;outline:none;flex:1;padding:10px 16px;font-size:13px;transition:all .2s}.mobile-input-bar input:focus{border-color:var(--primary);box-shadow:var(--shadow)}.mobile-input-bar button{background:var(--primary);color:#fff;cursor:pointer;width:38px;height:38px;box-shadow:var(--shadow-sm);border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.mobile-input-bar button:hover{background:var(--primary-dark);transform:scale(1.05)}.mobile-tab-nav{background:var(--bg-card);border-top:1px solid var(--border);justify-content:space-around;padding:10px 0;display:flex}.mobile-tab-item{color:var(--text-muted);cursor:pointer;flex-direction:column;align-items:center;font-size:10px;display:flex}.mobile-tab-item.active{color:var(--primary)}.mobile-tab-item i{margin-bottom:2px;font-size:18px}.custom-tooltip{display:inline-block;position:relative}.grid-2{grid-template-columns:1fr 1fr;gap:30px;display:grid}@media (width<=768px){.grid-2{grid-template-columns:1fr}}.blog-thumb-img{width:100%;height:180px;overflow:hidden}.blog-thumb-img img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.blog-card:hover .blog-thumb-img img{transform:scale(1.05)}.article-cover-img-wrapper{border-radius:var(--radius);width:100%;max-height:380px;margin-bottom:30px;overflow:hidden}.article-cover-img-wrapper img{object-fit:cover;width:100%;height:100%}.role-dropdown-container[data-v-3d58ff6d]{position:relative}.role-selector-btn[data-v-3d58ff6d]{background:var(--primary);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;align-items:center;gap:8px;padding:10px 24px;font-family:inherit;font-size:15px;font-weight:600;transition:all .2s;display:flex}.role-selector-btn[data-v-3d58ff6d]:hover{background:var(--primary-dark);color:#fff;transform:translateY(-1px)}.role-dropdown-menu[data-v-3d58ff6d]{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-lg);border-radius:var(--radius-sm);z-index:1100;flex-direction:column;width:260px;padding:8px;animation:.2s ease-out fadeIn;display:none;position:absolute;top:110%;right:0}.role-dropdown-menu.show[data-v-3d58ff6d]{display:flex}.dropdown-item[data-v-3d58ff6d]{text-align:left;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-main);background:0 0;border:none;align-items:flex-start;gap:12px;padding:10px 12px;font-family:inherit;transition:all .2s;display:flex}.dropdown-item i[data-v-3d58ff6d]{color:var(--text-muted);margin-top:3px;font-size:16px}.dropdown-item[data-v-3d58ff6d]:hover{background:var(--bg-main)}.dropdown-item.active[data-v-3d58ff6d]{background:var(--primary-glow)}.dropdown-item.active i[data-v-3d58ff6d]{color:var(--primary)}.role-title[data-v-3d58ff6d]{color:var(--text-main);font-size:13px;font-weight:700}.role-desc[data-v-3d58ff6d]{color:var(--text-muted);margin-top:2px;font-size:11px}.mobile-menu[data-v-3d58ff6d]{background:var(--bg-card);border-bottom:1px solid var(--border);width:100%;box-shadow:var(--shadow-lg);z-index:999;flex-direction:column;gap:20px;padding:24px;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideDown-3d58ff6d;display:none;position:absolute;top:100%;left:0}.mobile-menu.open[data-v-3d58ff6d]{display:flex}@keyframes slideDown-3d58ff6d{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-nav-links[data-v-3d58ff6d]{flex-direction:column;gap:8px;display:flex}.mobile-nav-link[data-v-3d58ff6d]{background:var(--bg-main);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-main);cursor:pointer;text-align:left;align-items:center;gap:12px;width:100%;padding:12px 16px;font-family:inherit;font-size:15px;font-weight:600;transition:all .2s;display:flex}.mobile-nav-link[data-v-3d58ff6d]:hover,.mobile-nav-link.active[data-v-3d58ff6d]{background:var(--primary-glow);color:var(--primary);border-color:var(--primary)}.mobile-nav-link i[data-v-3d58ff6d]{width:20px;color:var(--text-muted);font-size:16px}.mobile-nav-link.active i[data-v-3d58ff6d]{color:var(--primary)}.mobile-role-section[data-v-3d58ff6d]{border-top:1px solid var(--border);padding-top:16px}.mobile-section-title[data-v-3d58ff6d]{color:var(--text-muted);margin-bottom:10px;font-size:13px;font-weight:700}.mobile-role-grid[data-v-3d58ff6d]{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.mobile-role-card[data-v-3d58ff6d]{background:var(--bg-main);border:1.5px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-main);flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:12px 6px;font-family:inherit;transition:all .2s;display:flex}.mobile-role-card i[data-v-3d58ff6d]{color:var(--text-muted);font-size:18px}.mobile-role-card span[data-v-3d58ff6d]{font-size:11px;font-weight:600}.mobile-role-card[data-v-3d58ff6d]:hover,.mobile-role-card.active[data-v-3d58ff6d]{border-color:var(--primary);background:var(--primary-glow);color:var(--primary)}.mobile-role-card.active i[data-v-3d58ff6d]{color:var(--primary)}@media (width>=969px){.mobile-menu[data-v-3d58ff6d]{display:none!important}}.modal-overlay[data-v-3d58ff6d]{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:#0f172a99;justify-content:center;align-items:center;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-card[data-v-3d58ff6d]{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-xl);border-radius:var(--radius);text-align:left;width:95%;max-width:440px;padding:24px;animation:.3s cubic-bezier(.34,1.56,.64,1) scaleIn-3d58ff6d}.modal-header[data-v-3d58ff6d]{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.modal-header h3[data-v-3d58ff6d]{color:var(--text-main);margin:0;font-size:18px;font-weight:800}.modal-close-btn[data-v-3d58ff6d]{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:24px;line-height:1}.modal-close-btn[data-v-3d58ff6d]:hover{color:var(--text-main)}.modal-body[data-v-3d58ff6d]{padding:16px 0}.alert[data-v-3d58ff6d]{border-radius:var(--radius-sm);margin-bottom:12px;padding:12px;font-size:13px;font-weight:500}.alert-success[data-v-3d58ff6d]{background:var(--success-light);color:var(--success-dark);border:1px solid #10b98133}.alert-danger[data-v-3d58ff6d]{background:var(--danger-light);color:var(--danger);border:1px solid #ef444433}@keyframes scaleIn-3d58ff6d{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.btn-primary[data-v-55753763]:disabled{opacity:.5;cursor:not-allowed}.btn-primary[data-v-55753763]:disabled:hover{box-shadow:none;transform:none}.admin-badge[data-v-14627638]{background:var(--danger-light);color:var(--danger);border-radius:4px;margin-left:8px;padding:1px 6px;font-size:10px;font-weight:700}.admin-comment-actions[data-v-14627638]{border-top:1px dashed var(--border);gap:12px;margin-top:8px;padding-top:6px;display:flex}.admin-btn-action[data-v-14627638]{cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;font-family:inherit;font-size:11px;font-weight:700;transition:opacity .2s;display:inline-flex}.admin-btn-action[data-v-14627638]:hover{opacity:.8}.teacher-inbox-layout[data-v-4801b234]{background:var(--bg-main);grid-template-columns:320px 1fr;height:calc(100vh - 76px);display:grid;overflow:hidden}.teacher-sessions-sidebar[data-v-4801b234]{background:var(--bg-card);border-right:1px solid var(--border);flex-direction:column;height:100%;display:flex}.inbox-header[data-v-4801b234]{border-bottom:1px solid var(--border);padding:24px 20px}.inbox-header h3[data-v-4801b234]{color:var(--primary);align-items:center;gap:8px;font-size:18px;font-weight:700;display:flex}.session-count-badge[data-v-4801b234]{color:var(--text-muted);margin-top:4px;font-size:12px;display:block}.sessions-list[data-v-4801b234]{flex-direction:column;flex:1;gap:8px;padding:12px;display:flex;overflow-y:auto}.session-item[data-v-4801b234]{background:var(--bg-main);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;flex-direction:column;gap:6px;padding:16px;transition:all .2s;display:flex;position:relative}.session-item[data-v-4801b234]:hover{border-color:var(--primary);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.session-item.active[data-v-4801b234]{background:var(--primary-glow);border-color:var(--primary)}.session-item-header[data-v-4801b234]{justify-content:space-between;align-items:center;display:flex}.session-name[data-v-4801b234]{color:var(--text-main);align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.session-time[data-v-4801b234]{color:var(--text-muted);font-size:11px}.session-snippet[data-v-4801b234]{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.session-status-row[data-v-4801b234]{align-items:center;gap:6px;margin-top:4px;display:flex}.status-indicator-dot[data-v-4801b234]{border-radius:50%;width:8px;height:8px}.session-item.normal .status-indicator-dot[data-v-4801b234]{background:var(--secondary)}.session-item.warning .status-indicator-dot[data-v-4801b234]{background:var(--accent)}.session-item.danger .status-indicator-dot[data-v-4801b234]{background:var(--danger)}.status-tag-text[data-v-4801b234]{font-size:11px;font-weight:600}.session-item.normal .status-tag-text[data-v-4801b234]{color:var(--secondary)}.session-item.warning .status-tag-text[data-v-4801b234]{color:var(--accent)}.session-item.danger .status-tag-text[data-v-4801b234]{color:var(--danger)}.teacher-chat-pane[data-v-4801b234]{background:var(--bg-main);flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.chat-panel[data-v-4801b234]{flex-direction:column;height:100%;display:flex;overflow:hidden}.status-label[data-v-4801b234]{border-radius:4px;padding:2px 8px;font-size:12px;font-weight:700}.status-label.normal[data-v-4801b234]{background:var(--secondary-light);color:var(--secondary-dark)}.status-label.warning[data-v-4801b234]{background:var(--accent-light);color:var(--accent)}.status-label.danger[data-v-4801b234]{background:var(--danger-light);color:var(--danger)}.empty-chat-pane[data-v-4801b234]{color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.empty-chat-pane i[data-v-4801b234]{font-size:48px}.empty-chat-pane p[data-v-4801b234]{font-size:15px;font-weight:500}.connecting-overlay[data-v-4801b234],.connection-error-overlay[data-v-4801b234]{height:100%;min-height:300px;color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.connecting-overlay i[data-v-4801b234]{color:var(--primary);font-size:32px}.connection-error-overlay i[data-v-4801b234]{color:var(--danger);font-size:32px}.mobile-back-btn[data-v-4801b234]{display:none}@media (width<=768px){.teacher-inbox-layout[data-v-4801b234]{grid-template-columns:1fr}.teacher-sessions-sidebar.hide-mobile[data-v-4801b234],.teacher-chat-pane[data-v-4801b234]{display:none!important}.teacher-chat-pane.show-mobile[data-v-4801b234]{display:flex!important}.mobile-back-btn[data-v-4801b234]{color:var(--text-main);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin-right:8px;padding:8px;font-size:18px;display:flex!important}.chat-header[data-v-4801b234]{padding:12px 16px!important}.chat-messages-container[data-v-4801b234]{gap:12px!important;padding:16px!important}.chat-input-bar[data-v-4801b234]{padding:10px 16px 16px!important}.msg-bubble[data-v-4801b234]{padding:10px 14px!important;font-size:14px!important}}.sidebar-analytics-header[data-v-4801b234]{display:none}@media (width<=968px){.sidebar-analytics-header[data-v-4801b234]{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:-8px;padding-bottom:12px;display:flex}.sidebar-analytics-header h3[data-v-4801b234]{color:var(--primary);font-size:16px;font-weight:700}.analytics-close-btn[data-v-4801b234]{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;font-size:20px;display:flex}}@keyframes scanLine-2a33a780{0%{top:0%}50%{top:100%}to{top:0%}}.calendar-grid-wrapper[data-v-41e6a9f5]{border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;margin-top:10px;display:flex;overflow:hidden}.calendar-weekday-header[data-v-41e6a9f5]{background:var(--bg-main);border-bottom:1px solid var(--border);text-align:center;color:var(--text-muted);grid-template-columns:repeat(7,1fr);padding:10px 0;font-size:13px;font-weight:700;display:grid}.calendar-days-container[data-v-41e6a9f5]{grid-template-columns:repeat(7,1fr);grid-auto-rows:minmax(100px,auto);display:grid}.calendar-day-cell[data-v-41e6a9f5]{border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg-card);cursor:pointer;flex-direction:column;gap:6px;min-height:100px;padding:8px;transition:all .2s;display:flex}.calendar-day-cell[data-v-41e6a9f5]:nth-child(7n){border-right:none}.calendar-day-cell[data-v-41e6a9f5]:hover{background:var(--bg-main)}.calendar-day-cell.other-month[data-v-41e6a9f5]{opacity:.5;background:#00000005}.day-number[data-v-41e6a9f5]{color:var(--text-main);font-size:13px;font-weight:700}.day-shifts[data-v-41e6a9f5]{flex-direction:column;gap:4px;max-height:80px;display:flex;overflow-y:auto}.day-shift-badge[data-v-41e6a9f5]{background:var(--primary-glow);color:var(--primary);border:1px solid #10b98133;border-radius:4px;flex-direction:column;gap:1px;padding:3px 6px;font-size:10px;font-weight:700;display:flex}.day-shift-badge[data-v-41e6a9f5]:hover{background:var(--danger-light);color:var(--danger);border-color:#ef444433}.shift-name[data-v-41e6a9f5]{opacity:.8;white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.auth-page-container[data-v-7c6f5533]{background:radial-gradient(circle at 100% 0,#10b9810d,#0000 60%),radial-gradient(circle at 0 100%,#3b82f60d,#0000 60%);justify-content:center;align-items:center;min-height:calc(100vh - 80px);padding:40px 20px;display:flex}.auth-card[data-v-7c6f5533]{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-lg);border-radius:var(--radius);width:100%;max-width:440px;padding:40px;animation:.4s ease-out fadeIn-7c6f5533}.auth-header[data-v-7c6f5533]{text-align:center;margin-bottom:30px}.auth-logo[data-v-7c6f5533]{color:var(--primary);margin-bottom:16px;font-size:40px}.auth-header h1[data-v-7c6f5533]{color:var(--text-main);font-size:24px;font-weight:800}.auth-header p[data-v-7c6f5533]{color:var(--text-muted);margin-top:8px;font-size:13px;line-height:1.5}.auth-tabs[data-v-7c6f5533]{border-bottom:2px solid var(--border);margin-bottom:24px;display:flex}.auth-tab-btn[data-v-7c6f5533]{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;margin-bottom:-2px;padding:12px;font-family:inherit;font-size:15px;font-weight:700;transition:all .2s}.auth-tab-btn[data-v-7c6f5533]:hover{color:var(--text-main)}.auth-tab-btn.active[data-v-7c6f5533]{color:var(--primary);border-bottom-color:var(--primary)}.auth-error[data-v-7c6f5533]{background:var(--danger-light);color:var(--danger);border-radius:var(--radius-sm);text-align:left;border:1px solid #ef444433;align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;font-size:13px;font-weight:500;display:flex}.auth-form[data-v-7c6f5533]{text-align:left;flex-direction:column;gap:20px;display:flex}.form-group[data-v-7c6f5533]{flex-direction:column;gap:8px;display:flex}.form-group label[data-v-7c6f5533]{color:var(--text-main);font-size:13px;font-weight:700}.input-icon-wrapper[data-v-7c6f5533]{align-items:center;display:flex;position:relative}.input-icon-wrapper i[data-v-7c6f5533]{color:var(--text-muted);pointer-events:none;font-size:16px;position:absolute;left:14px}.input-icon-wrapper input[data-v-7c6f5533]{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-main);width:100%;color:var(--text-main);padding:12px 12px 12px 42px;font-family:inherit;font-size:14px;transition:all .2s}.input-icon-wrapper input[data-v-7c6f5533]:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);outline:none}.role-selector-row[data-v-7c6f5533]{grid-template-columns:1fr 1fr;gap:12px;display:grid}.role-option[data-v-7c6f5533]{border:1.5px solid var(--border);background:var(--bg-main);border-radius:var(--radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:14px;transition:all .2s;display:flex}.role-option i[data-v-7c6f5533]{color:var(--text-muted);font-size:20px}.role-option span[data-v-7c6f5533]{color:var(--text-main);font-size:12px;font-weight:600}.role-option[data-v-7c6f5533]:hover{border-color:var(--primary);background:var(--primary-glow)}.role-option.selected[data-v-7c6f5533]{border-color:var(--primary);background:var(--primary-glow);color:var(--primary)}.role-option.selected i[data-v-7c6f5533]{color:var(--primary)}.auth-submit-btn[data-v-7c6f5533]{justify-content:center;align-items:center;gap:8px;width:100%;margin-top:10px;padding:14px;font-size:15px;font-weight:700;display:flex}@keyframes fadeIn-7c6f5533{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}