:root{--brand-primary:#20a985;--brand-glow:rgba(32,169,133,0.5);--brand-dark:#0d473c;--bg-sidebar:#0f172a;--bg-section:rgba(255,255,255,0.02);--glass-border:rgba(255,255,255,0.06);--glass-highlight:rgba(255,255,255,0.1);--text-main:#f8fafc;--text-muted:#94a3b8;--text-header:#64748b}.modern-sidebar *{transform-style:preserve-3d;backface-visibility:hidden}.modern-sidebar{background:var(--bg-sidebar) !important;border-left:1px solid var(--glass-border) !important;box-shadow:5px 0 30px rgba(0,0,0,0.2) !important}.sidebar-section-container{background:var(--bg-section);margin:0 12px 16px 12px;padding:8px;border-radius:16px;border:1px solid transparent;transition:all 0.3s ease}.sidebar-section-container:hover{background:rgba(255,255,255,0.04);border-color:var(--glass-border)}.section-header{display:flex;align-items:center;padding:0 8px 8px 8px;margin-bottom:4px}.section-header-text{font-family:'Cairo',sans-serif;font-size:0.75rem;font-weight:700;color:var(--text-header);letter-spacing:0.5px}.sidebar-logo-area{background:linear-gradient(180deg,rgba(15,23,42,1) 0%,rgba(15,23,42,0.9) 100%);backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);margin-bottom:16px;padding:20px 0;box-shadow:0 10px 30px -10px rgba(0,0,0,0.3);z-index:20;position:relative;overflow:hidden}.sidebar-logo-area::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(32,169,133,0.05) 0%,transparent 60%);animation:rotateShine 15s linear infinite;pointer-events:none}@keyframes rotateShine{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.logo-container{background:linear-gradient(135deg,var(--brand-primary),var(--brand-dark));box-shadow:0 0 0 4px rgba(32,169,133,0.1),0 10px 20px -5px var(--brand-glow);transition:all 0.5s cubic-bezier(0.34,1.56,0.64,1);border-radius:14px;position:relative;z-index:10}.logo-container:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 0 0 6px rgba(32,169,133,0.2),0 15px 30px -5px var(--brand-glow)}.brand-text-container{padding-right:12px;z-index:10}.brand-title{font-family:'Cairo',sans-serif;font-size:0.9rem !important;font-weight:800 !important;background:linear-gradient(90deg,#ffffff,#e2e8f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-0.5px;text-shadow:0 2px 10px rgba(0,0,0,0.1)}.brand-subtitle{color:var(--brand-primary) !important;letter-spacing:2px !important;font-size:0.65rem !important;opacity:0.9;margin-top:2px;display:block}.modern-nav-item{position:relative;border-radius:10px;margin-bottom:2px;transition:all 0.2s cubic-bezier(0.4,0,0.2,1);color:var(--text-muted);border:1px solid transparent}.modern-nav-item:hover{background:rgba(255,255,255,0.05);color:var(--text-main);transform:translateX(-2px)}.modern-nav-item.active{background:linear-gradient(90deg,rgba(32,169,133,0.15),rgba(32,169,133,0.05));border:1px solid rgba(32,169,133,0.3);color:#fff !important;box-shadow:0 4px 12px rgba(0,0,0,0.1)}.modern-nav-item.active::before{content:'';position:absolute;right:-1px;top:10px;bottom:10px;width:3px;background:var(--brand-primary);border-radius:3px 0 0 3px;box-shadow:0 0 8px var(--brand-glow)}.modern-nav-item i{transition:transform 0.3s ease;width:24px;text-align:center}.modern-nav-item:hover i{transform:scale(1.1);color:var(--brand-primary)}.modern-nav-item.active i{color:var(--brand-primary);filter:drop-shadow(0 0 5px var(--brand-glow))}.user-profile-section{background:#0f172a;border-top:1px solid var(--glass-border);padding:16px 12px;z-index:20}.user-profile-card{background:linear-gradient(145deg,#1e293b,#0f172a);border:1px solid var(--glass-border);border-radius:14px;transition:all 0.3s ease;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1)}.user-profile-card:hover{border-color:var(--brand-primary);transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,0.2)}.user-profile-card img{border:2px solid rgba(255,255,255,0.1);transition:border-color 0.3s ease}.user-profile-card:hover img{border-color:var(--brand-primary)}.sidebar-tooltip{background:#1e293b !important;color:white !important;font-size:0.75rem !important;padding:6px 10px !important;border-radius:6px !important;box-shadow:0 10px 15px -3px rgba(0,0,0,0.3) !important;border:1px solid var(--glass-border) !important;white-space:nowrap;z-index:50;pointer-events:none;animation:fadeIn 0.2s ease}@keyframes fadeIn{from{opacity:0;transform:translateX(5px)}to{opacity:1;transform:translateX(0)}}.sidebar-scroll::-webkit-scrollbar{width:4px}.sidebar-scroll::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.1);border-radius:4px}.sidebar-scroll:hover::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.2)}