@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap";.sidebar{transition:transform .2s;color:#fff!important;z-index:10000!important;background-color:#0f172a!important;flex-direction:column!important;width:250px!important;height:100vh!important;display:flex!important;position:fixed!important;top:0!important;left:0!important;box-shadow:4px 0 20px #0006!important}.sidebar-header{border-bottom:1px solid #ffffff0d;padding:30px 20px}.sidebar-logo{align-items:center;gap:12px;display:flex}.sidebar-logo h2{margin:0;font-size:1.1rem;font-weight:700;color:#fff!important}.sidebar-nav{flex:1;padding:10px 12px;overflow-y:auto}.nav-link{border-radius:8px;align-items:center;gap:12px;margin-bottom:4px;padding:12px 16px;font-size:.9rem;font-weight:500;transition:all .2s;display:flex;color:#94a3b8!important;text-decoration:none!important}.nav-link:hover{background-color:#ffffff0d;color:#fff!important}.nav-link.active{box-shadow:0 4px 10px #3b82f64d;color:#fff!important;background-color:#3b82f6!important}.sidebar-footer{background:#0003;border-top:1px solid #ffffff0d;padding:20px}.company-name{font-size:.85rem;font-weight:600;display:block;color:#fff!important}@media (width<=1024px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}}.main-header{height:var(--header-height);background:var(--pos-surface);border-bottom:1px solid var(--pos-border);z-index:100;justify-content:space-between;align-items:center;padding:0 32px;display:flex;position:sticky;top:0}.header-left{align-items:center;gap:16px;display:flex}.menu-toggle-btn{background:var(--pos-bg);border:1px solid var(--pos-border);border-radius:var(--radius-md);cursor:pointer;width:40px;height:40px;transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:1.2rem;display:flex}.menu-toggle-btn:hover{background:var(--pos-border)}.user-profile{align-items:center;gap:12px;display:flex}.user-name{color:var(--pos-text-muted);font-size:.9rem;font-weight:500}.avatar{background:linear-gradient(135deg, var(--pos-primary), var(--pos-info));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.85rem;font-weight:700;display:flex;box-shadow:0 4px 10px #2563eb33}.header-right{align-items:center;gap:24px;display:flex}.logout-btn{border:1px solid var(--pos-border);border-radius:var(--radius-md);color:var(--pos-danger);cursor:pointer;transition:all var(--transition-fast);background:0 0;padding:8px 16px;font-size:.85rem;font-weight:600}.logout-btn:hover{background:var(--pos-danger);color:#fff;border-color:var(--pos-danger)}@media (width<=600px){.main-header{padding:0 16px}.user-name{display:none}}.main-layout{background-color:var(--pos-bg);width:100%;min-height:100vh;display:flex}.content-wrapper{min-width:0;transition:padding-left var(--transition-normal);flex-direction:column;flex:1;display:flex}.main-content{background-color:var(--pos-bg);flex:1;padding:30px}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a66;display:none;position:fixed;inset:0}.sidebar-overlay.active{display:block}@media (width>=1025px){.content-wrapper{padding-left:var(--sidebar-width)}}@media (width<=600px){.main-content{padding:16px}}body{background-color:var(--pos-bg);color:var(--pos-text);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;overflow-x:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}:root{--pos-primary:#3b82f6;--pos-primary-hover:#2563eb;--pos-secondary:#64748b;--pos-bg:#f8fafc;--pos-surface:#fff;--pos-surface-alt:#f1f5f9;--pos-text:#0f172a;--pos-text-muted:#64748b;--pos-border:#e2e8f0;--pos-divider:#0000000d;--pos-success:#10b981;--pos-warning:#f59e0b;--pos-danger:#ef4444;--pos-info:#0ea5e9;--sidebar-width:250px;--sidebar-bg:#0f172a;--sidebar-item-hover:#ffffff0d;--sidebar-text:#94a3b8;--sidebar-active-bg:#3b82f6;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000000d;--shadow-card:0 2px 15px -3px #00000012, 0 4px 6px -2px #0000000d;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--transition-normal:.2s ease}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--pos-text);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;overflow-x:hidden;background-color:var(--pos-bg)!important}h1,h2,h3,h4{color:var(--pos-text);font-family:Outfit,sans-serif;font-weight:600}.animate-fade-in{animation:.3s ease-out fadeIn}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}