:root{--primary-dark: #0f172a;--secondary-dark: #1e293b;--gold: #f59e0b;--gold-hover: #d97706;--bg-light: #f8fafc;--text-primary: #1e293b;--text-muted: #64748b;--border-light: rgba(241, 245, 249, .9);--border-dark: rgba(255, 255, 255, .08);--shadow-sm: 0 1px 3px rgba(0,0,0,.05);--shadow-md: 0 8px 30px rgba(0,0,0,.05);--shadow-lg: 0 15px 40px rgba(0,0,0,.08);--radius-lg: 18px;--radius-md: 12px}body[data-saas-platform]{background:var(--bg-light);color:var(--text-primary);min-height:100vh;display:flex;flex-direction:column}body.dark-theme{background:#090d16!important;color:#f1f5f9!important;--bg-light: #090d16;--text-primary: #f1f5f9;--text-muted: #94a3b8;--border-light: rgba(255, 255, 255, .08)}body.dark-theme .saas-header{background:#111827d9!important;border-bottom:1px solid rgba(255,255,255,.08)!important;box-shadow:0 4px 25px #0006!important}body.dark-theme .logo-brand{color:#fff!important}body.dark-theme .nav-link-item.active{background:#fff!important;color:#0f172a!important}body.dark-theme .nav-search-bar input{background:#ffffff0d!important;color:#fff!important}body.dark-theme .nav-search-bar input:focus{background:#111827!important;border-color:var(--gold)!important}body.dark-theme .nav-action-btn{background:#ffffff0d!important;color:#f1f5f9!important}body.dark-theme .notif-dropdown-quick,body.dark-theme .profile-dropdown-card{background:#111827!important;border-color:#ffffff14!important;box-shadow:0 15px 45px #00000080!important}body.dark-theme .profile-dropdown-card h4,body.dark-theme .profile-dropdown-card span{color:#fff!important}body.dark-theme .dropdown-divider{border-top-color:#ffffff14!important}body.dark-theme .dropdown-links a{color:#cbd5e1!important}body.dark-theme .dropdown-links a:hover{background:#f59e0b14!important;color:var(--gold)!important}body.dark-theme .saas-nav-menu.mobile-open{background:#111827!important;border-bottom-color:#ffffff14!important}.saas-header{position:sticky;top:0;z-index:2000;background:#ffffffd9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(15,23,42,.06);box-shadow:0 4px 20px #00000005}.saas-nav-container{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:14px 40px;gap:20px}.nav-logo-area{display:flex;align-items:center}.logo-link{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.logo-img{height:38px;width:38px;object-fit:contain;border-radius:8px}.logo-text-group{display:flex;flex-direction:column}.logo-brand{font-size:1.4rem;font-weight:800;color:var(--primary-dark);line-height:1.1;letter-spacing:-.5px}.logo-subtitle{font-size:.65rem;font-weight:700;color:var(--gold);letter-spacing:1.5px}.saas-nav-menu{display:flex;align-items:center}.nav-links-list{list-style:none;display:flex;align-items:center;gap:8px}.nav-link-item{text-decoration:none;color:var(--text-muted);font-size:.88rem;font-weight:600;padding:10px 16px;border-radius:12px;display:flex;align-items:center;gap:8px;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1)}.nav-link-item i{font-size:.95rem}.nav-link-item:hover{color:var(--gold);background:#f59e0b0f}.nav-link-item.active{color:#fff;background:var(--primary-dark);box-shadow:0 4px 15px #0f172a26}.nav-link-item.active:after{content:"";position:absolute;bottom:-4px;left:20%;width:60%;height:3px;background:var(--gold);border-radius:4px;box-shadow:0 1px 8px #f59e0bcc}.nav-right-actions{display:flex;align-items:center;gap:15px}.nav-search-bar{position:relative;display:flex;align-items:center}.nav-search-bar input{background:#0f172a0a;border:1px solid rgba(0,0,0,0);padding:10px 16px 10px 42px;border-radius:50px;font-size:.85rem;outline:none;width:200px;color:var(--text-primary);transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-search-bar input:focus{width:250px;border-color:var(--gold);background:#fff;box-shadow:0 4px 15px #f59e0b1a}.search-icon{position:absolute;left:16px;color:var(--text-muted);font-size:.9rem}.nav-action-btn{border:none;background:#0f172a0a;color:var(--text-primary);width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;font-size:.95rem;transition:all .25s ease}.nav-action-btn:hover{background:#f59e0b1f;color:var(--gold);transform:translateY(-2px)}.pulse-badge{position:absolute;top:10px;right:10px;width:8px;height:8px;background:var(--gold);border-radius:50%;border:2px solid #fff;animation:badgePulse 2s infinite}@keyframes badgePulse{0%{box-shadow:0 0 #f59e0bb3}70%{box-shadow:0 0 0 6px #f59e0b00}to{box-shadow:0 0 #f59e0b00}}.notification-dropdown-wrapper{position:relative}.notif-dropdown-quick{position:absolute;top:55px;right:0;width:320px;background:#fff;border-radius:var(--radius-lg);border:1px solid rgba(15,23,42,.08);box-shadow:var(--shadow-lg);padding:15px;z-index:2050;animation:slideDownFade .25s cubic-bezier(.4,0,.2,1)}.notif-dropdown-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid rgba(0,0,0,.05);font-weight:700;font-size:.9rem}.notif-dropdown-header a{color:var(--gold);text-decoration:none;font-size:.75rem}.notif-dropdown-body{display:flex;flex-direction:column;gap:12px}.notif-item-quick{display:flex;gap:12px;align-items:flex-start}.notif-dot{width:8px;height:8px;background:var(--gold);border-radius:50%;margin-top:6px;flex-shrink:0}.notif-text{flex-grow:1}.notif-p{font-size:.8rem;line-height:1.4;color:var(--text-primary)}.notif-time{font-size:.7rem;color:var(--text-muted)}.header-profile-dropdown-container{position:relative}.header-profile-trigger{background:none;border:none;display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px;border-radius:50px;transition:background .2s ease}.header-profile-trigger:hover{background:#0f172a0a}.header-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid var(--border-light)}.chevron-icon{font-size:.75rem;color:var(--text-muted);transition:transform .2s}.header-profile-trigger:focus .chevron-icon{transform:rotate(180deg)}.profile-dropdown-card{position:absolute;right:0;top:55px;background:#fff;border-radius:var(--radius-lg);border:1px solid rgba(15,23,42,.08);box-shadow:var(--shadow-lg);width:230px;padding:15px;z-index:2050;display:flex;flex-direction:column;animation:slideDownFade .25s cubic-bezier(.4,0,.2,1)}.dropdown-user-info{padding-bottom:12px}.dropdown-user-info h4{color:var(--text-primary);font-size:.92rem;font-weight:700}.dropdown-user-info span{color:var(--text-muted);font-size:.75rem}.dropdown-divider{border-top:1px solid rgba(15,23,42,.06);margin:8px 0}.dropdown-links{list-style:none}.dropdown-links a{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text-primary);font-size:.82rem;padding:10px 12px;border-radius:var(--radius-md);font-weight:500;transition:all .2s}.dropdown-links a:hover{background:#f59e0b14;color:var(--gold);padding-left:16px}.dropdown-logout-btn{border:none;background:#fee2e2;color:#ef4444;font-weight:600;font-size:.8rem;padding:11px;border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:.2s}.dropdown-logout-btn:hover{background:#fecaca;color:#dc2626}.mobile-toggle-btn{display:none;border:none;background:none;color:var(--text-primary);font-size:1.3rem;cursor:pointer;transition:transform .2s ease}.mobile-toggle-btn:hover{color:var(--gold)}.hidden{display:none!important}@keyframes slideDownFade{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:1120px){.saas-nav-menu{display:none}.saas-nav-menu.mobile-open{display:block;position:absolute;top:70px;left:0;width:100%;background:#fff;border-bottom:1px solid rgba(0,0,0,.05);box-shadow:var(--shadow-lg);padding:20px;z-index:1999}.nav-links-list{flex-direction:column;align-items:stretch;gap:10px}.nav-link-item{padding:12px 16px}.mobile-toggle-btn{display:block}.nav-search-bar{display:none}}@media(max-width:768px){.saas-nav-container{padding:10px 20px}}