:root{--primary: #2f094a;--primary-dark: #150030;--primary-glow: rgba(124, 58, 237, .4);--primary-light: #A78BFA;--secondary: #150030;--accent: #C4B5FD;--primary-violet: #8B5CF6;--bg-deep: #090d16;--bg-dark: #0f172a;--bg-card: rgba(17, 24, 39, .85);--bg-surface: #1e293b;--bg-root: #090d16;--border-color: rgba(255, 255, 255, .08);--text-dark: #0f172a;--text-primary: var(--primary);--text-main: #f8fafc;--text-muted: #94a3b8;--text-dim: #64748b;--text-glow: 0 0 10px var(--primary-glow);--border-glass: rgba(255, 255, 255, .08);--border-active: var(--primary);--glass-blur: blur(12px);--success: #10B981;--success-glow: rgba(16, 185, 129, .15);--error: #EF4444;--error-glow: rgba(239, 68, 68, .15);--warning: #F59E0B;--warning-glow: rgba(245, 158, 11, .15);--shadow-neon: 0 10px 15px -3px var(--primary-glow);--shadow-neon-strong: 0 0 30px var(--primary-glow);--font-display: "Outfit", sans-serif;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--transition-smooth: transform .3s cubic-bezier(.4, 0, .2, 1), opacity .3s ease, box-shadow .3s ease, background-color .3s ease}div[vw]{top:320px!important;bottom:auto!important;z-index:99999!important}div[vw] .vw-access-button{margin-top:0!important;filter:hue-rotate(220deg) brightness(.9) contrast(1.2)}div[vw] .vw-access-button.active{background-color:var(--primary)!important;box-shadow:0 4px 12px var(--primary-glow)!important}body.light-theme{--bg-deep: #f8fafc;--bg-dark: #f1f5f9;--bg-card: rgba(255, 255, 255, .9);--bg-surface: #ffffff;--bg-root: #f8fafc;--text-main: #0f172a;--text-dark: #0f172a;--text-primary: var(--primary);--text-muted: #64748b;--border-glass: rgba(0, 0, 0, .08);--border-color: rgba(0, 0, 0, .08);--primary-glow: rgba(124, 58, 237, .15)}*{box-sizing:border-box}*:focus-visible{outline:2px solid var(--primary-light);outline-offset:2px}body{margin:0;font-family:var(--font-sans);background-color:var(--bg-deep);color:var(--text-main);line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden;background-image:radial-gradient(circle at 0% 0%,rgba(168,85,247,.1) 0%,transparent 40%),radial-gradient(circle at 100% 100%,rgba(196,181,253,.07) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(11,18,14,1) 0%,var(--bg-deep) 100%);background-attachment:scroll;position:relative}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0d061c}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#7e22ce,#9333ea);border-radius:20px;border:1px solid rgba(168,85,247,.3)}::-webkit-scrollbar-thumb:hover{background:#a855f7;box-shadow:0 0 10px #a855f799}a,button,.card,input{transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease,box-shadow .3s ease,background-color .3s ease,border-color .3s ease}.glass-panel{background:var(--bg-card);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-glass);border-radius:16px;will-change:auto}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;padding:.8rem 1.8rem;border-radius:8px;border:1px solid rgba(255,255,255,.1);font-weight:600;cursor:pointer;font-size:.95rem;box-shadow:0 10px 22px #7c3aed2e;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 0 25px var(--primary-glow);filter:brightness(.85)}.card{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border-glass);border-radius:12px;padding:1.5rem;box-shadow:0 8px 32px #0003;animation:fadeInDown .5s ease-out}.card:hover{border-color:var(--primary);box-shadow:0 0 22px #7c3aed2e;transform:translateY(-3px)}@media(max-width:768px){.neumorphic-card{padding:1rem}.btn-primary{width:100%}[style*="grid-template-columns: 1fr 1fr"],[style*="grid-template-columns: 1fr 1fr 1fr"]{grid-template-columns:1fr!important}}.neumorphic-card{background:var(--bg-root);border:none;border-radius:16px;padding:1.5rem;box-shadow:8px 8px 16px #00000026,-8px -8px 16px #ffffff0d;transition:all .3s ease;animation:fadeInDown .5s ease-out}body.light-theme .neumorphic-card{box-shadow:8px 8px 16px #a3b1c680,-8px -8px 16px #fffc}.neumorphic-card:hover{transform:translateY(-2px);box-shadow:12px 12px 20px #0003,-12px -12px 20px #ffffff14}body.light-theme .neumorphic-card:hover{box-shadow:12px 12px 20px #a3b1c699,-12px -12px 20px #ffffffe6}.neumorphic-icon-wrapper{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--bg-root);box-shadow:inset 4px 4px 8px #00000026,inset -4px -4px 8px #ffffff0d}body.light-theme .neumorphic-icon-wrapper{box-shadow:inset 4px 4px 8px #a3b1c680,inset -4px -4px 8px #fffc}.neumorphic-input{width:100%;padding:.75rem;background:var(--bg-root);border:none;border-radius:8px;color:var(--text-main);box-shadow:inset 4px 4px 8px #00000026,inset -4px -4px 8px #ffffff0d;transition:all .3s ease;font-family:inherit}.neumorphic-input:focus{outline:none;box-shadow:inset 6px 6px 12px #0003,inset -6px -6px 12px #ffffff05}body.light-theme .neumorphic-input{box-shadow:inset 4px 4px 8px #a3b1c680,inset -4px -4px 8px #fffc}body.light-theme .neumorphic-input:focus{box-shadow:inset 6px 6px 12px #a3b1c699,inset -6px -6px 12px #ffffffe6}input,select,textarea{background:#ffffff0d;border:1px solid var(--border-glass)!important;color:var(--text-main);border-radius:8px!important;padding:.75rem 1rem!important}input:focus,select:focus,textarea:focus{outline:none!important;border-color:var(--primary)!important;box-shadow:0 0 0 2px var(--primary-glow)!important;background:#ffffff14}:focus-visible{outline:3px solid var(--primary);outline-offset:3px;box-shadow:0 0 0 6px var(--primary-glow);transition:outline-offset .1s ease}body.high-contrast-mode{--primary: #00FF00;--primary-dark: #00CC00;--text-main: #FFFFFF;--text-muted: #E2E8F0;--bg-deep: #000000;--bg-card: #111111;--border-glass: #FFFFFF;--border-color: #FFFFFF}body.high-contrast-mode :focus-visible{outline:4px solid #FFFF00;outline-offset:4px}option{color:#0f172a;background-color:#fff}.neon-text{color:var(--primary);text-shadow:0 0 10px var(--primary-glow)}.breadcrumb{margin-bottom:2rem;color:var(--text-muted);font-size:.85rem;display:flex;align-items:center;gap:.5rem}.breadcrumb span{color:var(--text-muted)}.breadcrumb span:last-child{color:var(--primary)!important;text-shadow:none;font-weight:500}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%{box-shadow:0 0 5px var(--primary-glow)}50%{box-shadow:0 0 20px var(--primary-glow)}to{box-shadow:0 0 5px var(--primary-glow)}}.animate-fade-in{animation:fadeInDown .5s ease-out forwards}.pulse-hover:hover{animation:pulse-glow 2s infinite}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.stories-container{display:flex;align-items:center;gap:1rem;overflow-x:auto;padding-bottom:.5rem}.story-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;min-width:70px}.story-avatar-wrapper{position:relative;width:60px;height:60px;border-radius:50%;padding:3px;background:#333;overflow:visible}.story-item.has-story .story-avatar-wrapper{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.story-avatar{width:100%;height:100%;border-radius:50%;border:2px solid var(--bg-card);object-fit:cover}.story-avatar.placeholder{background:var(--bg-root);display:flex;align-items:center;justify-content:center;color:var(--text-main);font-weight:700;font-size:1rem}.add-story-icon{position:absolute;bottom:-2px;right:-2px;background:var(--primary);border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-card);z-index:10;cursor:pointer;box-shadow:0 2px 4px #0003;transition:transform .2s}.add-story-icon:hover{transform:scale(1.1)}.story-username{font-size:.75rem;color:var(--text-muted);max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}*:focus-visible{outline:3px solid var(--primary);outline-offset:2px;box-shadow:0 0 0 4px #00e67666;transition:outline .1s}body.high-contrast{--bg-deep: #000000 !important;--bg-dark: #111111 !important;--bg-card: #000000 !important;--bg-surface: #000000 !important;--text-main: #FFFFFF !important;--text-muted: #E0E0E0 !important;--primary: #FFFF00 !important;--primary-dark: #CCCC00 !important;--border-glass: #FFFFFF !important;--border-color: #FFFFFF !important;background-image:none!important;filter:contrast(1.5) grayscale(100%)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600;border-radius:6px;cursor:pointer;transition:all .2s ease;border:1px solid transparent;font-family:var(--font-sans);min-height:44px}.btn:focus-visible{outline:3px solid rgba(99,102,241,.35);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border:none;box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--bg-card-hover);color:var(--text-main);border:1px solid var(--border-color)}.btn-outline{background-color:transparent;border:1px solid var(--border-color);color:var(--text-main)}.btn-danger{background-color:transparent;color:#ef4444}.btn-ghost{background-color:transparent;color:var(--text-muted)}@media(hover:hover){.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-glow);filter:brightness(1.1)}.btn-secondary:hover{background-color:var(--border-color)}.btn-outline:hover{border-color:var(--text-muted);background-color:#ffffff0d}.btn-danger:hover{background-color:#ef44441a}.btn-ghost:hover{color:var(--text-main);background-color:#ffffff0d}}.btn-sm{padding:.25rem .5rem;font-size:.75rem}.btn-md{padding:.6rem 1rem;font-size:.9rem}.btn-lg{padding:.75rem 1.5rem;font-size:1rem}.btn-full-width{width:100%}.toast-container{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:12px;z-index:99999;pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;gap:12px;padding:14px 20px;background-color:var(--bg-primary);color:var(--text-main);border-radius:8px;box-shadow:0 4px 12px #00000026,0 0 0 1px var(--border-color);min-width:300px;max-width:400px;animation:slideIn .3s ease-out forwards;transition:opacity .3s ease,transform .3s ease;cursor:pointer;border-left:4px solid var(--border-color)}.toast:hover{box-shadow:0 6px 16px #0003,0 0 0 1px var(--border-color);transform:translateY(-2px)}.toast-success{border-left-color:var(--success, #10b981)}.toast-success .toast-icon{color:var(--success, #10b981)}.toast-error{border-left-color:var(--danger, #ef4444)}.toast-error .toast-icon{color:var(--danger, #ef4444)}.toast-warning{border-left-color:var(--warning, #f59e0b)}.toast-warning .toast-icon{color:var(--warning, #f59e0b)}.toast-info{border-left-color:var(--primary, #3b82f6)}.toast-info .toast-icon{color:var(--primary, #3b82f6)}.toast-icon{font-weight:700;font-size:1.2rem;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.toast-message{flex:1;font-size:.95rem;line-height:1.4;word-wrap:break-word}.toast-close{background:none;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;opacity:.6;transition:opacity .2s}.toast-close:hover{opacity:1}@keyframes slideIn{0%{opacity:0;transform:translate(100%) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}.modal-overlay{position:fixed;inset:0;background-color:#000000d9;display:flex;align-items:center;justify-content:center;z-index:999999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem 1rem;overflow-y:auto;box-sizing:border-box}.modal-container{background:var(--bg-surface);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:20px;width:100%;max-width:min(94vw,640px);max-height:min(92vh,820px);box-shadow:0 25px 60px #0009,0 0 40px var(--primary-glow);animation:modalSlideIn .3s cubic-bezier(.4,0,.2,1);border:1px solid var(--border-glass);overflow:hidden;margin:auto;display:flex;flex-direction:column}.modal-container:focus-visible,.close-btn:focus-visible{outline:3px solid rgba(255,255,255,.45);outline-offset:3px}.modal-container.lesson-editor-modal{max-width:min(94vw,840px)!important;max-height:min(93vh,860px)!important}.modal-container.history-insert-modal{max-width:min(94vw,760px)!important;max-height:min(92vh,820px)!important}@media(max-width:768px){.modal-overlay{padding:1rem 1rem 6rem}.modal-container{max-height:calc(100vh - 7rem)!important;margin:0 auto!important;display:flex;flex-direction:column}.modal-header,.modal-footer{padding:1rem;flex-shrink:0}.modal-content{padding:1rem;overflow-y:auto;flex:1 1 auto}.modal-container.video-modal{background:#000}.modal-container.video-modal .modal-header{padding:.75rem;justify-content:flex-end;border-bottom:none}.modal-container.video-modal .modal-header h3,.modal-container.video-modal .modal-description,.modal-container.video-modal .video-modal-source{display:none}.modal-container.video-modal .modal-content{padding:0;max-height:none;background:#000}}@keyframes modalSlideIn{0%{transform:translateY(20px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.4rem;border-bottom:1px solid var(--border-glass);background:var(--primary);flex-shrink:0}.modal-header h3{margin:0;font-size:1.15rem;font-weight:700;color:#fff}.modal-description{margin:0 0 1rem;color:var(--text-muted);font-size:.95rem;line-height:1.5}.close-btn{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;cursor:pointer;padding:.4rem;border-radius:8px;transition:all .2s;flex-shrink:0}.close-btn:hover{background:var(--error);color:#fff;border-color:transparent}.modal-content{padding:1.35rem 1.6rem;overflow-y:auto;flex:1 1 auto;max-height:calc(90vh - 130px);scrollbar-width:thin;scrollbar-color:#a855f7 #180d33}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#14092b;border-radius:8px;margin:4px 0}.modal-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#7e22ce,#a855f7);border-radius:8px;border:1px solid rgba(192,132,252,.4);box-shadow:0 0 8px #a855f766}.modal-content::-webkit-scrollbar-thumb:hover{background:#c084fc}.modal-footer{padding:.85rem 1.4rem;border-top:1px solid var(--border-glass);display:flex;justify-content:flex-end;gap:.75rem;background:#0000001a;flex-shrink:0}.btn-secondary{background:transparent;border:1px solid var(--border-glass);color:var(--text-main);padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer}.btn-secondary:hover{background:#ffffff0d;border-color:var(--text-muted)}.modal-container.lesson-editor-modal,.modal-container.lesson-preview-modal,.modal-container.history-insert-modal{background:linear-gradient(180deg,#130a2a,#0c061a);border:1px solid rgba(168,85,247,.35);box-shadow:0 30px 80px #000000b3,0 0 40px #a855f740;color:#f8fafc}.modal-container.lesson-preview-modal{max-width:min(95vw,1100px)!important;max-height:min(92vh,850px)!important}.modal-container.lesson-editor-modal .modal-header,.modal-container.lesson-preview-modal .modal-header,.modal-container.history-insert-modal .modal-header{background:linear-gradient(135deg,#4c1d95,#7c3aed);border-bottom:1px solid rgba(168,85,247,.3)}.modal-container.lesson-editor-modal .modal-content,.modal-container.lesson-preview-modal .modal-content,.modal-container.history-insert-modal .modal-content{background:linear-gradient(180deg,#130a2a,#0c061a);color:#f8fafc}.modal-container.lesson-editor-modal .modal-footer,.modal-container.lesson-preview-modal .modal-footer,.modal-container.history-insert-modal .modal-footer{background:#0c061a;border-top:1px solid rgba(168,85,247,.2)}.modal-container.lesson-editor-modal .modal-description,.modal-container.lesson-preview-modal .modal-description,.modal-container.history-insert-modal .modal-description{color:#cbd5e1}.modal-container.lesson-editor-modal select,.modal-container.lesson-editor-modal input[type=text],.modal-container.lesson-editor-modal textarea{background:#180d33!important;border:1.5px solid rgba(168,85,247,.35)!important;color:#fff!important;border-radius:10px!important}.modal-container.lesson-editor-modal select:focus,.modal-container.lesson-editor-modal input[type=text]:focus,.modal-container.lesson-editor-modal textarea:focus{border-color:#a855f7!important;box-shadow:0 0 15px #a855f759!important}.modal-container.lesson-editor-modal label{color:#e9d5ff!important;font-weight:700!important}@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;-webkit-user-select:none;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:var( --custom-highlight-background, linear-gradient( 90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100% ) );transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media(prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display: none}}.input-container{display:flex;flex-direction:column;margin-bottom:1rem}.full-width{width:100%}.input-label{display:block;color:var(--text-main);font-size:.875rem;margin-bottom:.5rem;font-weight:500}.input-wrapper{position:relative;display:flex;align-items:center}.input-field{width:100%;padding:.6rem 1rem;background-color:var(--bg-root);border:1px solid var(--border-color);border-radius:6px;color:var(--text-main);font-size:.9rem;transition:border-color .2s;font-family:var(--font-sans)}@media(max-width:768px){.input-field{font-size:16px}}.input-field:focus{outline:none;border-color:var(--primary)}.input-field:focus-visible,.password-toggle-btn:focus-visible{outline:3px solid rgba(99,102,241,.35);outline-offset:2px}.input-field.has-icon{padding-left:2.5rem}.input-icon{position:absolute;left:12px;color:var(--text-muted);pointer-events:none}.input-field.input-error{border:1px solid var(--error)!important;border-color:var(--error)!important;box-shadow:0 0 0 2px #ef444440!important}.input-error-icon{position:absolute;right:12px;color:var(--error)}.input-error-message{color:var(--error);font-size:.75rem;margin-top:.25rem}.input-hint{color:var(--text-muted);font-size:.75rem;margin-top:.25rem}.input-field.has-toggle{padding-right:2.5rem}.password-toggle-btn{position:absolute;right:12px;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:color .2s;z-index:2}.password-toggle-btn:hover{color:var(--primary)}.sidebar{width:260px;height:100vh;background:var(--bg-surface);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-right:1px solid var(--border-glass);display:flex;flex-direction:column;position:fixed;left:0;top:0;z-index:100;color:var(--text-main);box-shadow:10px 0 40px #0003;transition:transform .3s cubic-bezier(.4,0,.2,1);overflow:hidden}@media(max-width:1024px){.sidebar{transform:translate(-100%);box-shadow:20px 0 60px #00000080}.sidebar.open{transform:translate(0)}}.sidebar-header{padding:1rem 1rem .75rem;border-bottom:1px solid var(--border-glass);display:flex;flex-direction:column;align-items:center;text-align:center;flex-shrink:0}.logo-container{display:flex;align-items:center;gap:.75rem}.logo-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent}.logo-icon img{filter:drop-shadow(0 0 5px rgba(16,185,129,.3));transition:transform .3s ease}.logo-text{background:transparent;padding:.3rem 0;font-size:.85rem;font-weight:800;color:var(--text-main);letter-spacing:1px;text-transform:uppercase;display:inline-block;position:relative}.logo-text:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(16,185,129,.2),transparent);transform:rotate(45deg);animation:metallicShine 4s infinite linear}.sidebar-nav{flex:1;min-height:0;padding:.5rem .75rem;display:flex;flex-direction:column;gap:.2rem;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--border-glass) transparent}.menu-group{margin-bottom:1.25rem;display:flex;flex-direction:column;gap:.2rem}.menu-category-label{padding:.5rem .75rem;font-size:.65rem;font-weight:700;color:var(--text-main);text-transform:uppercase;letter-spacing:1.5px;opacity:.8;margin-bottom:.25rem;border-bottom:1px solid var(--border-glass)}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--border-glass);border-radius:4px}.nav-item{display:flex;align-items:center;gap:.85rem;padding:.75rem 1.1rem;color:var(--text-main);text-decoration:none;border-radius:10px;transition:all .2s ease;font-weight:600;background:transparent;border:1px solid transparent;width:100%;cursor:pointer;font-size:.9rem;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative}.nav-icon{flex-shrink:0;transition:transform .2s ease;width:20px;height:20px}.nav-item-text{flex:1;font-weight:500;color:inherit}.nav-item:hover:not(.locked){color:var(--primary);background:#ffffff0d}.nav-item:hover .nav-icon{transform:scale(1.1);color:var(--primary)}.nav-item.active{color:#fff;background:var(--primary);box-shadow:0 6px 16px var(--primary-glow),inset 0 0 10px #ffffff26;border:none;transform:scale(1.01)}.sidebar-footer{padding:.5rem .75rem;border-top:1px solid var(--border-glass);flex-shrink:0}.user-profile-card{display:flex;align-items:center;gap:.75rem;padding:.65rem .85rem;border-radius:12px;background:var(--bg-card);border:1px solid var(--border-glass);box-shadow:0 4px 12px #0003;transition:all .3s ease;z-index:100;margin-bottom:.5rem}.avatar-circle{width:36px;height:36px;min-width:36px;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.85rem;box-shadow:0 4px 10px #10b98133}.profile-info .user-name{display:block;font-size:.85rem;font-weight:700;color:var(--text-main)}.profile-stats{display:flex;gap:.5rem;font-size:.7rem;color:#64748b}.user-menu-dropdown{position:absolute;bottom:calc(100% + 8px);left:0;right:0;background:var(--bg-surface);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border-glass);border-radius:12px;box-shadow:0 20px 40px #0000004d;z-index:200;padding:.5rem}.menu-item{color:#475569;font-weight:500;padding:.6rem .8rem;border-radius:8px;display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.85rem}.menu-item:hover{background:#10b9810d;color:var(--primary)}.nav-section-label{font-size:.65rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);padding:.5rem .9rem .2rem;font-weight:700}@media(max-width:768px){.sidebar{width:100%;height:65px;top:auto;bottom:0;left:0;flex-direction:row;border-right:none;border-top:1px solid var(--border-glass);transform:translateY(0);transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s ease;box-shadow:0 -5px 20px #0000004d;padding:0;z-index:9999;background:var(--bg-surface);position:fixed;overflow:visible}.sidebar.mobile-hidden-bar{transform:translateY(120%)!important;opacity:0}.sidebar.open{transform:translateY(0)}.sidebar-header,.sidebar-footer{display:none!important}.sidebar-nav{flex-direction:row;overflow-x:visible;overflow-y:visible;align-items:center;justify-content:space-around;padding:0;width:100%;gap:0}.sidebar-nav::-webkit-scrollbar{display:none}.menu-group{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;height:100%;position:static;padding-top:.8rem}.nav-section-label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;border:none;height:100%;width:100%;gap:.4rem;cursor:pointer}.nav-section-label .mobile-cat-icon{margin-bottom:2px;color:var(--primary)}.nav-section-label .mobile-cat-text span{font-size:.6rem;text-transform:none;letter-spacing:normal;font-weight:600!important;color:var(--text-muted)}.nav-section-label[aria-expanded=true] .mobile-cat-icon,.nav-section-label[aria-expanded=true] .mobile-cat-text span{color:var(--primary)}.mobile-cat-chevron{display:none}.mobile-subitems-popup{position:absolute;bottom:75px;left:50%;transform:translate(-50%);background:var(--bg-card);border:1px solid var(--border-glass);border-radius:12px;padding:.5rem;display:flex;flex-direction:column;gap:.5rem;min-width:200px;box-shadow:0 -10px 30px #00000080;z-index:10000;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:slideUp .2s ease-out}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.mobile-subitems-popup .nav-item{padding:.75rem 1rem!important;font-size:.9rem;flex-direction:row;justify-content:flex-start;border-radius:8px}.mobile-subitems-popup .nav-item-text{display:block!important;font-size:.9rem!important;white-space:nowrap}.mobile-subitems-popup .nav-icon{width:18px;height:18px;margin-right:.5rem}}.chat-widget-container{position:fixed;bottom:80px;right:20px;width:380px;height:600px;background:#f0f2f5;border-radius:16px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;overflow:hidden;z-index:10000;font-family:Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif}@media(max-width:768px){.chat-widget-container{width:100%;height:100%;bottom:0;right:0;border-radius:0}}.chat-header{background:var(--primary);color:#fff;padding:10px 15px;display:flex;align-items:center;gap:10px;box-shadow:0 1px 3px #0000001a;z-index:10}.chat-header-actions{margin-left:auto;display:flex;gap:15px;color:#fff}.stories-container{background:#fff;padding:15px 10px;display:flex;gap:15px;overflow-x:auto;border-bottom:1px solid #e2e8f0}.stories-container::-webkit-scrollbar{display:none}.story-item{display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;min-width:60px}.story-avatar-wrapper{position:relative;width:60px;height:60px;border-radius:50%;padding:3px;background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);overflow:visible}.story-avatar{width:100%;height:100%;border-radius:50%;border:2px solid white;background:#e2e8f0;display:flex;align-items:center;justify-content:center;overflow:hidden;font-weight:700;color:#475569;object-fit:cover}.story-name{font-size:.75rem;color:#475569;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60px}.chat-list{flex:1;overflow-y:auto;background:#fff}.chat-list-item{display:flex;align-items:center;gap:15px;padding:12px 15px;cursor:pointer;transition:background .2s}.chat-list-item:hover{background:#f5f6f6}.chat-list-avatar{width:50px;height:50px;border-radius:50%;background:#dfe5e7;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;flex-shrink:0;object-fit:cover}.chat-list-info{flex:1;overflow:hidden;border-bottom:1px solid #f2f2f2;padding-bottom:12px}.chat-list-item:last-child .chat-list-info{border-bottom:none}.chat-list-header{display:flex;justify-content:space-between;margin-bottom:3px}.chat-list-name{font-weight:600;color:#111b21;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-list-time{font-size:.75rem;color:#667781}.chat-list-msg{font-size:.85rem;color:#667781;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-view{display:flex;flex-direction:column;height:100%;background-color:#efeae2;background-repeat:repeat;background-size:400px;background-position:center}.conversation-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:10px}.message-bubble{max-width:75%;padding:6px 10px 8px;border-radius:8px;position:relative;box-shadow:0 1px .5px #0b141a21;font-size:.9rem;color:#111b21;line-height:1.3}.message-bubble.mine{background:#d9fdd3;align-self:flex-end;border-top-right-radius:0}.message-bubble.theirs{background:#fff;align-self:flex-start;border-top-left-radius:0}.message-sender{font-size:.75rem;color:var(--primary);font-weight:700;margin-bottom:3px}.message-time{font-size:.65rem;color:#667781;float:right;margin-top:5px;margin-left:10px}.conversation-input-area{background:#f0f2f5;padding:10px;display:flex;align-items:center;gap:10px}.conversation-input{flex:1;background:#fff;border:none;border-radius:8px;padding:10px 15px;font-size:.95rem;color:#111b21;outline:none}.conversation-send-btn{background:var(--primary);color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 1px 3px #0003}.conversation-send-btn:disabled{background:#aebac1;cursor:not-allowed}:root[class~=dark-theme] .chat-widget-container{background:#111b21}:root[class~=dark-theme] .chat-header{background:#202c33}:root[class~=dark-theme] .stories-container,:root[class~=dark-theme] .chat-list{background:#111b21;border-color:#202c33}:root[class~=dark-theme] .chat-list-item:hover{background:#202c33}:root[class~=dark-theme] .chat-list-name{color:#e9edef}:root[class~=dark-theme] .chat-list-info{border-color:#202c33}:root[class~=dark-theme] .story-avatar{background:#202c33;border-color:#111b21;color:#e9edef}:root[class~=dark-theme] .story-name{color:#8696a0}:root[class~=dark-theme] .conversation-view{background-color:#0b141a;background-blend-mode:multiply}:root[class~=dark-theme] .message-bubble.mine{background:#005c4b;color:#e9edef}:root[class~=dark-theme] .message-bubble.theirs{background:#202c33;color:#e9edef}:root[class~=dark-theme] .message-time{color:#fff9}:root[class~=dark-theme] .conversation-input-area{background:#202c33}:root[class~=dark-theme] .conversation-input{background:#2a3942;color:#e9edef}.layout-container{display:flex;min-height:100vh;position:relative;background:var(--bg-deep);overflow-x:hidden;width:100%;max-width:100vw}.main-content{flex:1;margin-left:260px;background-color:transparent;min-height:100dvh;display:flex;flex-direction:column;transition:margin-left .3s cubic-bezier(.4,0,.2,1);min-width:0;box-sizing:border-box}.mobile-hamburger{display:none;align-items:center;justify-content:center;background:var(--bg-card);border:1px solid var(--border-glass);border-radius:10px;padding:.55rem;color:var(--primary);cursor:pointer;transition:all .25s ease;flex-shrink:0}.mobile-hamburger:hover{background:#10b9811a;border-color:var(--primary)}.top-header{height:75px;background:#1e293bcc;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);overflow-x:auto;overflow-y:hidden;display:flex;align-items:center;justify-content:space-between;padding:0 2.5rem;position:sticky;top:0;z-index:90;pointer-events:auto;border-bottom:1px solid var(--border-glass);box-shadow:0 4px 15px #0000001a;scrollbar-width:none}.top-header::-webkit-scrollbar{display:none}.header-actions,.user-actions-container{display:flex;align-items:center;gap:1rem;position:relative;z-index:1}.top-header:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(45deg);animation:metallicShine 6s infinite linear;pointer-events:none;z-index:0}@keyframes metallicShine{0%{transform:rotate(45deg) translate(-100%)}to{transform:rotate(45deg) translate(100%)}}.page-title{margin:0;font-size:1.15rem;font-weight:800;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2);position:relative;z-index:1}h1,h2,h3{letter-spacing:-.02em;color:var(--text-main)}.top-header h1,.top-header h2,.top-header h3{color:#fff;z-index:1}.user-profile{display:flex;align-items:center;gap:1rem;padding:.6rem 1.2rem;border-radius:12px;background:var(--bg-card);border:1px solid var(--border-glass);transition:all .3s ease}.user-profile:hover{background:#059669;border-color:#059669;box-shadow:0 4px 15px #10b9814d}.user-profile:hover .user-name,.user-profile:hover .user-role{color:#fff!important}.user-name{color:var(--text-main);font-weight:700;font-size:.9rem}.avatar{width:36px;height:36px;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;box-shadow:0 4px 10px #10b98133}.content-area{padding:3rem;flex:1;max-width:1600px;width:100%;margin:0 auto;box-sizing:border-box}.footer-bar{position:fixed;bottom:0;left:230px;right:0;background-color:var(--bg-surface);text-align:center;padding:.5rem;font-size:.75rem;color:var(--primary);font-weight:700;z-index:85;box-shadow:0 -2px 10px #0000001a;border-top:1px solid var(--border-glass);transition:all .3s ease}.footer-bar.full-width{left:0}.qdspeak-fab{position:fixed;bottom:2rem;right:2rem;width:64px;height:64px;border-radius:50%;background:var(--bg-card);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 16px #0006;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:999;transition:all .3s cubic-bezier(.4,0,.2,1);padding:0;overflow:hidden}.qdspeak-fab:hover{transform:translateY(-4px) scale(1.05);border-color:#fff3}.qdspeak-fab-icon{width:100%;height:100%;object-fit:cover}.qdspeak-fab-badge{position:absolute;top:0;right:0;width:14px;height:14px;background-color:#ef4444;border-radius:50%;border:2px solid var(--bg-card);animation:pulseBadge 2s infinite}@keyframes pulseBadge{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.whatsapp-btn:hover{background-color:#fff!important;color:var(--primary)!important;transform:translateY(-2px);box-shadow:0 6px 20px #fff6!important}.whatsapp-btn:hover *{color:var(--primary)!important}@media(max-width:1024px){.main-content{margin-left:0;width:100%;max-width:100vw}.header-actions,.user-actions-container{gap:.5rem}.theme-toggle{padding:.4rem!important}.mobile-hamburger{display:flex!important}.top-header{padding:0 1rem;height:65px}.footer-bar{left:0!important}.page-title{font-size:.95rem!important;line-height:1.2;max-width:160px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}.qdspeak-fab{bottom:90px;right:15px;width:50px;height:50px;padding:8px}.whatsapp-btn{padding:.5rem .8rem!important}.whatsapp-text{display:none}.whatsapp-icon-mobile{display:block!important;font-size:.75rem}.mobile-hide{display:none!important}.user-profile{padding:.4rem!important;gap:0!important}.avatar{width:32px!important;height:32px!important;font-size:.8rem}.mobile-overlay{position:fixed;inset:65px 0 0;height:calc(100vh - 65px);background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:89;animation:fadeInOverlay .3s ease}.content-area{padding:1.5rem 1rem!important;overflow-x:hidden;max-width:100vw;box-sizing:border-box;margin:0 auto}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}}@media(max-width:768px){.profile-container-mobile{padding:1rem!important}.profile-header-mobile{flex-direction:column;align-items:flex-start!important;gap:.5rem!important;margin-bottom:1rem!important}.profile-header-mobile h1{font-size:1.5rem!important}.profile-tabs-mobile{flex-direction:row;flex-wrap:nowrap!important;overflow-x:auto;padding-bottom:5px;margin-bottom:1rem!important}.profile-tabs-mobile::-webkit-scrollbar{height:4px}.profile-tabs-mobile::-webkit-scrollbar-thumb{background:var(--border-glass);border-radius:4px}.profile-tabs-mobile button{min-width:auto!important;flex:1 0 auto!important;padding:.5rem!important;font-size:.85rem!important;white-space:nowrap!important}.profile-glass-panel{padding:1rem!important}.profile-avatar-container,.profile-avatar-img{width:60px!important;height:60px!important}.profile-avatar-initials{width:60px!important;height:60px!important;font-size:1.5rem!important}.profile-info-header{flex-direction:column;align-items:center!important;text-align:center;gap:.5rem!important;margin-bottom:1rem!important}.profile-name-role{margin-top:.25rem!important}.profile-details-grid{gap:.5rem!important}.profile-details-grid>div{padding:.75rem!important}}