.otp{justify-content:center;gap:10px;display:flex}.otp__input{text-align:center;border:1px solid var(--border-color);background:var(--surface-light);width:46px;height:52px;color:var(--foreground);transition:var(--transition-smooth);border-radius:12px;font-size:1rem;font-weight:600}.otp__input:focus{border-color:var(--primary);outline:none;transform:scale(1.06);box-shadow:0 0 0 2px #7c3aed40}.otp__input:hover{border-color:#7c3aed66}.auth{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:80;background:#0a0a0f99;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.auth__modal{background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:var(--radius-xl);border:1px solid var(--border-color);width:400px;max-width:92%;box-shadow:var(--shadow-md);flex-direction:column;gap:12px;padding:26px;animation:.2s scaleIn;display:flex}.auth__title{color:var(--foreground);text-align:center;margin-bottom:4px;font-size:1.1rem;font-weight:600}.auth__error{color:#f87171;border-radius:var(--radius-sm);background:#f871711a;border:1px solid #f8717133;padding:8px 10px;font-size:.75rem}.auth__input{border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--surface-light);width:100%;color:var(--foreground);transition:var(--transition-fast);padding:10px 12px;font-size:.85rem}.auth__input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #7c3aed40}.auth__input:disabled{opacity:.6;cursor:not-allowed}select.auth__input{cursor:pointer}.auth__info{color:var(--text-muted);text-align:center;font-size:.75rem}.auth__link{border-radius:var(--radius-sm);max-width:fit-content;color:var(--text-muted);cursor:pointer;text-align:center;transition:var(--transition-fast);align-self:center;margin-top:4px;padding:4px 8px;font-size:.75rem}.auth__link:hover{color:var(--primary-light)}.auth__close{color:var(--text-muted);cursor:pointer;text-align:center;transition:var(--transition-fast);width:20px;margin-top:6px;padding:2px 3px;font-size:.75rem}.auth__close:hover{color:var(--primary-light)}.btn-primary{border-radius:var(--radius-md);width:100%;transition:var(--transition-smooth);margin:auto;padding:10px;font-size:.85rem;font-weight:600}.btn-primary:disabled{cursor:not-allowed;box-shadow:none;background:#94a3b866}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.loader{flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex}.loader--fullscreen{width:100%;height:100vh}.loader__spinner{border:3px solid var(--border-color);border-top:3px solid var(--primary);width:44px;height:44px;box-shadow:var(--shadow-glow);border-radius:50%;animation:.8s linear infinite spin}.loader__text{color:var(--text-muted);letter-spacing:.3px;font-size:.9rem}@keyframes spin{to{transform:rotate(360deg)}}.notify{position:relative}.notify__btn{cursor:pointer;width:36px;height:36px;transition:var(--transition-smooth);border-radius:10px;justify-content:center;align-items:center;display:flex;position:relative}.notify__btn svg{width:18px;height:18px;color:var(--text-muted);transition:var(--transition-fast)}.notify__btn:hover{background:#7c3aed1a}.notify__btn:hover svg{color:var(--primary-light)}.notify__badge{background:var(--gradient-primary);color:#fff;border-radius:999px;padding:2px 6px;font-size:10px;font-weight:600;position:absolute;top:-4px;right:-4px;box-shadow:0 0 10px #7c3aed80}.notify__overlay{z-index:40;position:fixed;inset:0}.notify__panel{background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--border-color);width:340px;max-width:92vw;box-shadow:var(--shadow-md);z-index:50;border-radius:18px;margin-top:12px;animation:.2s fadeIn;position:absolute;right:50%;overflow:hidden}.notify__header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.notify__header h3{color:var(--foreground);font-size:.9rem;font-weight:600}.notify__actions{gap:8px;display:flex}.notify__actions button{cursor:pointer;width:28px;height:28px;color:var(--text-muted);transition:var(--transition-fast);border-radius:8px;justify-content:center;align-items:center;display:flex}.notify__actions button:hover{color:var(--primary-light);background:#7c3aed1a}.notify__list{flex-direction:column;max-height:380px;display:flex;overflow-y:auto}.notify__loading{text-align:center;color:var(--text-muted);padding:22px;font-size:.8rem}.notify__empty{text-align:center;color:var(--text-muted);padding:34px 20px}.notify__empty svg{opacity:.7;margin-bottom:8px}.notify__empty p{font-size:.8rem}.notify__item{border-bottom:1px solid var(--border-color);transition:var(--transition-fast);cursor:pointer;padding:14px 16px}.notify__item:hover{background:#7c3aed0f}.notify__item.unread{background:#7c3aed1f}.notify__item .title{color:var(--foreground);font-size:.85rem;font-weight:600}.notify__item .message{color:var(--text-muted);margin-top:3px;font-size:.75rem;line-height:1.4}@media (width<=768px){.notify__panel{width:72%;max-width:360px;position:fixed;top:60px;left:10%;right:20%;transform:translate(-50%)}}.mobile-link{cursor:pointer;width:100%;height:46px;color:var(--text-muted);transition:var(--transition-smooth);background:0 0;border-radius:12px;align-items:center;gap:12px;padding:0 14px;font-size:.92rem;font-weight:500;display:flex;position:relative}.mobile-link:hover{color:var(--foreground);background:#7c3aed14;transform:translate(2px)}.mobile-link.active{color:var(--foreground);background:#7c3aed24}.mobile-link.disabled{opacity:.4;cursor:not-allowed}.mobile-link.danger{color:#f87171}.mobile-link.danger:hover{color:#ef4444;background:#f8717114}.mobile-link__indicator{background:var(--gradient-primary);border-radius:0 6px 6px 0;width:3px;height:24px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.mobile-link__icon svg{width:18px;height:18px}.mobile-link__label{text-align:left;flex:1}.mobile-link__badge{background:var(--primary);color:#fff;border-radius:999px;padding:3px 8px;font-size:10px}.navbar{z-index:60;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border-color);transition:var(--transition-smooth);background:#0a0a0fa6;position:sticky;top:0}.light .navbar{background:#ffffffbf}.navbar__container{align-items:center;max-width:1200px;height:70px;margin:auto;padding:0 20px;display:flex}.navbar__logo{cursor:pointer;letter-spacing:-.3px;transition:var(--transition-fast);align-items:center;gap:14px;font-size:1.15rem;font-weight:600;display:flex}.navbar__logo:hover{opacity:.85;transform:translateY(-1px)}.navbar__logo-icon{width:22px;height:22px;color:var(--primary);filter:drop-shadow(0 4px 10px #7c3aed80);scale:1.6}.navbar__links{gap:6px;margin-left:44px;display:flex}@media (width<=768px){.navbar__links{display:none}}.navbar__link{border-radius:var(--radius-md);cursor:pointer;height:38px;color:var(--text-muted);transition:var(--transition-smooth);background:0 0;align-items:center;padding:0 16px;font-size:.9rem;font-weight:500;display:flex;position:relative}.navbar__link:hover{color:var(--foreground);background:#7c3aed14}.navbar__link.active{color:var(--foreground)}.navbar__actions{align-items:center;gap:10px;margin-left:auto;display:flex}.icon-btn{cursor:pointer;width:36px;height:36px;transition:var(--transition-smooth);background:0 0;border-radius:10px;justify-content:center;align-items:center;display:flex}.icon-btn svg{width:18px;height:18px;color:var(--text-muted);transition:var(--transition-fast)}.icon-btn:hover{background:#7c3aed1f}.icon-btn:hover svg{color:var(--primary-light)}.dropdown{position:relative}.dropdown__trigger{border-radius:var(--radius-md);cursor:pointer;height:36px;color:var(--text-muted);transition:var(--transition-fast);align-items:center;gap:6px;padding:0 10px;display:flex}.dropdown__trigger:hover{color:var(--foreground);background:#7c3aed1a}.dropdown__menu{background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-lg);min-width:190px;box-shadow:var(--shadow-md);margin-top:10px;animation:.22s dropdownFade;position:absolute;right:0;overflow:hidden}.dropdown__menu button{text-align:left;width:100%;color:var(--text-muted);transition:var(--transition-fast);background:0 0;padding:10px 14px;font-size:.9rem}.dropdown__menu button:hover{color:var(--foreground);background:#7c3aed14}.profile-btn{border-radius:var(--radius-md);cursor:pointer;height:36px;transition:var(--transition-smooth);align-items:center;gap:8px;padding:4px 10px 4px 6px;display:flex}.profile-btn:hover{background:#7c3aed14}.profile-btn span{color:var(--foreground);font-size:.85rem}.avatar{background:var(--gradient-primary);color:#fff;width:26px;height:26px;box-shadow:var(--shadow-glow);border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:flex}.profile-menu{width:220px}.profile-info{border-bottom:1px solid var(--border-color);padding:12px}.profile-info p{color:var(--foreground);font-size:.85rem}.profile-info span{color:var(--text-muted);font-size:.75rem}.logout{color:#f87171}.logout:hover{color:#ef4444;background:#f8717114}.login-btn{border-radius:var(--radius-md);background:var(--gradient-primary);color:#fff;cursor:pointer;height:36px;transition:var(--transition-smooth);box-shadow:var(--shadow-sm);align-items:center;padding:0 16px;font-size:.85rem;font-weight:500;display:flex}.login-btn:hover{box-shadow:var(--shadow-glow);transform:translateY(-1px)scale(1.03)}.menu-btn{width:38px;height:38px;transition:var(--transition-smooth);border-radius:12px;justify-content:center;align-items:center;margin-left:auto;display:none}.menu-btn svg{width:20px;height:20px;color:var(--foreground)}.menu-btn:hover{background:#7c3aed1a}@media (width<=768px){.menu-btn{display:flex}}.mobile-menu{z-index:70;border-top:1px solid var(--border-color);background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);flex-direction:column;gap:8px;width:100%;padding:14px;animation:.25s fadeIn;display:flex;position:absolute;top:64px;left:0}.mobile-menu .navbar__link{border-radius:var(--radius-md);width:100%;height:42px;padding:0 14px}@keyframes dropdownFade{0%{opacity:0;transform:translateY(8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=768px){.icon-btn{border-radius:8px;width:32px;height:32px}.icon-btn svg{width:16px;height:16px}.navbar__container{height:64px;padding:0 14px}.navbar__actions{align-items:center;gap:6px;margin-left:auto;display:flex}.profile-btn,.login-btn{display:none}.dropdown__trigger{gap:4px;padding:0 6px;font-size:.75rem}.menu-btn{width:34px;height:34px;margin-left:4px}.navbar__logo{gap:10px;font-size:1rem}.navbar__logo-icon{scale:1.4}}.footer{border-top:1px solid var(--border-color);background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);margin-top:60px}.footer__container{grid-template-columns:1.2fr 1fr .8fr;gap:40px;max-width:1200px;margin:auto;padding:40px 20px;display:grid}.footer__logo{align-items:center;gap:10px;font-size:1.1rem;font-weight:600;display:flex}.footer__logo svg{color:var(--primary);filter:drop-shadow(0 4px 10px #7c3aed80)}.footer__brand p{color:var(--text-muted);max-width:280px;margin-top:10px;font-size:.9rem}.footer__links{gap:40px;display:flex}.footer__links>div{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.footer__links h4{color:var(--foreground);margin-bottom:10px;font-size:.9rem}.footer__links a,.footer__links button{text-align:left;width:100%;color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:.85rem;display:block}.footer__links a:hover,.footer__links button:hover{color:var(--primary-light);transform:translate(2px)}.footer__social h4{margin-bottom:10px}.footer__icons{gap:10px;display:flex}.footer__icons a{width:34px;height:34px;transition:var(--transition-smooth);background:0 0;border-radius:10px;justify-content:center;align-items:center;display:flex}.footer__icons a svg{color:var(--text-muted)}.footer__icons a:hover{background:#7c3aed1a}.footer__icons a:hover svg{color:var(--primary-light)}.footer__bottom{text-align:center;color:var(--text-muted);border-top:1px solid var(--border-color);padding:16px;font-size:.8rem}@media (width<=768px){.footer__container{grid-template-columns:1fr;gap:30px;padding:30px 16px}.footer__brand p{max-width:100%}.footer__links{flex-direction:column;gap:24px}}.access-denied{justify-content:center;align-items:center;padding:80px 20px;display:flex}.access-denied__card{border-radius:var(--radius-xl);background:var(--surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border-color);width:100%;max-width:440px;box-shadow:var(--shadow-md);text-align:center;transition:var(--transition-smooth);padding:34px;position:relative;overflow:hidden}.access-denied__card:hover{box-shadow:var(--shadow-glow);transform:translateY(-4px)}.access-denied__card:before{content:"";border-radius:inherit;background:var(--gradient-border);-webkit-mask-composite:xor;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.access-denied__icon{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:14px;font-size:42px;animation:3.5s ease-in-out infinite float}.access-denied__title{color:var(--foreground);margin-bottom:6px;font-size:1.4rem;font-weight:600}.access-denied__message{color:var(--text-muted);margin-bottom:20px;font-size:.95rem}.access-denied__btn{border-radius:var(--radius-md);background:var(--gradient-primary);color:var(--primary-foreground);box-shadow:var(--shadow-sm);transition:var(--transition-smooth);padding:.6rem 1.3rem;font-size:.85rem;font-weight:500}.access-denied__btn:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)scale(1.03)}.access-denied__btn:active{transform:scale(.97)}.notfound{justify-content:center;align-items:center;min-height:100vh;padding:80px 20px;display:flex;position:relative;overflow:hidden}.notfound__card{border-radius:var(--radius-xl);background:var(--surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border-color);width:100%;max-width:460px;box-shadow:var(--shadow-md);text-align:center;transition:var(--transition-smooth);padding:40px;position:relative}.notfound__card:hover{box-shadow:var(--shadow-glow);transform:translateY(-6px)}.notfound__card:before{content:"";border-radius:inherit;background:var(--gradient-border);-webkit-mask-composite:xor;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.notfound__code{background:var(--gradient-primary);-webkit-text-fill-color:transparent;letter-spacing:-2px;-webkit-background-clip:text;margin-bottom:10px;font-size:5rem;font-weight:700}.notfound__title{color:var(--foreground);margin-bottom:8px;font-size:1.5rem}.notfound__desc{color:var(--text-muted);margin-bottom:24px;font-size:.95rem}.notfound__actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.notfound:after{content:"";filter:blur(100px);z-index:-1;background:radial-gradient(circle,#7c3aed2e,#0000);width:400px;height:400px;position:absolute}:root{--background:#0a0c10;--foreground:#eef2f5;--primary:#932bf3;--primary-light:#a54cf8;--primary-dark:#9923e7;--primary-foreground:#fff;--border-color:#ffffff0d;--surface:#12141aa6;--surface-solid:#111317;--surface-light:#1c20288c;--text-muted:#f0fdfd;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-xl:22px;--transition-fast:.18s ease;--transition-smooth:.32s cubic-bezier(.4, 0, .2, 1);--shadow-sm:0 4px 20px #0000004d;--shadow-md:0 15px 50px #00000080;--shadow-glow:0 0 35px #2563eb4d;--gradient-primary:linear-gradient(135deg, #751eaf, #7a13be, #733bf6);--gradient-border:linear-gradient(120deg, #ffffff0d, #ffffff03)}.light{--background:#f8fafc;--foreground:#0f172a;--surface:#e6e4f7c9;--surface-solid:#fff;--surface-light:#f1f5f9e6;--border-color:#0000000d;--text-muted:#667a96;--text-chat:#f5effd}*,:before,:after{box-sizing:border-box;border-color:var(--border-color);margin:0;padding:0}html,body{background:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;scroll-behavior:smooth;transition:background var(--transition-smooth), color var(--transition-smooth);font-family:Inter,system-ui,sans-serif;font-size:15px;line-height:1.65}h1{letter-spacing:-.6px;font-size:clamp(2rem,2.6vw,2.6rem);font-weight:600}h2{font-size:clamp(1.6rem,2.2vw,2.1rem);font-weight:600}h3{font-size:1.3rem;font-weight:500}p{color:var(--text-muted);font-size:.95rem}input,textarea{border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--surface-light);color:var(--foreground);transition:var(--transition-fast);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);outline:none;padding:.7rem .95rem;font-family:inherit;font-size:.95rem}input:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 2px #2563eb40}button{background-color:var(--background);color:var(--primary-foreground);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-smooth);border:none;justify-content:center;align-items:center;gap:6px;max-width:20rem;font-family:inherit;font-size:.85rem;font-weight:500;display:inline-flex}.btn-primary{background:var(--gradient-primary);color:var(--primary-foreground);box-shadow:var(--shadow-sm);padding:.65rem 1.3rem;position:relative;overflow:hidden}.btn-primary:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)scale(1.03)}.btn-primary:active{transform:scale(.97)}.btn-outline{border:1px solid var(--border-color);color:var(--foreground);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:0 0;padding:.65rem 1.2rem}.btn-outline:hover{border-color:var(--primary);color:var(--primary-light);background:#2563eb14}.card{background:var(--surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:var(--transition-smooth);position:relative}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.card:before{content:"";border-radius:inherit;background:var(--gradient-border);-webkit-mask-composite:xor;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.container{max-width:1200px;margin:0 auto;padding:1.2rem}a{color:inherit;transition:var(--transition-fast);text-decoration:none}a:hover{color:var(--primary-light)}.animate-float{animation:3.5s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.fade-in{animation:.45s forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:10px}@media (width<=768px){h1{font-size:1.8rem}.container{padding:1rem}}