:root{--sidebar-collapsed: 72px;--sidebar-expanded: 240px;--sidebar-bg: #0F1B33;--sidebar-bg-hover: #152544;--sidebar-active: #1D2E52;--sidebar-text: #E4ECF7;--sidebar-muted: #bcd0f0;--sidebar-border: rgba(255,255,255,.08);--header-height: 64px;--transition: .22s ease;--radius: 10px}html,body{height:100%}body{background:#f5f7fb;color:#111827}a{color:inherit;text-decoration:none}.preloader{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff;display:grid;place-items:center;z-index:9999}.preloader-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #000;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body.loaded .preloader{opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.layout-container{min-height:100vh}.layout-content{margin-left:var(--sidebar-expanded);padding-top:var(--header-height);transition:margin-left var(--transition);min-height:100vh}.layout-content:not(.sidebar-open){margin-left:var(--sidebar-collapsed)}.sidebar{position:fixed;top:0;left:0;height:100vh;width:var(--sidebar-collapsed);background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);padding:14px 10px;z-index:1200;overflow-y:auto;overflow-x:visible;transition:width var(--transition),transform var(--transition)}.sidebar.open{width:var(--sidebar-expanded)}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.sidebar-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.sidebar-logo{width:100%;text-align:center}.sidebar-logo img{width:44px;height:44px;object-fit:contain;filter:brightness(.95);transition:transform var(--transition)}.sidebar.open .sidebar-logo img{transform:scale(1.05)}.sidebar-close{border:none;background:transparent;color:var(--sidebar-muted);font-size:20px;cursor:pointer;padding:6px;border-radius:999px;transition:background var(--transition),color var(--transition),transform var(--transition)}.sidebar-close:hover{background:#ffffff1f;color:#fff;transform:scale(1.05)}.sidebar-menu{list-style:none;margin:0;padding:0}.sidebar-menu li{margin-bottom:6px}.sidebar-item{position:relative;width:100%}.sidebar-link{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;color:var(--sidebar-text);border-radius:var(--radius);font-size:14px;font-weight:600;cursor:pointer;position:relative;transition:background var(--transition),color var(--transition),padding var(--transition)}.sidebar-link i{font-size:18px;min-width:20px;text-align:center}.sidebar:not(.open) .sidebar-link span{opacity:0;width:0;overflow:hidden;white-space:nowrap}.sidebar.open .sidebar-link span{opacity:1;width:auto}.sidebar-link:hover{background:var(--sidebar-bg-hover)}.sidebar:not(.open) .chevron{display:none}.chevron{margin-left:auto;transition:transform var(--transition);opacity:.7}.chevron.rotate{transform:rotate(180deg)}.sidebar:not(.open) .sidebar-link{justify-content:center;padding:10px}.sidebar-link.active{background:var(--sidebar-active);color:#fff;box-shadow:inset 3px 0 #ffffffe6}.sidebar:not(.open) .sidebar-link.active{box-shadow:inset 0 0 0 1px #ffffff40}.sidebar-dropdown{margin-top:6px;margin-left:6px;background:#162341;border-left:2px solid #2A3C63;border-radius:8px;padding:6px 0}.sidebar-dropdown a{display:block;padding:8px 16px;color:#cfe2ff;font-size:13px;border-radius:6px;transition:background var(--transition)}.sidebar-dropdown a:hover{background:#ffffff14}.sidebar-dropdown a.active,.sidebar-subdropdown a.active{background:#ffffff1f;font-weight:700;color:#fff}.sidebar-subitem{padding:6px 0}.sidebar-sublabel{font-size:12px;color:var(--sidebar-muted);padding:4px 16px;opacity:.9;margin-bottom:2px;display:block}.sidebar-subdropdown li a{padding-left:28px}.sidebar:not(.open) .sidebar-dropdown{position:absolute;left:calc(100% + 8px);top:0;min-width:220px;margin:0;border-left:none;border-radius:10px;box-shadow:0 10px 28px #00000047;z-index:2500}.sidebar:not(.open) .sidebar-item.dropdown-open>.sidebar-dropdown{display:block}.sidebar-tooltip{position:fixed;transform:translateY(-50%);background:#111827;color:#fff;padding:6px 8px;border-radius:6px;white-space:nowrap;font-size:12px;font-weight:600;z-index:4000;box-shadow:0 8px 18px #00000040;pointer-events:none}.page-header{height:var(--header-height);background:#fff;border-bottom:1px solid #e5e7eb;padding:0 16px;position:fixed;top:0;left:var(--sidebar-expanded);right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;transition:left var(--transition)}.layout-content:not(.sidebar-open) .page-header{left:var(--sidebar-collapsed)}.header-left,.header-right{display:flex;align-items:center;gap:14px}.burger-btn,.navbar-toggler{border:none;background:transparent;font-size:20px;cursor:pointer}.search-box{position:relative}.search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);opacity:.55}.search-input{padding:6px 10px 6px 32px;border-radius:8px;border:1px solid #e5e7eb;background:#f9fafb;min-width:220px}.search-input:focus{outline:none;background:#fff;border-color:#c7d2fe;box-shadow:0 0 0 3px #6366f11f}.user-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.notification-bell{position:relative;cursor:pointer;color:#111827;font-size:20px}.notification-badge{position:absolute;top:-4px;right:-6px;background:#ef4444;color:#fff;border-radius:999px;padding:1px 5px;font-size:10px;font-weight:700}.page-header .dropdown-menu{z-index:2000}.dropdown-user-info{padding:10px 12px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #e5e7eb}main.p-4{padding:18px 18px 28px!important}@media (max-width: 768px){.sidebar{width:100vw;max-width:100vw;transform:translate(-110%)}.sidebar.open{width:100vw;max-width:100vw;transform:translate(0)}.layout-content,.layout-content:not(.sidebar-open){margin-left:0}.page-header,.layout-content:not(.sidebar-open) .page-header{left:0}.search-input{min-width:140px}.sidebar .sidebar-dropdown{position:static;box-shadow:none;margin-top:6px;border-left:2px solid #2A3C63;min-width:auto;border-radius:8px}}