@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@500;600;700&display=swap";
:root{--brand-primary:#0f172a;--brand-navy:#1e293b;--brand-accent:#4f46e5;--brand-accent-hover:#4338ca;--brand-accent-subtle:#4f46e514;--brand-light:#f1f5f9;--color-success:#10b981;--color-success-bg:#ecfdf5;--color-warning:#f59e0b;--color-warning-bg:#fffbeb;--color-danger:#ef4444;--color-danger-bg:#fef2f2;--color-info:#3b82f6;--color-info-bg:#eff6ff;--surface-background:#f8fafc;--surface-card:#fff;--surface-hover:#f1f5f9;--surface-border:#e2e8f0;--surface-border-subtle:#f1f5f9;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--text-inverse:#fff;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading:"Outfit", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000000d, 0 1px 2px -1px #0000000d;--shadow-md:0 4px 6px -1px #0000000f, 0 2px 4px -2px #0000000a;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #00000008;--shadow-card:0 1px 3px 0 #0000000a, 0 1px 2px -1px #0000000a;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--z-nav:40;--z-modal:50;--z-fab:30}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;font-family:var(--font-sans);background-color:var(--surface-background);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.02em;font-weight:600}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font-sans);background:0 0;border:none}input[type=text],input[type=email],input[type=tel],input[type=password],input[type=number],input[type=date],select,textarea{font-family:var(--font-sans);color:var(--text-primary);border:1px solid var(--surface-border);border-radius:var(--radius-md);background-color:#fff;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--brand-accent);outline:none;box-shadow:0 0 0 3px #4f46e51f}.container{max-width:1300px;padding:var(--spacing-6);margin:0 auto}.card{background-color:var(--surface-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--spacing-6);border:1px solid var(--surface-border)}.btn-primary{background-color:var(--brand-accent);color:#fff;border-radius:var(--radius-md);letter-spacing:-.01em;border:1px solid var(--brand-accent);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-size:13.5px;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #4f46e526}.btn-primary:hover{background-color:var(--brand-accent-hover);border-color:var(--brand-accent-hover);box-shadow:0 2px 4px #4f46e540}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--text-secondary);border-radius:var(--radius-md);letter-spacing:-.01em;border:1px solid var(--surface-border);box-shadow:var(--shadow-xs);cursor:pointer;background-color:#fff;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-size:13.5px;font-weight:500;transition:all .15s;display:inline-flex}.btn-secondary:hover{background-color:var(--surface-background);color:var(--text-primary);border-color:#cbd5e1}.btn-danger{color:var(--color-danger);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);cursor:pointer;background-color:#fff;border:1px solid #fecaca;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-size:13.5px;font-weight:500;transition:all .15s;display:inline-flex}.btn-danger:hover{background-color:var(--color-danger-bg);border-color:#fca5a5}button,a,input,select,textarea{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;margin-bottom:var(--spacing-4);border:1px solid var(--surface-border);border-radius:var(--radius-md);overflow-x:auto}.table-responsive table{border-collapse:collapse;width:100%;min-width:600px}@media (max-width:768px){input[type=text],input[type=email],input[type=tel],input[type=password],input[type=number],input[type=date],select,textarea{font-size:16px!important}.btn-primary,.btn-secondary,.btn-danger,button[type=submit]{min-height:42px}.container{padding:var(--spacing-4);max-width:100vw}div[class*=tableContainer],div[class*=tableWrapper]{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}h1{font-size:clamp(20px,5.5vw,26px);line-height:1.25}h2{font-size:clamp(17px,4.5vw,21px);line-height:1.3}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}
.BottomNav-module___3volW__bottomNav{height:calc(62px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--surface-border);z-index:var(--z-nav);padding-bottom:env(safe-area-inset-bottom,0px);background-color:#fffffff2;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #0000000f}@media (min-width:1024px){.BottomNav-module___3volW__bottomNav{display:none}}.BottomNav-module___3volW__navItem{color:var(--text-muted);touch-action:manipulation;-webkit-tap-highlight-color:transparent;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;height:100%;font-size:11px;transition:all .2s;display:flex;position:relative}.BottomNav-module___3volW__icon{transition:transform .2s}.BottomNav-module___3volW__navItem span{letter-spacing:-.01em;font-weight:500}.BottomNav-module___3volW__navItem:hover{color:var(--brand-primary)}.BottomNav-module___3volW__navItem:active .BottomNav-module___3volW__icon{transform:scale(.92)}.BottomNav-module___3volW__active{color:var(--brand-accent)!important}.BottomNav-module___3volW__active span{font-weight:600}.BottomNav-module___3volW__active .BottomNav-module___3volW__icon{transform:translateY(-1px)}.BottomNav-module___3volW__navItem[aria-current=page]{color:var(--brand-accent)}
.QuickActionFAB-module__t78Jxq__fabContainer{bottom:calc(68px + 16px + env(safe-area-inset-bottom,0px));z-index:var(--z-fab);flex-direction:column;align-items:flex-end;display:flex;position:fixed;right:16px}@media (min-width:1024px){.QuickActionFAB-module__t78Jxq__fabContainer{display:none}}.QuickActionFAB-module__t78Jxq__fab{background-color:var(--brand-accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .2s cubic-bezier(.175,.885,.32,1.275),background-color .2s;display:flex;box-shadow:0 4px 12px #635bff66}.QuickActionFAB-module__t78Jxq__fab:active{transform:scale(.95)}.QuickActionFAB-module__t78Jxq__fabActive{background-color:var(--brand-primary)}.QuickActionFAB-module__t78Jxq__fabIcon{transition:transform .3s}.QuickActionFAB-module__t78Jxq__fabActive .QuickActionFAB-module__t78Jxq__fabIcon{transform:rotate(45deg)}.QuickActionFAB-module__t78Jxq__actionMenu{opacity:0;visibility:hidden;transform-origin:100% 100%;flex-direction:column;align-items:flex-end;gap:12px;margin-bottom:16px;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:flex;transform:translateY(20px)scale(.9)}.QuickActionFAB-module__t78Jxq__actionMenu.QuickActionFAB-module__t78Jxq__open{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.QuickActionFAB-module__t78Jxq__actionItem{cursor:pointer;align-items:center;gap:12px;display:flex}.QuickActionFAB-module__t78Jxq__actionLabel{color:var(--text-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-md);background-color:#fff;padding:6px 12px;font-size:14px;font-weight:500}.QuickActionFAB-module__t78Jxq__actionIcon{width:44px;height:44px;color:var(--brand-primary);box-shadow:var(--shadow-md);background-color:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex}.QuickActionFAB-module__t78Jxq__overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:calc(var(--z-fab) - 1);background-color:#ffffffb3;animation:.2s QuickActionFAB-module__t78Jxq__fadeIn;position:fixed;inset:0}@keyframes QuickActionFAB-module__t78Jxq__fadeIn{0%{opacity:0}to{opacity:1}}
.Sidebar-module__XRNO5a__sidebar{background-color:var(--surface-card);border-right:1px solid var(--surface-border);width:260px;height:100vh;z-index:var(--z-nav);flex-direction:column;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;left:0}@media (max-width:1023px){.Sidebar-module__XRNO5a__sidebar{z-index:60;width:min(300px,86vw);box-shadow:var(--shadow-lg);transform:translate(-100%)}}.Sidebar-module__XRNO5a__mobileOpen{transform:translate(0)!important}.Sidebar-module__XRNO5a__overlay{display:none}@media (max-width:1023px){.Sidebar-module__XRNO5a__overlay.Sidebar-module__XRNO5a__show{-webkit-backdrop-filter:blur(4px);z-index:55;background:#0f172a99;width:100vw;height:100vh;animation:.2s Sidebar-module__XRNO5a__fadeIn;display:block;position:fixed;top:0;left:0}}@keyframes Sidebar-module__XRNO5a__fadeIn{0%{opacity:0}to{opacity:1}}.Sidebar-module__XRNO5a__logoContainer{border-bottom:1px solid var(--surface-border);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.Sidebar-module__XRNO5a__logo{object-fit:contain;width:auto;max-width:180px;height:34px}.Sidebar-module__XRNO5a__closeBtn{background:var(--surface-background);border:1px solid var(--surface-border);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;touch-action:manipulation;justify-content:center;align-items:center;width:36px;height:36px;display:none}.Sidebar-module__XRNO5a__closeBtn:active{background:var(--surface-hover)}@media (max-width:1023px){.Sidebar-module__XRNO5a__closeBtn{display:flex}}.Sidebar-module__XRNO5a__nav{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:20px;padding:20px 14px;display:flex;overflow-y:auto}.Sidebar-module__XRNO5a__navSection{flex-direction:column;gap:4px;display:flex}.Sidebar-module__XRNO5a__navSectionTitle{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;padding-left:12px;font-size:12px;font-weight:600}.Sidebar-module__XRNO5a__navItem{color:var(--text-secondary);border-radius:var(--radius-md);align-items:center;gap:12px;padding:10px 12px;font-weight:500;transition:all .2s;display:flex}.Sidebar-module__XRNO5a__navItem:hover{background-color:var(--surface-hover);color:var(--brand-primary)}.Sidebar-module__XRNO5a__active{color:var(--brand-accent);background-color:#e0e7ff;font-weight:600}.Sidebar-module__XRNO5a__suiteBtn{border-radius:var(--radius-md);border:1px solid #0000;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;padding:10px 12px;font-size:13.5px;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.Sidebar-module__XRNO5a__suiteBtnBilling{color:#0284c7;background:#0284c714;border-color:#0284c738}.Sidebar-module__XRNO5a__suiteBtnBilling:hover{background:#0284c729;border-color:#0284c766;transform:translate(2px)}.Sidebar-module__XRNO5a__suiteBtnBillingActive{box-shadow:0 3px 10px #0284c740;color:#fff!important;background:#0284c7!important;border-color:#0284c7!important}.Sidebar-module__XRNO5a__suiteBtnBillingActive .Sidebar-module__XRNO5a__suiteBadge{color:#fff;background:#ffffff40}.Sidebar-module__XRNO5a__suiteBtnEmployee{color:#4f46e5;background:#4f46e514;border-color:#4f46e538}.Sidebar-module__XRNO5a__suiteBtnEmployee:hover{background:#4f46e529;border-color:#4f46e566;transform:translate(2px)}.Sidebar-module__XRNO5a__suiteBtnEmployeeActive{box-shadow:0 3px 10px #4f46e540;color:#fff!important;background:#4f46e5!important;border-color:#4f46e5!important}.Sidebar-module__XRNO5a__suiteBtnEmployeeActive .Sidebar-module__XRNO5a__suiteBadge{color:#fff;background:#ffffff40}.Sidebar-module__XRNO5a__suiteBadge{text-transform:uppercase;letter-spacing:.05em;background:#0000000f;border-radius:4px;padding:2px 7px;font-size:10px;font-weight:700}.Sidebar-module__XRNO5a__userProfile{padding:16px;padding-bottom:max(16px, env(safe-area-inset-bottom,16px));border-top:1px solid var(--surface-border);align-items:center;gap:12px;display:flex}.Sidebar-module__XRNO5a__avatar{background-color:var(--brand-accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:600;display:flex}.Sidebar-module__XRNO5a__userInfo{flex-direction:column;display:flex}.Sidebar-module__XRNO5a__userName{color:var(--text-primary);font-size:14px;font-weight:600}.Sidebar-module__XRNO5a__userRole{color:var(--text-muted);font-size:12px}
.NotificationBell-module__lVJ7vW__container{display:inline-block;position:relative}.NotificationBell-module__lVJ7vW__bellButton{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:background-color .2s;display:flex;position:relative}.NotificationBell-module__lVJ7vW__bellButton:hover{background-color:var(--surface-background);color:var(--text-primary)}.NotificationBell-module__lVJ7vW__badge{background-color:var(--brand-primary);color:#fff;border-radius:10px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;display:flex;position:absolute;top:4px;right:4px}.NotificationBell-module__lVJ7vW__dropdown{border:1px solid var(--surface-border);border-radius:var(--radius-md);z-index:100;background:#fff;flex-direction:column;width:320px;max-height:400px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.NotificationBell-module__lVJ7vW__header{border-bottom:1px solid var(--surface-border);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.NotificationBell-module__lVJ7vW__header h4{color:var(--text-primary);margin:0;font-size:14px;font-weight:600}.NotificationBell-module__lVJ7vW__markAllBtn{color:var(--brand-primary);cursor:pointer;background:0 0;border:none;font-size:12px}.NotificationBell-module__lVJ7vW__list{flex:1;overflow-y:auto}.NotificationBell-module__lVJ7vW__empty{text-align:center;color:var(--text-muted);padding:24px;font-size:13px}.NotificationBell-module__lVJ7vW__item{border-bottom:1px solid var(--surface-border);align-items:flex-start;gap:12px;padding:12px 16px;transition:background-color .2s;display:flex}.NotificationBell-module__lVJ7vW__item:hover{background-color:#f8fafc}.NotificationBell-module__lVJ7vW__item:last-child{border-bottom:none}.NotificationBell-module__lVJ7vW__itemContent{flex:1}.NotificationBell-module__lVJ7vW__itemContent strong{color:var(--text-primary);margin-bottom:4px;font-size:13px;display:block}.NotificationBell-module__lVJ7vW__itemContent p{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.4}.NotificationBell-module__lVJ7vW__link{color:var(--brand-primary);margin-top:8px;font-size:12px;text-decoration:none;display:inline-block}.NotificationBell-module__lVJ7vW__link:hover{text-decoration:underline}.NotificationBell-module__lVJ7vW__checkBtn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.NotificationBell-module__lVJ7vW__checkBtn:hover{color:#10b981;background-color:#d1fae5}
.MobileHeader-module__FUdi7a__mobileHeader{padding:max(10px, env(safe-area-inset-top,10px)) max(16px, env(safe-area-inset-right,16px)) 10px max(16px, env(safe-area-inset-left,16px));-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--surface-border);z-index:40;background:#fffffff2;justify-content:space-between;align-items:center;display:none;position:sticky;top:0}@media (max-width:1023px){.MobileHeader-module__FUdi7a__mobileHeader{display:flex}}.MobileHeader-module__FUdi7a__leftSection{align-items:center;gap:12px;display:flex}.MobileHeader-module__FUdi7a__menuBtn{background:var(--surface-background);border:1px solid var(--surface-border);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;touch-action:manipulation;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.MobileHeader-module__FUdi7a__menuBtn:active{background:var(--surface-hover);transform:scale(.96)}.MobileHeader-module__FUdi7a__logoContainer{align-items:center;text-decoration:none;display:flex}.MobileHeader-module__FUdi7a__logo{object-fit:contain;width:auto;max-width:150px;height:32px}.MobileHeader-module__FUdi7a__actions{align-items:center;gap:10px;display:flex}.MobileHeader-module__FUdi7a__avatar{background-color:var(--brand-accent);color:#fff;width:36px;height:36px;box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.MobileHeader-module__FUdi7a__logoutBtn{color:#dc2626;border-radius:var(--radius-md);cursor:pointer;touch-action:manipulation;background:#fee2e2;border:1px solid #fecaca;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.MobileHeader-module__FUdi7a__logoutBtn:active{background:#fecaca;transform:scale(.96)}
.AppLayout-module__4Q0xaa__layout{flex-direction:column;width:100%;min-height:100vh;display:flex}.AppLayout-module__4Q0xaa__mainContent{width:100%;padding-bottom:calc(80px + env(safe-area-inset-bottom,16px));flex:1}@media (min-width:1024px){.AppLayout-module__4Q0xaa__mainContent{width:calc(100% - 260px);margin-left:260px;padding-bottom:40px}}