@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700;900&family=Syncopate:wght@700&display=swap');
        
        :root { --accent: #dc2626; --accent-glow: rgba(220, 38, 38, 0.5); --particle-color: #dc2626; --particle-shadow: red, yellow; --bg-primary: #05000a; --bg-secondary: #0f0f15; --bg-card: rgba(15, 15, 25, 0.7); --text-primary: white; --text-secondary: rgba(255,255,255,0.5); --border-light: rgba(255,255,255,0.05); --bg-overlay: rgba(0,0,0,0.6); --bg-panel: #0f0f15; --bg-header: rgba(0,0,0,0.4); --bg-input: rgba(0,0,0,0.6); }
        body { font-family: 'Montserrat', sans-serif; background-color: var(--bg-primary); color: var(--text-primary); overflow-x: hidden; scroll-behavior: smooth; }
        .hidden-panel { display: none !important; }

        #preloader { transition: opacity 0.8s ease, visibility 0.8s; }
        .loader-pulse { animation: maskPulse 2s infinite alternate; }
        @keyframes maskPulse { 0% { filter: drop-shadow(0 0 10px red); transform: scale(0.95); } 100% { filter: drop-shadow(0 0 40px red); transform: scale(1.05); } }

        .glitch-text { position: relative; display: inline-block; color: white; }
        .glitch-text::before, .glitch-text::after { content: attr(data-text); position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--bg-primary); opacity: 0.8; z-index: -1; }
        .glitch-text::before { left: 3px; text-shadow: -2px 0 red; animation: glitch-anim-1 2s infinite linear alternate-reverse; }
        .glitch-text::after { left: -3px; text-shadow: -2px 0 blue; animation: glitch-anim-2 3s infinite linear alternate-reverse; }
        @keyframes glitch-anim-1 { 0% { clip-path: inset(20% 0 80% 0); } 20% { clip-path: inset(60% 0 10% 0); } 40% { clip-path: inset(40% 0 50% 0); } 60% { clip-path: inset(80% 0 5% 0); } 80% { clip-path: inset(10% 0 70% 0); } 100% { clip-path: inset(30% 0 20% 0); } }
        @keyframes glitch-anim-2 { 0% { clip-path: inset(10% 0 60% 0); } 20% { clip-path: inset(30% 0 20% 0); } 40% { clip-path: inset(70% 0 10% 0); } 60% { clip-path: inset(20% 0 50% 0); } 80% { clip-path: inset(50% 0 30% 0); } 100% { clip-path: inset(5% 0 80% 0); } }

        .particles { position: fixed; inset: 0; pointer-events: none; z-index: -5; }
        .particle { position: absolute; bottom: -10px; width: 4px; height: 4px; background: var(--particle-color); border-radius: 50%; box-shadow: 0 0 10px var(--particle-color), 0 0 20px var(--particle-color); animation: floatUp linear infinite; opacity: 0; }
        @keyframes floatUp { 0% { transform: translateY(0) scale(1); opacity: 0; } 20% { opacity: 0.8; } 80% { opacity: 0.5; } 100% { transform: translateY(-100vh) scale(0); opacity: 0; } }

        .vtuber-card { background: var(--bg-card); backdrop-filter: blur(10px); border: 1px solid var(--border-light); transition: border-color 0.3s, box-shadow 0.3s, opacity 0.5s, transform 0.1s ease-out; opacity: 0; transform-style: preserve-3d; cursor: pointer; will-change: transform; }
        .vtuber-card.show { opacity: 1; }
        .vtuber-card:hover { border-color: var(--accent); box-shadow: 0 0 30px var(--accent-glow); z-index: 10; }
        
        .vtuber-card-main { border: 1px solid rgba(234, 179, 8, 0.5) !important; box-shadow: 0 0 20px rgba(234, 179, 8, 0.1) !important; }
        .vtuber-card-main .vtuber-card-info { background: transparent !important; }
        .vtuber-card-main:hover { border-color: rgba(234, 179, 8, 1) !important; box-shadow: 0 0 30px rgba(234, 179, 8, 0.5) !important; }

        .vtuber-card-container { aspect-ratio: 1 / 1; position: relative; overflow: hidden; transform: translateZ(40px); background: #000; border-radius: 12px; margin: 8px; } 


        .vtuber-card-img { width: 100%; height: 100%; object-fit: cover; object-position: top; filter: brightness(0.9); transition: 0.5s; transform-style: preserve-3d; }
        .vtuber-card:hover .vtuber-card-img { filter: brightness(1.1); transform: scale(1.05); }
        .vtuber-card-info { transform: translateZ(50px); background: linear-gradient(to top, rgba(0,0,0,0.9), rgba(0,0,0,0.8), transparent); }

        .drag-handle { cursor: grab; padding-right: 10px; color: #4b5563; transition: color 0.2s; }
        .drag-handle:hover { color: #fff; }
        .drag-handle:active { cursor: grabbing; }

        ::-webkit-scrollbar { width: 6px; }
        ::-webkit-scrollbar-track { background: rgba(0,0,0,0.5); border-radius: 10px; }
        ::-webkit-scrollbar-thumb { background: var(--accent); border-radius: 10px; }
        .agency-title { font-family: 'Syncopate', sans-serif; }
        .markdown-bold { color: white; font-weight: 900; letter-spacing: 0.05em; }

        .social-sidebar { position: fixed; left: 0; top: 50%; transform: translateY(-50%); display: flex; flex-direction: column; gap: 12px; z-index: 50; padding-left: 12px; }
        .social-btn { width: 45px; height: 45px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 20px; color: white; background: rgba(0,0,0,0.6); border: 1px solid rgba(255,255,255,0.1); backdrop-filter: blur(5px); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); text-decoration: none; }
        
        .social-btn-yt:hover { border-color: #FF0000; color: #FF0000; box-shadow: 0 0 15px #FF0000; transform: scale(1.15) translateX(5px); }
        .social-btn-ds:hover { border-color: #5865F2; color: #5865F2; box-shadow: 0 0 15px #5865F2; transform: scale(1.15) translateX(5px); }
        .social-btn-tg:hover { border-color: #0088cc; color: #0088cc; box-shadow: 0 0 15px #0088cc; transform: scale(1.15) translateX(5px); }
        
        .schedule-poster { background: linear-gradient(135deg, rgba(20,0,10,0.9) 0%, rgba(5,0,10,0.95) 100%); backdrop-filter: blur(20px); border: 1px solid var(--accent); box-shadow: 0 0 50px var(--accent-glow), inset 0 0 20px rgba(0,0,0,0.8); position: relative; overflow: hidden; }
        .schedule-card { background: linear-gradient(180deg, rgba(220,38,38,0.1) 0%, rgba(0,0,0,0.6) 100%); border: 1px solid rgba(255,255,255,0.05); transition: all 0.3s; }
        .schedule-card:hover { border-color: var(--accent); transform: translateY(-2px); box-shadow: 0 5px 15px rgba(220,38,38,0.2); }
        
        .news-poster { background: linear-gradient(135deg, rgba(0,10,25,0.9) 0%, rgba(5,0,10,0.95) 100%); backdrop-filter: blur(20px); border: 1px solid rgba(0,100,255,0.3); box-shadow: 0 0 50px rgba(0,100,255,0.1), inset 0 0 20px rgba(0,0,0,0.8); position: relative; overflow: hidden; }
        .video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; border-radius: 12px; border: 1px solid rgba(255,255,255,0.1); }
        .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
        .news-banner-card { transition: transform 0.3s ease, box-shadow 0.3s ease; }
        .news-banner-card:hover { transform: translateY(-5px); box-shadow: 0 10px 30px rgba(0, 100, 255, 0.4); z-index: 20; border-color: #3b82f6; }
        .news-banner-img { transition: transform 0.7s ease; }
        .news-banner-card:hover .news-banner-img { transform: scale(1.05); }

        .wave-bar { width: 3px; background-color: white; border-radius: 2px; animation: wave 1.2s ease-in-out infinite; }
        .wave-bar:nth-child(2) { animation-delay: 0.1s; }
        .wave-bar:nth-child(3) { animation-delay: 0.2s; }
        .wave-bar:nth-child(4) { animation-delay: 0.3s; }
        @keyframes wave { 0%, 100% { height: 4px; } 50% { height: 14px; } }
        
        .live-toggle-checkbox:checked + .live-toggle-bg { background-color: #dc2626; }
        .live-toggle-checkbox:checked + .live-toggle-bg .live-toggle-dot { transform: translateX(100%); border-color: white; }
        
        .live-widget-glow { animation: livePulse 2s infinite; }
        @keyframes livePulse { 0% { box-shadow: 0 0 10px rgba(220,38,38,0.4); } 50% { box-shadow: 0 0 25px rgba(220,38,38,0.8); } 100% { box-shadow: 0 0 10px rgba(220,38,38,0.4); } }

        .btn-apply { background: linear-gradient(45deg, #dc2626, #ea580c, #dc2626); background-size: 200% 200%; animation: gradientMove 3s ease infinite; }
        @keyframes gradientMove { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }

        /* КАСТОМНЫЕ АНИМИРОВАННЫЕ РАМКИ */
        .frame-space { border: 3px solid #a855f7 !important; animation: spaceBlink 3s infinite alternate; }
        .frame-cyber { border: 3px solid #06b6d4 !important; animation: cyberGlitch 2s infinite linear; }
        .frame-fire { border: 3px solid #ea580c !important; animation: firePulse 1s infinite alternate; }
        .frame-magic { border: 3px solid #10b981 !important; animation: magicPulse 2s infinite alternate; }
        .frame-ice { border: 3px solid #bae6fd !important; animation: icePulse 3s infinite alternate; }
        .frame-toxic { border: 3px solid #84cc16 !important; animation: toxicPulse 2s infinite alternate; }
        .frame-love { border: 3px solid #f472b6 !important; animation: lovePulse 1.5s infinite alternate; }
        .frame-gold { border: 3px solid #fbbf24 !important; animation: goldPulse 2s infinite alternate; }
        .frame-rainbow { border: 3px solid transparent !important; background-clip: padding-box !important; box-shadow: 0 0 12px rgba(255,255,255,0.3); animation: rainbowSlide 2s linear infinite; }
        .frame-darkness { border: 3px solid #6b21a8 !important; box-shadow: 0 0 20px #6b21a8, inset 0 0 20px #1a002b; animation: darkPulse 3s infinite alternate; }
        .frame-ocean { border: 3px solid #0ea5e9 !important; animation: oceanWave 2s ease-in-out infinite alternate; }
        .frame-neon { border: 3px solid #f5f5f5 !important; box-shadow: 0 0 15px #06b6d4, 0 0 30px #06b6d4, inset 0 0 10px #06b6d4; animation: neonFlicker 1.5s infinite alternate; }
        .frame-void { border: 3px solid #1e1b4b !important; box-shadow: 0 0 25px rgba(139,92,246,0.5); animation: voidPulse 4s infinite alternate; }

        @keyframes rainbowSlide { 0% { border-color: #ef4444; box-shadow: 0 0 12px #ef4444; } 16% { border-color: #f97316; box-shadow: 0 0 12px #f97316; } 33% { border-color: #eab308; box-shadow: 0 0 12px #eab308; } 50% { border-color: #22c55e; box-shadow: 0 0 12px #22c55e; } 66% { border-color: #06b6d4; box-shadow: 0 0 12px #06b6d4; } 83% { border-color: #8b5cf6; box-shadow: 0 0 12px #8b5cf6; } 100% { border-color: #ec4899; box-shadow: 0 0 12px #ec4899; } }
        @keyframes darkPulse { 0% { box-shadow: 0 0 10px #6b21a8, inset 0 0 10px #1a002b; } 100% { box-shadow: 0 0 35px #a855f7, inset 0 0 30px #2a004b; } }
        @keyframes oceanWave { 0% { border-color: #0ea5e9; box-shadow: 0 0 8px #0ea5e9; } 50% { border-color: #7dd3fc; box-shadow: 0 0 20px #38bdf8; } 100% { border-color: #0284c7; box-shadow: 0 0 8px #0284c7; } }
        @keyframes neonFlicker { 0% { box-shadow: 0 0 10px #06b6d4, 0 0 20px #06b6d4, inset 0 0 5px #06b6d4; } 25% { box-shadow: 0 0 15px #f5f5f5, 0 0 30px #d946ef, inset 0 0 8px #d946ef; } 50% { box-shadow: 0 0 10px #06b6d4, 0 0 25px #06b6d4, inset 0 0 5px #06b6d4; } 75% { box-shadow: 0 0 20px #d946ef, 0 0 40px #d946ef, inset 0 0 10px #d946ef; } 100% { box-shadow: 0 0 10px #06b6d4, 0 0 20px #06b6d4, inset 0 0 5px #06b6d4; } }
        @keyframes voidPulse { 0% { box-shadow: 0 0 15px rgba(139,92,246,0.3); border-color: #1e1b4b; } 50% { box-shadow: 0 0 40px rgba(139,92,246,0.7); border-color: #3b0764; } 100% { box-shadow: 0 0 15px rgba(139,92,246,0.3); border-color: #1e1b4b; } }
        .frame-rainbow { border: 3px solid transparent !important; background-clip: padding-box !important; box-shadow: 0 0 12px rgba(255,255,255,0.3); animation: rainbowSlide 2s linear infinite; }
        .frame-darkness { border: 3px solid #6b21a8 !important; box-shadow: 0 0 20px #6b21a8, inset 0 0 20px #1a002b; animation: darkPulse 3s infinite alternate; }
        .frame-ocean { border: 3px solid #0ea5e9 !important; animation: oceanWave 2s ease-in-out infinite alternate; }
        .frame-neon { border: 3px solid #f5f5f5 !important; box-shadow: 0 0 15px #06b6d4, 0 0 30px #06b6d4, inset 0 0 10px #06b6d4; animation: neonFlicker 1.5s infinite alternate; }
        .frame-void { border: 3px solid #1e1b4b !important; box-shadow: 0 0 25px rgba(139,92,246,0.5); animation: voidPulse 4s infinite alternate; }
        
        @keyframes spaceBlink { 0% { box-shadow: inset 0 0 15px rgba(168,85,247,0.3), 0 0 15px rgba(168,85,247,0.3); border-color: #c084fc; } 100% { box-shadow: inset 0 0 40px rgba(168,85,247,0.9), 0 0 40px rgba(168,85,247,0.9); border-color: #a855f7; } }
        @keyframes cyberGlitch { 0%, 100% { box-shadow: inset 4px 4px 0px #e11d48, inset -4px -4px 0px #06b6d4, 4px 4px 0px #e11d48, -4px -4px 0px #06b6d4; } 50% { box-shadow: inset -4px 4px 0px #e11d48, inset 4px -4px 0px #06b6d4, -4px 4px 0px #e11d48, 4px -4px 0px #06b6d4; } 51% { box-shadow: inset 0 0 20px #fff, 0 0 20px #fff; border-color: #fff; } 55% { box-shadow: inset 4px -4px 0px #e11d48, inset -4px 4px 0px #06b6d4, 4px -4px 0px #e11d48, -4px 4px 0px #06b6d4; border-color: #06b6d4; } }
        @keyframes firePulse { 0% { box-shadow: inset 0 0 15px #ea580c, 0 0 15px #ea580c; border-color: #ea580c; } 100% { box-shadow: inset 0 0 40px #facc15, 0 0 40px #facc15; border-color: #facc15; } }
        @keyframes magicPulse { 0% { box-shadow: inset 0 0 15px #10b981, 0 0 15px #10b981; border-color: #059669; } 100% { box-shadow: inset 0 0 40px #34d399, 0 0 40px #34d399; border-color: #34d399; } }
        @keyframes icePulse { 0% { box-shadow: inset 0 0 15px #7dd3fc, 0 0 15px #7dd3fc; border-color: #e0f2fe; } 100% { box-shadow: inset 0 0 40px #0ea5e9, 0 0 40px #0ea5e9; border-color: #38bdf8; } }
        @keyframes toxicPulse { 0% { box-shadow: inset 0 0 15px #65a30d, 0 0 15px #65a30d; border-color: #a3e635; } 100% { box-shadow: inset 0 0 40px #bef264, 0 0 40px #bef264; border-color: #84cc16; } }
        @keyframes lovePulse { 0% { box-shadow: inset 0 0 15px #db2777, 0 0 15px #db2777; border-color: #fbcfe8; } 100% { box-shadow: inset 0 0 40px #ec4899, 0 0 40px #ec4899; border-color: #f472b6; } }
        @keyframes goldPulse { 0% { box-shadow: inset 0 0 15px #d97706, 0 0 15px #d97706; border-color: #fde047; } 100% { box-shadow: inset 0 0 40px #f59e0b, 0 0 40px #f59e0b; border-color: #fbbf24; } }

        /* ВИЗУАЛЬНАЯ НОВЕЛЛА */
        .vn-bg { background: radial-gradient(circle at center, #1a0a20 0%, #000000 100%); position: relative; }
        .vn-character { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); height: 80vh; filter: drop-shadow(0 0 20px rgba(220,38,38,0.3)); opacity: 0; transition: opacity 1s, transform 0.5s; pointer-events: none; }
        .vn-character.show { opacity: 1; transform: translateX(-50%) scale(1); }
        .vn-character.talking { animation: vnFloat 2s infinite alternate; }
        @keyframes vnFloat { 0% { transform: translateX(-50%) translateY(0); } 100% { transform: translateX(-50%) translateY(-10px); } }
        .vn-dialogue-box { background: rgba(0, 0, 0, 0.85); border: 2px solid #dc2626; border-radius: 12px; backdrop-filter: blur(10px); }
        .vn-name-plate { background: #dc2626; color: white; padding: 5px 20px; font-weight: 900; position: absolute; top: -15px; left: -10px; box-shadow: 0 0 10px red; }

        .vn-choice-btn { background: rgba(220, 38, 38, 0.1); border: 1px solid rgba(220, 38, 38, 0.5); padding: 12px 24px; color: white; font-weight: bold; text-transform: uppercase; border-radius: 8px; transition: all 0.2s; cursor: pointer; text-align: center; }
        .vn-choice-btn:hover { background: rgba(220, 38, 38, 0.8); box-shadow: 0 0 20px rgba(220, 38, 38, 0.5); transform: scale(1.02); }
        .vn-input-field { background: rgba(0,0,0,0.5); border: 1px solid rgba(255,255,255,0.2); color: white; padding: 12px; width: 100%; border-radius: 8px; outline: none; font-family: 'Montserrat'; transition: all 0.3s; }
        .vn-input-field:focus { border-color: #dc2626; box-shadow: 0 0 15px rgba(220,38,38,0.4); }

        #loreParticleContainer { position: absolute; inset: 0; pointer-events: none; z-index: 10; overflow: hidden; }
        .lore-particle { position: absolute; border-radius: 50%; pointer-events: none; }

        /* ===== ROSTER CENTERING ===== */
        #rosterGrid, #vacationGrid, #graduatedGrid {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 1.5rem;
        }
        #rosterGrid > *, #vacationGrid > *, #graduatedGrid > * {
            flex: 1 1 200px;
            max-width: 300px;
        }

        /* ===== RADIO WIDGET COLLAPSE ===== */
        #radioWidget {
            max-width: 64px;
            min-width: 0;
            overflow: hidden;
            transition: max-width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
        }
        #radioWidget:hover {
            max-width: 400px;
        }
        #radioWidget > :nth-child(n+2) {
            opacity: 0;
            transition: opacity 0.25s ease;
        }
        #radioWidget:hover > :nth-child(n+2) {
            opacity: 1;
        }
        #radioVolume {
            width: 0;
            opacity: 0;
            transition: width 0.3s ease 0.15s, opacity 0.3s ease 0.15s;
            cursor: pointer;
        }
        #radioWidget:hover #radioVolume {
            width: 96px;
            opacity: 1;
        }

        /* ===== UNIFIED DASHBOARD SIDEBAR ===== */
        .dash-layout { display: flex; min-height: 100vh; background: #05000a; }
        .dash-sidebar { width: 240px; min-width: 240px; background: rgba(10,10,20,0.95); border-right: 1px solid rgba(255,255,255,0.04); display: flex; flex-direction: column; backdrop-filter: blur(20px); z-index: 50; }
        .dash-logo { display: flex; align-items: center; gap: 10px; padding: 24px 20px 20px; font-size: 16px; font-weight: 900; text-transform: uppercase; letter-spacing: -0.02em; border-bottom: 1px solid rgba(255,255,255,0.04); color: white; }
        .dash-logo i { font-size: 20px; color: #dc2626; }
        .dash-nav { flex: 1; padding: 12px 10px; overflow-y: auto; display: flex; flex-direction: column; gap: 2px; }
        .dash-nav-item { display: flex; align-items: center; gap: 10px; padding: 10px 14px; border: none; background: none; color: rgba(255,255,255,0.35); font-family: 'Montserrat'; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; border-radius: 10px; cursor: pointer; transition: all 0.2s; text-align: left; width: 100%; position: relative; }
        .dash-nav-item i { width: 18px; text-align: center; font-size: 12px; }
        .dash-nav-item:hover { color: rgba(255,255,255,0.7); background: rgba(255,255,255,0.04); }
        .dash-nav-item.active { color: white; background: rgba(220,38,38,0.12); box-shadow: inset 3px 0 0 #dc2626; }
        .dash-nav-item.active i { color: #dc2626; }
        .dash-section-label { padding: 8px 14px 4px; font-size: 8px; font-weight: 900; text-transform: uppercase; letter-spacing: 0.15em; color: rgba(255,255,255,0.15); }
        .dash-badge { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); background: #dc2626; color: white; font-size: 8px; font-weight: 900; padding: 2px 6px; border-radius: 6px; min-width: 18px; text-align: center; }
        .dash-divider { height: 1px; background: rgba(255,255,255,0.06); margin: 6px 14px; }
        .dash-footer { padding: 14px 16px; border-top: 1px solid rgba(255,255,255,0.04); display: flex; align-items: center; justify-content: space-between; }
        .dash-userinfo { display: flex; align-items: center; gap: 10px; overflow: hidden; }
        .dash-avatar { width: 32px; height: 32px; border-radius: 10px; background: linear-gradient(135deg, #dc2626, #7c3aed); display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 900; color: white; flex-shrink: 0; }
        .dash-username { font-size: 11px; font-weight: 900; color: white; text-transform: uppercase; letter-spacing: 0.02em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 120px; }
        .dash-role { font-size: 8px; color: rgba(255,255,255,0.3); text-transform: uppercase; font-weight: 700; letter-spacing: 0.1em; }
        #dashLogout { background: none; border: none; color: rgba(255,255,255,0.2); font-size: 14px; cursor: pointer; padding: 6px; border-radius: 8px; transition: all 0.2s; }
        #dashLogout:hover { color: #ef4444; background: rgba(239,68,68,0.1); }

        .dash-main { flex: 1; padding: 32px; overflow-y: auto; max-height: 100vh; }
        .dash-tab { display: block; }
        .dash-tab.hidden { display: none; }
        .dash-tab-header { margin-bottom: 24px; padding-bottom: 16px; border-bottom: 1px solid rgba(255,255,255,0.04); }
        .dash-tab-header h2 { font-size: 22px; font-weight: 900; text-transform: uppercase; letter-spacing: -0.02em; color: white; }
        .dash-tab-header p { font-size: 10px; color: rgba(255,255,255,0.3); text-transform: uppercase; font-weight: 700; letter-spacing: 0.1em; margin-top: 4px; }
        .dash-badge-status { background: rgba(234,179,8,0.15); color: #eab308; padding: 4px 12px; border-radius: 8px; font-size: 9px; font-weight: 900; text-transform: uppercase; letter-spacing: 0.1em; animation: pulse 2s infinite; }

        @media (max-width: 768px) {
            .dash-sidebar { width: 60px; min-width: 60px; }
            .dash-sidebar .dash-logo span { display: none; }
            .dash-sidebar .dash-logo i { font-size: 24px; }
            .dash-nav-item span { display: none; }
            .dash-nav-item i { width: auto; font-size: 16px; }
            .dash-nav-item { justify-content: center; padding: 12px; }
            .dash-badge { display: none; }
            .dash-username, .dash-role { display: none; }
            .dash-avatar { width: 28px; height: 28px; }
            .dash-footer { justify-content: center; }
            .dash-main { padding: 16px; }
        }
        .password-wrapper { position:relative; display:flex; align-items:center; }
        .password-wrapper input { width:100%; padding-right:40px !important; }
        .password-toggle { position:absolute; right:10px; top:50%; transform:translateY(-50%); background:none; border:none; color:#666; cursor:pointer; font-size:14px; padding:4px; transition:color .2s; display:flex; align-items:center; justify-content:center; line-height:1; }
        .password-toggle:hover { color:#fff; }