.sidebar{--sidebar-width:68px;background:var(--sidebar-bg,#fff);z-index:1001;flex-direction:column;width:68px;height:100vh;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;left:0;overflow-x:hidden;box-shadow:4px 0 24px #00000005}@media (min-width:1024px){.sidebar{position:sticky;top:0;left:auto}}.sidebar.expanded{--sidebar-width:270px;width:270px}.sidebar.expanded .sidebar-top .logo{gap:12px}.sidebar.expanded .sidebar-top .logo .logo-text{opacity:1;visibility:visible;width:auto;transition-delay:.15s}.sidebar.expanded .menu .menu-item .sidebar-icon-wrapper{margin-right:12px}.sidebar.expanded .menu .menu-item .text{opacity:1;visibility:visible;flex:1;width:auto;transition-delay:.1s}.sidebar.expanded .menu .menu-item .chevron-icon{opacity:.5;visibility:visible;flex:none;width:auto;transition-delay:.1s}.sidebar .sidebar-top{background-color:var(--sidebar-header-bg,#1c212d);border-bottom:1px solid #ffffff0d;align-items:center;width:100%;height:64px;padding:0 23px;display:flex}.sidebar .sidebar-top .logo{cursor:pointer;align-items:center;gap:0;transition:gap .3s cubic-bezier(.4,0,.2,1);display:flex}.sidebar .sidebar-top .logo .company-logo-img{object-fit:contain;background:#fff;border-radius:4px;flex-shrink:0;width:24px;height:24px;padding:1px}.sidebar .sidebar-top .logo .logo-icon-container{flex-direction:column;gap:3px;display:flex}.sidebar .sidebar-top .logo .logo-icon-container .logo-line{background:var(--theme-color,#facc15);border-radius:2px;width:22px;height:4px;transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar .sidebar-top .logo .logo-icon-container .logo-line:nth-child(2){opacity:.8;width:14px}.sidebar .sidebar-top .logo .logo-icon-container .logo-line:nth-child(3){opacity:.6;width:18px}.sidebar .sidebar-top .logo .logo-text{color:var(--sidebar-header-text,#fff);letter-spacing:-.5px;white-space:nowrap;opacity:0;visibility:hidden;width:0;font-size:20px;font-weight:800;transition:opacity .15s cubic-bezier(.4,0,.2,1),visibility .15s,width .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.sidebar .sidebar-top .logo:hover .logo-line:nth-child(2),.sidebar .sidebar-top .logo:hover .logo-line:nth-child(3){width:22px}.sidebar .sidebar-middle{scrollbar-width:none;flex:1;padding:16px 0;overflow-y:auto}.sidebar .sidebar-middle::-webkit-scrollbar{display:none}.sidebar .sidebar-middle{border-right:1px solid var(--sidebar-border,#e2e8f0);flex-direction:column;gap:2px;display:flex}.sidebar .menu{margin:0;padding:0;list-style:none}.sidebar .menu .menu-item{height:42px;color:var(--sidebar-text,#1e293ba6);cursor:pointer;border-radius:8px;align-items:center;margin:0 10px 4px;padding:0 12px;font-size:13.5px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.sidebar .menu .menu-item .sidebar-icon-wrapper{width:24px;min-width:24px;height:24px;color:var(--sidebar-text,#1e293ba6);justify-content:center;align-items:center;margin-right:0;transition:margin-right .3s cubic-bezier(.4,0,.2,1),color .3s;display:flex}.sidebar .menu .menu-item .sidebar-icon-wrapper img{object-fit:contain;width:20px;height:20px;filter:var(--sidebar-icon-filter,none) opacity(.7);transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar .menu .menu-item .sidebar-icon-wrapper svg{color:currentColor;width:20px;height:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar .menu .menu-item .text{white-space:nowrap;opacity:0;visibility:hidden;flex:0 0 0;width:0;transition:opacity .15s cubic-bezier(.4,0,.2,1),visibility .15s,flex .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.sidebar .menu .menu-item .chevron-icon{opacity:0;visibility:hidden;flex:0 0 0;width:0;transition:transform .3s,opacity .15s cubic-bezier(.4,0,.2,1),visibility .15s,flex .3s cubic-bezier(.4,0,.2,1)}.sidebar .menu .menu-item .chevron-icon.expanded{transform:rotate(180deg)}.sidebar .menu .menu-item:hover:not(.active){background:var(--sidebar-bg-hover,#0f172a0a);color:var(--sidebar-text-hover,#111827)}.sidebar .menu .menu-item:hover:not(.active) .sidebar-icon-wrapper{color:var(--sidebar-text-hover,#111827)}.sidebar .menu .menu-item:hover:not(.active) .sidebar-icon-wrapper img{filter:var(--sidebar-icon-filter,none) opacity(1)}.sidebar .menu .menu-item.active{background:var(--sidebar-bg-active,#facc151f);color:var(--sidebar-text-active,#111827);font-weight:600}.sidebar .menu .menu-item.active:before{content:"";background:var(--theme-color,#facc15);border-radius:0;width:4px;position:absolute;top:0;bottom:0;left:0}.sidebar .menu .menu-item.active .sidebar-icon-wrapper{color:var(--sidebar-text-active,#111827)}.sidebar .menu .menu-item.active .sidebar-icon-wrapper img{filter:var(--sidebar-icon-filter,none) opacity(1)}.sidebar .submenu{border-left:2px solid var(--sidebar-border,#e2e8f0);margin:-2px 0 8px 24px;padding:4px 0 8px;list-style:none;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.sidebar .submenu.collapsed{display:none}.sidebar .submenu .submenu-item{height:36px;color:var(--sidebar-text,#1e293ba6);cursor:pointer;white-space:nowrap;border-radius:0 8px 8px 0;align-items:center;margin-bottom:2px;padding:0 12px 0 20px;font-size:13px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.sidebar .submenu .submenu-item:before{content:"";background:var(--sidebar-border,#e2e8f0);width:12px;height:2px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:0}.sidebar .submenu .submenu-item:after{content:"";background:var(--sidebar-text,#1e293ba6);border-radius:50%;width:4px;height:4px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.sidebar .submenu .submenu-item:hover{background:var(--sidebar-bg-hover,#0f172a0a);color:var(--sidebar-text-hover,#111827)}.sidebar .submenu .submenu-item:hover:after{background:var(--sidebar-text-hover,#111827);transform:translateY(-50%)scale(1.5)}.sidebar .submenu .submenu-item.active{color:var(--sidebar-text-active,#111827);background:var(--sidebar-bg-active,#facc151f);font-weight:600}.sidebar .submenu .submenu-item.active:before{background:var(--theme-color,#facc15)}.sidebar .submenu .submenu-item.active:after{background:var(--theme-color,#facc15);transform:translateY(-50%)scale(1.5)}.sidebar .menu-divider{background:var(--sidebar-border,#e2e8f0);height:1px;margin:12px 10px}.sidebar .sidebar-middle .sidebar-bottom{border-top:1px solid var(--sidebar-border,#e2e8f0);margin-top:auto;box-sizing:border-box!important;width:100%!important;margin-left:0!important;margin-right:0!important;padding:12px 0 0!important}.sidebar .sidebar-middle .sidebar-bottom .menu{margin:0!important;padding:0!important}.sidebar .sidebar-middle .sidebar-bottom .menu .menu-item{margin:0 10px 4px!important;padding:0 12px!important}.sidebar:not(.expanded){width:68px}.sidebar:not(.expanded) .sidebar-middle{padding:16px 0}.sidebar:not(.expanded) .menu-item{margin:0 10px 4px}.sidebar:not(.expanded) .submenu{display:none}.sidebar:not(.expanded) .menu-divider{margin:12px 10px}.sidebar:not(.expanded) .sidebar-middle .sidebar-bottom{box-sizing:border-box!important;width:100%!important;margin-left:0!important;margin-right:0!important;padding:12px 0 0!important}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;opacity:0;pointer-events:none;background:#0f172a4d;transition:opacity .3s;position:fixed;inset:0}.sidebar-overlay.active{opacity:1;pointer-events:auto}.global-sidebar-tooltip{color:#fff;pointer-events:none;z-index:2000;white-space:nowrap;background:#1e293b;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;position:fixed;left:76px;transform:translateY(-50%);box-shadow:0 4px 12px #0000001a}.global-sidebar-tooltip:after{content:"";background:#1e293b;width:8px;height:8px;position:absolute;top:50%;left:-4px;transform:translateY(-50%)rotate(45deg)}@media (max-width:1023px){.sidebar{box-shadow:none;transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:20px 0 50px #0000001a}}
.header{background:var(--topbar-bg,#1c212d);width:100%;height:64px;color:var(--topbar-text,#fff);border-bottom:1px solid var(--topbar-border,#ffffff14);justify-content:space-between;align-items:center;padding:0 24px;display:flex}.header .header-left{align-items:center;gap:16px;display:flex}.header .header-left .sidebar-toggle-btn{background:var(--topbar-border,#ffffff14);cursor:pointer;border:1px solid var(--topbar-border,#ffffff1a);width:40px;height:40px;color:var(--topbar-text-active,#fff);border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex}.header .header-left .sidebar-toggle-btn:hover{background:var(--topbar-border,#ffffff26);transform:scale(1.05)}.header .header-left .sidebar-toggle-btn:active{transform:scale(.95)}.header .header-center{flex:1;justify-content:center;display:flex}@media (max-width:1023px){.header .header-center{display:none}}.header .header-center .contextual-nav{background:var(--topbar-border,#ffffff0d);border:1px solid var(--topbar-border,#ffffff14);border-radius:12px;gap:6px;padding:6px;display:flex}.header .header-center .contextual-nav .nav-btn{color:var(--topbar-text,#94a3b8);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;padding:8px 18px;font-size:13px;font-weight:700;transition:all .2s}.header .header-center .contextual-nav .nav-btn:hover{color:var(--topbar-text-active,#fff);background:var(--topbar-border,#ffffff0d)}.header .header-center .contextual-nav .nav-btn.active{color:var(--theme-color-text,#1c212d);background:var(--theme-color,#facc15);box-shadow:0 4px 12px rgba(var(--theme-color,#facc15), .2)}.header .header-right{align-items:center;gap:16px;display:flex}.header .header-right .icon-style{background:var(--topbar-border,#ffffff0d);cursor:pointer;width:40px;height:40px;color:var(--topbar-text,#cbd5e1);border:0;border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.header .header-right .icon-style:hover{background:var(--topbar-border,#ffffff1a);color:var(--topbar-text-active,#fff)}.header .header-right .icon-style.logout-btn{color:#ef4444;background:#ef444414;border:1px solid #ef444426}.header .header-right .icon-style.logout-btn:hover{color:#f87171;background:#ef444426;border-color:#ef44444d}.header .header-right .icon-style .notification-badge{background:var(--theme-color,#facc15);border:2px solid var(--topbar-bg,#1c212d);min-width:17px;height:17px;color:var(--theme-color-text,#1c212d);border-radius:999px;justify-content:center;align-items:center;padding:0 4px;font-size:10px;font-weight:800;line-height:1;display:inline-flex;position:absolute;top:4px;right:3px}.header .header-right .avatar-container{position:relative}.header .header-right .avatar-container .avatar-info{background:var(--topbar-border,#ffffff0d);cursor:pointer;border:1px solid var(--topbar-border,#ffffff1a);color:inherit;border-radius:12px;align-items:center;gap:12px;padding:4px 10px 4px 8px;font-family:inherit;transition:all .2s;display:flex}.header .header-right .avatar-container .avatar-info:hover{background:var(--topbar-border,#ffffff1a)}.header .header-right .avatar-container .avatar-info .avatar{border:2px solid #fff3;border-radius:50%;width:32px;height:32px}.header .header-right .avatar-container .avatar-info .user-name{color:var(--topbar-text-active,#f1f5f9);font-size:14px;font-weight:600}@media (max-width:768px){.header .header-right .avatar-container .avatar-info .user-name{display:none}}.header .header-right .avatar-container .avatar-info .user-role{color:var(--topbar-text-active,#fff);background:var(--topbar-border,#ffffff14);border:1px solid var(--topbar-border,#ffffff26);white-space:nowrap;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:800;line-height:1}@media (max-width:900px){.header .header-right .avatar-container .avatar-info .user-role{display:none}}.header .header-right .role-switcher{position:relative}.header .header-right .role-switcher .role-chip{background:var(--topbar-border,#ffffff0d);border:1px solid var(--topbar-border,#ffffff1f);cursor:pointer;width:160px;height:40px;color:var(--topbar-text-active,#f1f5f9);white-space:nowrap;border-radius:8px;align-items:center;padding:0 12px;font-family:inherit;font-size:13.5px;font-weight:700;transition:all .18s;display:flex}.header .header-right .role-switcher .role-chip:hover,.header .header-right .role-switcher .role-chip.open{background:var(--topbar-border,#ffffff1f);border-color:var(--theme-color,#facc15)}.header .header-right .role-switcher .role-chip .role-chip-dot{background:var(--theme-color,#facc15);border-radius:50%;flex-shrink:0;width:7px;height:7px}.header .header-right .role-switcher .role-chip .role-chip-label{letter-spacing:.01em;margin-left:8px;margin-right:auto}.header .header-right .role-switcher .role-chip .role-chip-chevron{opacity:.7;flex-shrink:0;transition:transform .2s}.header .header-right .role-switcher .role-chip .role-chip-chevron.rotated{transform:rotate(180deg)}
.dashboard-layout{background:var(--background,#f8fafc);width:100vw;height:100vh;display:flex;position:fixed;inset:0;overflow:hidden}.dashboard-layout .sidebar-container{z-index:1010;height:100vh}.dashboard-layout .main-content-wrapper{--sidebar-width:68px;flex:1;grid-template-rows:auto 1fr;min-width:0;height:100vh;transition:padding-left .3s cubic-bezier(.4,0,.2,1);display:grid;overflow:hidden}.dashboard-layout .main-content-wrapper.sidebar-expanded{--sidebar-width:270px}.dashboard-layout .main-content-wrapper.sidebar-collapsed{--sidebar-width:68px}@media (min-width:1024px){.dashboard-layout .main-content-wrapper{padding-left:0!important}}@media (max-width:1023px){.dashboard-layout .main-content-wrapper{padding-left:0!important}}.dashboard-layout .main-content-wrapper .header-layout{background:var(--topbar-bg,#1c212d);z-index:1000;height:64px;box-shadow:0 4px 20px #0000001a}.dashboard-layout .main-content-wrapper .main-content{background:var(--background,#f8fafc);flex-direction:column;display:flex;overflow:hidden auto}.dashboard-layout .main-content-wrapper .main-content::-webkit-scrollbar{width:6px}.dashboard-layout .main-content-wrapper .main-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.dashboard-layout .main-content-wrapper .main-content .content-container{flex:1;width:100%;max-width:1600px;margin:0 auto;padding:32px}@media (max-width:768px){.dashboard-layout .main-content-wrapper .main-content .content-container{padding:20px 16px}}.dashboard-layout.setup-mode .sidebar-container,.dashboard-layout.setup-mode .header-layout{display:none!important}.dashboard-layout.setup-mode .main-content-wrapper{padding-left:0!important}.dashboard-layout.setup-mode .main-content-wrapper .main-content{padding-top:0!important}.dashboard-layout.setup-mode .main-content-wrapper .main-content .content-container{max-width:none!important;padding:0!important}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}@keyframes pulse-ring{0%{opacity:.4;transform:scale(.95)}50%{opacity:.8;transform:scale(1.1)}to{opacity:0;transform:scale(1.25)}}@keyframes bg-glow{0%{opacity:.3;transform:translate(-50%,-50%)scale(1)}50%{opacity:.45;transform:translate(-50%,-50%)scale(1.15)}to{opacity:.3;transform:translate(-50%,-50%)scale(1)}}.access-denied-container{flex-direction:column;justify-content:center;align-items:center;min-height:60vh;padding:40px 24px;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;position:relative;overflow:hidden}.access-denied-container .access-denied-glow{z-index:0;pointer-events:none;background:radial-gradient(circle,#ef44441f 0%,#ef444400 70%);border-radius:50%;width:320px;height:320px;animation:6s ease-in-out infinite bg-glow;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.access-denied-container .access-denied-card{z-index:1;-webkit-backdrop-filter:blur(16px);text-align:center;background:#fffc;border:1px solid #e2e8f0cc;border-radius:24px;flex-direction:column;align-items:center;width:100%;max-width:460px;padding:48px 40px;display:flex;position:relative;box-shadow:0 20px 25px -5px #0000000d,0 10px 10px -5px #00000005,0 0 0 1px #00000003}.access-denied-container .access-denied-icon-wrapper{justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:24px;animation:4s ease-in-out infinite float;display:flex;position:relative}.access-denied-container .access-denied-icon-bg{z-index:2;background:linear-gradient(135deg,#fff1f2 0%,#ffe4e6 100%);border:1px solid #ef444426;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;box-shadow:0 8px 20px -6px #ef444440,inset 0 2px 4px #fff9}.access-denied-container .access-denied-icon-ring{z-index:1;border:1.5px solid #ef444426;border-radius:50%;width:100px;height:100px;animation:2.5s cubic-bezier(.215,.61,.355,1) infinite pulse-ring;position:absolute}.access-denied-container .access-denied-badge{color:#b91c1c;letter-spacing:.08em;text-transform:uppercase;background:#fef2f2;border:1px solid #fee2e2;border-radius:9999px;align-items:center;gap:6px;margin-bottom:20px;padding:6px 14px;font-size:11px;font-weight:700;display:inline-flex}.access-denied-container .access-denied-badge-dot{background-color:#ef4444;border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 8px #ef4444cc}.access-denied-container .access-denied-title{color:#0f172a;letter-spacing:-.02em;margin:0 0 10px;font-size:24px;font-weight:800}.access-denied-container .access-denied-text{color:#64748b;max-width:320px;margin:0;font-size:14px;line-height:1.6}