body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--accent-success:#10b981;--accent-success-light:#d1fae5;--accent-warning:#f59e0b;--accent-warning-light:#fef3c7;--accent-error:#ef4444;--accent-error-light:#fee2e2;--accent-info:#0ea5e9;--accent-info-light:#e0f2fe;--neutral-white:#fff;--neutral-black:#000;--neutral-gray50:#f8fafc;--neutral-gray100:#f1f5f9;--neutral-gray200:#e2e8f0;--neutral-gray300:#cbd5e1;--neutral-gray400:#94a3b8;--neutral-gray500:#64748b;--neutral-gray600:#475569;--neutral-gray700:#334155;--neutral-gray800:#1e293b;--neutral-gray900:#0f172a;--sidebar-background:var(--primary-gradient);--sidebar-background-collapsed:var(--neutral-white);--sidebar-item-hover:var(--neutral-gray100);--sidebar-item-active:var(--primary-subtle);--sidebar-item-active-border:var(--primary-main);--sidebar-text:var(--neutral-gray700);--sidebar-text-active:var(--primary-main);--sidebar-text-secondary:var(--neutral-gray500);--sidebar-icon:var(--neutral-gray500);--sidebar-icon-active:var(--primary-main);--sidebar-divider:var(--neutral-gray200);--sidebar-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--sidebar-shadow-large:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--header-background:var(--neutral-white);--header-border:var(--neutral-gray200);--header-text:var(--neutral-gray900);--header-text-secondary:var(--neutral-gray600);--header-shadow:0 1px 3px 0 #0000001a;--status-active:var(--accent-success);--status-inactive:var(--neutral-gray400);--status-pending:var(--accent-warning);--status-processing:var(--accent-info);--overlay:#0f172ab3;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-normal:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:350ms cubic-bezier(0.4,0,0.2,1);--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--z-sidebar:1000;--z-header:900;--z-overlay:999;--z-dropdown:1001}@media (prefers-color-scheme:dark){:root{--sidebar-background:#1e293b;--sidebar-item-hover:#ffffff0d;--sidebar-item-active:#2563eb33;--sidebar-text:#e2e8f0;--sidebar-text-active:#60a5fa;--sidebar-icon:#94a3b8;--sidebar-icon-active:#60a5fa}}*{box-sizing:border-box;margin:0;padding:0}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--neutral-gray50);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}#root,body,html{height:100%;width:100%}.app-container{min-height:100vh;position:relative;transition:all var(--transition-normal);width:100%}.app-container.authenticated{display:grid;grid-template-areas:"sidebar header" "sidebar main";grid-template-columns:auto 1fr;grid-template-rows:auto 1fr}.app-container.unauthenticated{display:block}.app-container.authenticated .header{grid-area:header;left:0;margin-left:0;position:-webkit-sticky;position:sticky;right:0;top:0;z-index:var(--z-header)}.app-container.authenticated .sidebar{grid-area:sidebar;height:100vh;left:0;position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sidebar)}.main-content{grid-area:main;min-height:100vh;overflow-y:auto;transition:all var(--transition-normal);width:100%}.app-container.authenticated.sidebar-collapsed .main-content{padding-left:80px}.app-container.unauthenticated .main-content{align-items:center;background:var(--neutral-gray50);justify-content:center;min-height:100vh;padding:0}.page-wrapper{min-height:calc(100vh - 72px);padding:var(--spacing-xl);width:100%}.page-container{margin:0 auto;max-width:1400px;width:100%}.page-header{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg)}.page-title{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;color:var(--neutral-gray900);font-size:2rem;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs)}.page-subtitle{color:var(--neutral-gray500);font-size:.9375rem;font-weight:var(--font-weight-medium)}.page-content{animation:fadeInUp .4s cubic-bezier(.34,1.56,.64,1);background:var(--neutral-white);border:1px solid var(--neutral-gray200);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--spacing-xl)}@media (max-width:1024px){.app-container.authenticated{grid-template-areas:"header" "main";grid-template-columns:1fr;grid-template-rows:auto 1fr}.app-container.authenticated .sidebar{left:-280px;position:fixed;top:0;transform:none;transition:transform var(--transition-normal)}.app-container.authenticated .sidebar.mobile-open{transform:translateX(280px)}.app-container.authenticated.sidebar-collapsed .main-content,.app-container.authenticated.sidebar-open .main-content{padding-left:0}.page-wrapper{min-height:calc(100vh - 72px);padding:var(--spacing-lg)}}@media (max-width:768px){.page-wrapper{min-height:calc(100vh - 64px);padding:var(--spacing-md)}.page-container{max-width:100%}.page-title{font-size:1.5rem}.page-content{border-radius:var(--radius-lg);padding:var(--spacing-lg)}}@media (max-width:480px){.page-wrapper{padding:var(--spacing-sm)}.page-content{border-radius:var(--radius-md);padding:var(--spacing-md)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.content-loading{align-items:center;display:flex;justify-content:center;min-height:400px;width:100%}.loading-spinner{animation:spin 1s linear infinite;border:3px solid var(--neutral-gray200);border-radius:50%;border-top-color:var(--primary-main);height:40px;width:40px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--spacing-sm)}.gap-2{gap:var(--spacing-md)}.gap-3{gap:var(--spacing-lg)}.gap-4{gap:var(--spacing-xl)}.mt-1{margin-top:var(--spacing-sm)}.mt-2{margin-top:var(--spacing-md)}.mt-3{margin-top:var(--spacing-lg)}.mt-4{margin-top:var(--spacing-xl)}.mb-1{margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:var(--spacing-md)}.mb-3{margin-bottom:var(--spacing-lg)}.mb-4{margin-bottom:var(--spacing-xl)}.p-1{padding:var(--spacing-sm)}.p-2{padding:var(--spacing-md)}.p-3{padding:var(--spacing-lg)}.p-4{padding:var(--spacing-xl)}.w-full{width:100%}.h-full{height:100%}.text-left{text-align:left}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.focus\:outline-primary:focus{outline:2px solid var(--primary-main);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.header{background:var(--neutral-white);border-bottom:1px solid var(--neutral-gray200);height:80px;left:0;position:-webkit-sticky;position:sticky;right:0;top:0;transition:all var(--transition-normal);z-index:var(--z-header)}.header.scrolled{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffffa;border-bottom-color:var(--neutral-gray300);box-shadow:0 4px 24px #0000000f;height:72px}.header-container{align-items:center;display:flex;gap:var(--spacing-lg);height:100%;justify-content:space-between;margin:0 auto;max-width:100%;padding:0 var(--spacing-xl)}.header-left{flex:1 1;gap:var(--spacing-lg);min-width:0}.header-toggle{align-items:center;background:linear-gradient(135deg,var(--neutral-gray100) 0,var(--neutral-gray50) 100%);border:2px solid #0000;border-radius:var(--radius-xl);box-shadow:0 2px 8px #0000000a;color:var(--neutral-gray600);cursor:pointer;display:flex;flex-shrink:0;height:48px;justify-content:center;overflow:hidden;position:relative;transition:all var(--transition-fast);width:48px}.header-toggle:before{background:var(--primary-gradient);content:"";inset:0;opacity:0;position:absolute;transition:opacity var(--transition-fast)}.header-toggle svg{position:relative;transition:all var(--transition-fast);z-index:1}.header-toggle:hover{border-color:var(--primary-light);box-shadow:0 4px 16px #2563eb33;transform:scale(1.05)}.header-toggle:hover:before{opacity:.1}.header-toggle:hover svg{color:var(--primary-main);transform:scale(1.1)}.header-toggle:active{transform:scale(.95)}.header-toggle.desktop-toggle{display:none}.header-toggle.mobile-toggle{display:flex}@media (min-width:1025px){.header-toggle.desktop-toggle{display:flex}.header-toggle.mobile-toggle{display:none}}.header-title{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0;position:relative}.header-title h1{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;color:var(--header-text);font-size:1.625rem;font-weight:var(--font-weight-bold);letter-spacing:-.5px;line-height:1.2;margin:0;overflow:hidden;text-overflow:ellipsis;transition:all var(--transition-fast);white-space:nowrap}.header.scrolled .header-title h1{font-size:1.5rem}.header-date{align-items:center;color:var(--header-text-secondary);display:flex;font-size:.8125rem;font-weight:var(--font-weight-semibold);gap:var(--spacing-xs);letter-spacing:.8px;line-height:1;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.header-date:before{animation:blink 2.5s ease-in-out infinite;background:var(--primary-main);border-radius:var(--radius-full);box-shadow:0 0 8px #2563eb80;content:"";height:6px;width:6px}.header-right{flex-shrink:0;gap:var(--spacing-md)}.search-container{transition:all var(--transition-normal)}.search-container,.search-toggle{align-items:center;display:flex;position:relative}.search-toggle{background:linear-gradient(135deg,var(--neutral-gray100) 0,var(--neutral-gray50) 100%);border:2px solid #0000;border-radius:var(--radius-xl);box-shadow:0 2px 8px #0000000a;color:var(--neutral-gray600);cursor:pointer;flex-shrink:0;height:48px;justify-content:center;overflow:hidden;transition:all var(--transition-fast);width:48px;z-index:2}.search-toggle:before{background:var(--primary-gradient);content:"";inset:0;opacity:0;position:absolute;transition:opacity var(--transition-fast)}.search-toggle svg{position:relative;transition:all var(--transition-fast);z-index:1}.search-toggle:hover{border-color:var(--primary-light);box-shadow:0 4px 16px #2563eb33;transform:scale(1.05)}.search-toggle:hover:before{opacity:.1}.search-toggle:hover svg{color:var(--primary-main);transform:scale(1.1)}.search-toggle:active{transform:scale(.95)}.search-container.active .search-toggle{background:var(--primary-gradient);border-color:var(--primary-main);box-shadow:0 4px 16px #2563eb4d;color:var(--neutral-white)}.search-container.active .search-toggle:before{opacity:0}.search-input-wrapper{height:48px;opacity:0;overflow:hidden;position:absolute;right:0;top:0;transition:all var(--transition-normal);width:0}.search-container.active .search-input-wrapper{opacity:1;width:320px}.search-input{background:var(--neutral-white);border:2px solid var(--primary-main);border-radius:var(--radius-xl);box-shadow:0 4px 16px #2563eb26;color:var(--header-text);font-size:.9375rem;font-weight:var(--font-weight-medium);height:100%;outline:none;padding:0 var(--spacing-lg);padding-left:60px;transition:all var(--transition-fast);width:100%}.search-input::placeholder{color:var(--neutral-gray400)}.search-input:focus{border-color:var(--primary-dark);box-shadow:0 4px 24px #2563eb40}.notification-btn{align-items:center;background:linear-gradient(135deg,var(--neutral-gray100) 0,var(--neutral-gray50) 100%);border:2px solid #0000;border-radius:var(--radius-xl);box-shadow:0 2px 8px #0000000a;color:var(--neutral-gray600);cursor:pointer;display:flex;flex-shrink:0;height:48px;justify-content:center;overflow:hidden;position:relative;transition:all var(--transition-fast);width:48px}.notification-btn:before{background:var(--primary-gradient);content:"";inset:0;opacity:0;position:absolute;transition:opacity var(--transition-fast)}.notification-btn svg{position:relative;transition:all var(--transition-fast);z-index:1}.notification-btn:hover{border-color:var(--primary-light);box-shadow:0 4px 16px #2563eb33;transform:scale(1.05)}.notification-btn:hover:before{opacity:.1}.notification-btn:hover svg{animation:bell-ring .5s ease-in-out;color:var(--primary-main)}@keyframes bell-ring{0%,to{transform:rotate(0deg)}10%,30%,50%,70%,90%{transform:rotate(-10deg)}20%,40%,60%,80%{transform:rotate(10deg)}}.notification-btn:active{transform:scale(.95)}.notification-badge{align-items:center;animation:bounceIn .6s cubic-bezier(.68,-.55,.265,1.55);background:linear-gradient(135deg,var(--accent-error) 0,#dc2626 100%);border:2px solid var(--neutral-white);border-radius:var(--radius-full);box-shadow:0 2px 8px #ef444466;color:var(--neutral-white);display:flex;font-size:.6875rem;font-weight:var(--font-weight-bold);height:20px;justify-content:center;min-width:20px;padding:0 5px;position:absolute;right:4px;top:4px}.user-menu-wrapper{position:relative}.user-menu-trigger{align-items:center;background:linear-gradient(135deg,var(--neutral-gray100) 0,var(--neutral-gray50) 100%);border:2px solid #0000;border-radius:var(--radius-xl);box-shadow:0 2px 8px #0000000a;cursor:pointer;display:flex;gap:var(--spacing-md);max-width:300px;overflow:hidden;padding:6px;padding-right:var(--spacing-md);position:relative;transition:all var(--transition-fast)}.user-menu-trigger:before{background:var(--primary-gradient);content:"";inset:0;opacity:0;position:absolute;transition:opacity var(--transition-fast)}.user-menu-trigger:hover{border-color:var(--primary-light);box-shadow:0 4px 16px #2563eb33;transform:translateY(-2px)}.user-menu-trigger:hover:before{opacity:.05}.user-menu-trigger.active{border-color:var(--primary-main);box-shadow:0 4px 20px #2563eb40}.user-menu-trigger.active:before{opacity:.08}.user-avatar{align-items:center;box-shadow:0 4px 12px #2563eb40,inset 0 -2px 8px #0000001a;display:flex;flex-shrink:0;height:44px;justify-content:center;position:relative;transition:all var(--transition-normal);width:44px;z-index:1}.user-avatar,.user-avatar:before{background:var(--primary-gradient);border-radius:var(--radius-full)}.user-avatar:before{content:"";inset:-3px;opacity:0;position:absolute;transition:opacity var(--transition-fast);z-index:-1}.user-menu-trigger:hover .user-avatar{box-shadow:0 6px 16px #2563eb59;transform:scale(1.08)}.user-menu-trigger:hover .user-avatar:before{animation:pulse-ring 1.5s ease-out;opacity:.3}.user-avatar span{color:var(--neutral-white);font-size:1.125rem;font-weight:var(--font-weight-bold);letter-spacing:.5px;text-shadow:0 1px 2px #0000001a}.user-details{display:none;flex:1 1;flex-direction:column;gap:3px;min-width:0;position:relative;z-index:1}.user-name{color:var(--header-text);font-size:1rem;font-weight:var(--font-weight-bold);letter-spacing:.2px;line-height:1.2}.user-name,.user-role{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{align-items:center;color:var(--header-text-secondary);display:flex;font-size:.75rem;font-weight:var(--font-weight-semibold);gap:4px;letter-spacing:.8px;line-height:1;text-transform:uppercase}.user-role:before{background:var(--accent-success);border-radius:var(--radius-full);box-shadow:0 0 6px #10b98199;content:"";height:5px;width:5px}@media (min-width:640px){.user-details{display:flex}}.dropdown-arrow{align-items:center;color:var(--neutral-gray400);display:flex;flex-shrink:0;height:24px;justify-content:center;position:relative;transition:all var(--transition-fast);width:24px;z-index:1}.user-menu-trigger.active .dropdown-arrow,.user-menu-trigger:hover .dropdown-arrow{color:var(--primary-main);transform:scale(1.15)}.user-menu-trigger.active .dropdown-arrow{transform:scale(1.15) rotate(180deg)}.user-dropdown{animation:dropdownSlideIn .25s cubic-bezier(.34,1.56,.64,1);background:var(--neutral-white);border:1px solid var(--neutral-gray200);border-radius:var(--radius-xl);box-shadow:0 12px 48px #0000001f,0 4px 16px #00000014;overflow:hidden;position:absolute;right:0;top:calc(100% + 12px);width:300px;z-index:var(--z-dropdown)}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-header{align-items:center;background:var(--primary-gradient);display:flex;gap:var(--spacing-md);overflow:hidden;padding:var(--spacing-xl);position:relative}.dropdown-header:before{animation:shimmer 3s ease-in-out infinite;background:radial-gradient(circle,#ffffff26 0,#0000 70%);content:"";height:200%;position:absolute;right:-20%;top:-50%;width:150%}@keyframes shimmer{0%,to{transform:translateX(0)}50%{transform:translateX(-20px)}}.dropdown-avatar{align-items:center;background:#fff3;border:3px solid #fff6;border-radius:var(--radius-full);box-shadow:0 4px 16px #0003;display:flex;flex-shrink:0;height:56px;justify-content:center;position:relative;width:56px;z-index:1}.dropdown-avatar span{color:var(--neutral-white);font-size:1.375rem;font-weight:var(--font-weight-bold);letter-spacing:.5px;text-shadow:0 2px 4px #0000001a}.dropdown-user-info{display:flex;flex:1 1;flex-direction:column;gap:5px;min-width:0;position:relative;z-index:1}.dropdown-username{color:var(--neutral-white);font-size:1.125rem;font-weight:var(--font-weight-bold);line-height:1.2;text-shadow:0 1px 2px #0000001a}.dropdown-username,.dropdown-userrole{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-userrole{align-items:center;color:#fffffff2;display:flex;font-size:.8125rem;font-weight:var(--font-weight-semibold);gap:5px;letter-spacing:.8px;line-height:1;text-transform:uppercase}.dropdown-userrole:before{background:#ffffffe6;border-radius:var(--radius-full);box-shadow:0 0 8px #ffffff80;content:"";height:6px;width:6px}.dropdown-divider{background:var(--neutral-gray200);height:1px}.dropdown-items{flex-direction:column;gap:4px}.dropdown-item,.dropdown-items{display:flex;padding:var(--spacing-md)}.dropdown-item{align-items:center;background:#0000;border:2px solid #0000;border-radius:var(--radius-lg);color:var(--header-text);cursor:pointer;font-size:.9375rem;font-weight:var(--font-weight-semibold);gap:var(--spacing-md);overflow:hidden;position:relative;text-align:left;transition:all var(--transition-fast);width:100%}.dropdown-item:before{background:var(--primary-gradient);content:"";inset:0;opacity:0;position:absolute;transition:opacity var(--transition-fast)}.dropdown-item:hover{background:var(--neutral-gray50);border-color:var(--neutral-gray200);transform:translateX(4px)}.dropdown-item:hover:before{opacity:.05}.dropdown-item.logout-item{color:var(--accent-error)}.dropdown-item.logout-item:before{background:linear-gradient(135deg,var(--accent-error) 0,#dc2626 100%)}.dropdown-item.logout-item:hover{background:var(--accent-error-light);border-color:var(--accent-error)}.dropdown-icon{align-items:center;display:flex;flex-shrink:0;height:22px;justify-content:center;position:relative;transition:transform var(--transition-fast);width:22px;z-index:1}.dropdown-item:hover .dropdown-icon{transform:scale(1.15)}.dropdown-icon svg{height:22px;width:22px}.dropdown-label{flex:1 1;letter-spacing:.2px;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap;z-index:1}.dropdown-footer{align-items:center;background:linear-gradient(180deg,var(--neutral-gray50) 0,var(--neutral-gray100) 100%);border-top:1px solid var(--neutral-gray200);display:flex;gap:var(--spacing-md);justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg)}.footer-text{color:var(--neutral-gray500);font-size:.75rem;font-weight:var(--font-weight-bold);letter-spacing:.8px;text-transform:uppercase}@media (max-width:640px){.header{height:72px}.header.scrolled{height:64px}.header-container{padding:0 var(--spacing-md)}.header-left{gap:var(--spacing-md)}.header-title h1{font-size:1.375rem}.header.scrolled .header-title h1{font-size:1.25rem}.header-date{display:none}.header-title:before{height:28px;left:-12px}.search-container.active .search-input-wrapper{width:240px}.user-dropdown{max-width:300px;width:calc(100vw - var(--spacing-xl))}}@media (max-width:480px){.header{height:64px}.header.scrolled{height:60px}.header-container{padding:0 var(--spacing-sm)}.header-container,.header-right{gap:var(--spacing-sm)}.search-container{display:none}.header-toggle,.notification-btn{height:44px;width:44px}.user-menu-trigger{padding:4px;padding-right:var(--spacing-sm)}.user-avatar{height:40px;width:40px}.user-avatar span{font-size:1rem}.header-title h1{font-size:1.25rem}.header.scrolled .header-title h1{font-size:1.125rem}}.dropdown-item:focus-visible,.header-toggle:focus-visible,.notification-btn:focus-visible,.search-toggle:focus-visible,.user-menu-trigger:focus-visible{border-radius:var(--radius-xl);outline:3px solid var(--primary-main);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,.dropdown-arrow,.dropdown-item,.header,.header-toggle,.notification-btn,.user-avatar,.user-dropdown,.user-menu-trigger{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.skeleton{animation:shimmer-skeleton 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--neutral-gray200) 0,var(--neutral-gray100) 50%,var(--neutral-gray200) 100%);background-size:200% 100%;border-radius:var(--radius-lg)}@keyframes shimmer-skeleton{0%{background-position:-200% 0}to{background-position:200% 0}}.sidebar{background:var(--neutral-white);border-right:1px solid var(--neutral-gray200);box-shadow:2px 0 20px #00000008;display:flex;flex-direction:column;height:100vh;left:0;overflow:hidden;position:fixed;top:0;transition:width var(--transition-normal),transform var(--transition-normal),box-shadow var(--transition-normal);z-index:var(--z-sidebar)}.sidebar.open{width:280px}.sidebar.collapsed{width:80px}.sidebar-header{align-items:center;border-bottom:1px solid var(--neutral-gray200);display:flex;justify-content:center;min-height:80px;overflow:hidden;padding:10px;position:relative}.sidebar-header:before{background:var(--primary-gradient);content:"";height:3px;left:0;position:absolute;right:0;top:0}.logo-container{align-items:center;flex:1 1;justify-content:center;overflow:hidden}.logo-expanded{align-items:center;animation:fadeInScale .4s cubic-bezier(.34,1.56,.64,1);display:flex;gap:var(--spacing-md)}.logo-bubble{flex-shrink:0;height:52px;position:relative;width:52px}.logo-icon{height:80px;width:80px}.logo-icon:hover{box-shadow:0 12px 24px #2563eb4d,0 6px 12px #2563eb33;transform:translateY(-2px) scale(1.05)}.logo-text{height:60px;width:60px}.logo-pulse{animation:pulse 2.5s cubic-bezier(.4,0,.6,1) infinite;background:var(--primary-light);border-radius:var(--radius-xl);inset:0;opacity:0;position:absolute}@keyframes pulse{0%,to{opacity:0;transform:scale(1)}50%{opacity:.25;transform:scale(1.15)}}.logo-details{display:flex;flex-direction:column;gap:4px;overflow:hidden}.logo-title{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:var(--font-weight-bold);letter-spacing:-.5px;line-height:1.2}.logo-subtitle,.logo-title{margin:0;white-space:nowrap}.logo-subtitle{color:var(--neutral-gray500);font-size:.75rem;font-weight:var(--font-weight-semibold);letter-spacing:1px;line-height:1;text-transform:uppercase}.logo-collapsed{animation:fadeIn .3s ease-out;position:relative}.logo-collapsed,.logo-mini{align-items:center;display:flex;height:52px;justify-content:center;width:52px}.logo-mini{background:var(--primary-gradient);border-radius:var(--radius-xl);box-shadow:0 8px 16px #2563eb40,0 4px 8px #2563eb26;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.logo-mini:hover{box-shadow:0 12px 24px #2563eb4d,0 6px 12px #2563eb33;transform:translateY(-2px) scale(1.05)}.logo-dot{animation:blink 2.5s ease-in-out infinite;background:var(--accent-success);border:3px solid var(--neutral-white);border-radius:var(--radius-full);bottom:2px;box-shadow:0 2px 8px #10b98166;height:14px;position:absolute;right:2px;width:14px}@keyframes blink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.95)}}.sidebar-nav{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:var(--spacing-lg) 0;scrollbar-color:var(--neutral-gray300) #0000;scrollbar-width:thin}.sidebar-nav::-webkit-scrollbar{width:5px}.sidebar-nav::-webkit-scrollbar-track{background:#0000}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--neutral-gray300);border-radius:var(--radius-full);-webkit-transition:background var(--transition-fast);transition:background var(--transition-fast)}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--neutral-gray400)}.nav-list{display:flex;flex-direction:column;gap:4px;list-style:none;margin:0;padding:0}.sidebar-item,.sidebar-link{position:relative}.sidebar-link{align-items:center;border:2px solid #0000;border-radius:var(--radius-lg);color:var(--sidebar-text);cursor:pointer;display:flex;font-size:.9375rem;font-weight:var(--font-weight-medium);justify-content:space-between;min-height:52px;overflow:hidden;padding:var(--spacing-md) var(--spacing-md);text-decoration:none;transition:all var(--transition-fast)}.sidebar-link:before{border-radius:0 var(--radius-sm) var(--radius-sm) 0;height:0;left:0;top:50%;transform:translateY(-50%);transition:height var(--transition-normal);width:4px}.sidebar-link:after,.sidebar-link:before{background:var(--primary-gradient);content:"";position:absolute}.sidebar-link:after{inset:0;opacity:0;transition:opacity var(--transition-fast);z-index:0}.sidebar-link:hover{background:var(--sidebar-item-hover);border-color:var(--neutral-gray200);color:var(--sidebar-text-active);transform:translateX(2px)}.sidebar-link.active{background:var(--sidebar-item-active);color:var(--sidebar-text-active);font-weight:var(--font-weight-semibold)}.sidebar-link.active:before{height:32px}.sidebar-link.active:after{opacity:.05}.sidebar-link.hovered{background:var(--sidebar-item-hover)}.link-content{flex:1 1;gap:var(--spacing-md);min-width:0;z-index:1}.link-content,.nav-icon-wrapper{align-items:center;display:flex;position:relative}.nav-icon-wrapper{color:var(--sidebar-icon);flex-shrink:0;height:28px;justify-content:center;transition:all var(--transition-fast);width:28px}.nav-icon-wrapper:before{background:var(--primary-subtle);border-radius:var(--radius-md);content:"";inset:-4px;opacity:0;position:absolute;transition:opacity var(--transition-fast);z-index:-1}.nav-icon-wrapper svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.05));height:20px;width:20px}.nav-icon-wrapper.active,.sidebar-link:hover .nav-icon-wrapper{color:var(--sidebar-icon-active);transform:scale(1.1)}.nav-icon-wrapper.active:before,.sidebar-link:hover .nav-icon-wrapper:before{opacity:1}.link-label-wrapper{align-items:center;display:flex;flex:1 1;gap:var(--spacing-sm);min-width:0;white-space:nowrap}.link-label{letter-spacing:.2px;overflow:hidden;text-overflow:ellipsis}.menu-badge{align-items:center;animation:bounceIn .5s cubic-bezier(.68,-.55,.265,1.55);background:var(--primary-gradient);border-radius:var(--radius-full);box-shadow:0 2px 8px #2563eb4d;color:var(--neutral-white);display:inline-flex;font-size:.6875rem;font-weight:var(--font-weight-bold);height:22px;justify-content:center;min-width:22px;padding:0 var(--spacing-xs)}@keyframes bounceIn{0%{opacity:0;transform:scale(0)}60%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.expand-icon{align-items:center;color:var(--neutral-gray400);display:flex;flex-shrink:0;height:24px;justify-content:center;position:relative;transition:all var(--transition-fast);width:24px;z-index:1}.sidebar-link:hover .expand-icon{color:var(--primary-main);transform:scale(1.1)}.nav-tooltip{align-items:center;background:var(--neutral-gray900);border-radius:var(--radius-md);box-shadow:0 8px 24px #0003;color:var(--neutral-white);display:flex;font-size:.875rem;font-weight:var(--font-weight-semibold);gap:var(--spacing-sm);left:calc(100% + 12px);opacity:0;padding:var(--spacing-sm) var(--spacing-md);pointer-events:none;transition:all var(--transition-fast);visibility:hidden;white-space:nowrap;z-index:1001}.nav-tooltip,.nav-tooltip:before{position:absolute;top:50%;transform:translateY(-50%)}.nav-tooltip:before{border:7px solid #0000;border-right:7px solid var(--neutral-gray900);content:"";right:100%}.sidebar-link:hover .nav-tooltip{left:calc(100% + 16px);opacity:1;visibility:visible}.tooltip-text{display:block}.tooltip-indicator{font-size:1.125rem;opacity:.7}.submenu-wrapper{animation:slideDown .3s cubic-bezier(.4,0,.2,1);overflow:hidden}@keyframes slideDown{0%{max-height:0;opacity:0;transform:translateY(-8px)}to{max-height:600px;opacity:1;transform:translateY(0)}}.submenu{border-left:2px solid var(--neutral-gray200);display:flex;flex-direction:column;gap:2px;list-style:none;margin:var(--spacing-sm) 0 0 0;margin-left:calc(var(--spacing-md) + 14px);padding:0;padding-left:var(--spacing-xs)}.submenu .sidebar-link{font-size:.875rem;min-height:44px;padding:var(--spacing-sm) var(--spacing-md);padding-left:var(--spacing-lg)}.submenu-indicator{background:var(--neutral-gray300);border-radius:var(--radius-full);box-shadow:0 0 0 2px #0000;flex-shrink:0;height:7px;transition:all var(--transition-fast);width:7px}.sidebar-link:hover .submenu-indicator{background:var(--primary-light);box-shadow:0 0 0 2px var(--primary-subtle);transform:scale(1.4)}.sidebar-link.active .submenu-indicator{background:var(--primary-main);box-shadow:0 0 0 3px var(--primary-subtle);transform:scale(1.5)}.submenu.level-2 .sidebar-link{font-size:.8125rem;padding-left:calc(var(--spacing-lg) + 16px)}.submenu.level-3 .sidebar-link{font-size:.8125rem;padding-left:calc(var(--spacing-lg) + 32px)}.active-pulse{animation:pulse-ring 2s cubic-bezier(.4,0,.6,1) infinite;background:var(--primary-main);border-radius:var(--radius-full);box-shadow:0 0 0 0 var(--primary-light);height:10px;position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%);width:10px;z-index:1}@keyframes pulse-ring{0%,to{box-shadow:0 0 0 0 #2563ebb3}50%{box-shadow:0 0 0 8px #2563eb00}}.sidebar-footer{background:linear-gradient(180deg,var(--neutral-white) 0,var(--neutral-gray50) 100%);border-top:1px solid var(--neutral-gray200);overflow:hidden;position:relative}.footer-expanded{animation:fadeInScale .3s ease-out;padding-top:var(--spacing-md)}.footer-content{align-items:center;display:flex;gap:var(--spacing-md)}.footer-bubble{flex-shrink:0}.footer-circle{align-items:center;background:linear-gradient(135deg,var(--neutral-gray100) 0,var(--neutral-gray200) 100%);border-radius:var(--radius-full);box-shadow:inset 0 2px 4px #0000000d;display:flex;height:44px;justify-content:center;transition:all var(--transition-normal);width:44px}.footer-circle:hover{background:var(--primary-gradient);box-shadow:0 4px 12px #2563eb40;transform:rotate(1turn) scale(1.05)}.footer-circle:hover .footer-copyright{color:var(--neutral-white)}.footer-copyright{color:var(--neutral-gray600);font-size:1.25rem;font-weight:var(--font-weight-bold);transition:color var(--transition-normal)}.footer-text{display:flex;flex-direction:column;gap:4px}.footer-version{color:var(--neutral-gray700);font-size:.8125rem;font-weight:var(--font-weight-bold);letter-spacing:.3px;line-height:1;margin:0}.footer-company{color:var(--neutral-gray500);font-size:.6875rem;font-weight:var(--font-weight-semibold);letter-spacing:.8px;line-height:1;margin:0;text-transform:uppercase}.footer-collapsed{animation:fadeIn .3s ease-out;display:flex;justify-content:center}.sidebar-overlay{animation:fadeIn .3s ease-out forwards;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a99;inset:0;opacity:0;position:fixed;z-index:calc(var(--z-sidebar) - 1)}@media (max-width:1024px){.sidebar{box-shadow:none;transform:translateX(-100%);width:280px}.sidebar.mobile-open{box-shadow:8px 0 32px #0000001f;transform:translateX(0)}.sidebar.collapsed{width:280px}}@media (max-width:640px){.sidebar.mobile-open,.sidebar.open{width:260px}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.sidebar-close:focus-visible,.sidebar-link:focus-visible,.sidebar-toggle:focus-visible{border-radius:var(--radius-lg);outline:3px solid var(--primary-main);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,.active-pulse,.logo-icon,.logo-mini,.menu-badge,.nav-icon-wrapper,.nav-tooltip,.sidebar,.sidebar-link,.submenu-wrapper,.wave{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--primary-main:#2563eb;--primary-light:#3b82f6;--primary-dark:#1d4ed8;--primary-gradient:linear-gradient(135deg,#2563eb,#1d4ed8);--primary-subtle:#eff6ff;--secondary-main:#7c3aed;--secondary-light:#8b5cf6;--secondary-dark:#6d28d9}.preloader-container{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);background:var(--primary-gradient);display:flex;font-family:Inter,sans-serif;height:100vh;justify-content:center;width:100%}.preloader-card{animation:fadeIn .6s ease-in-out;background:#fff;border-radius:16px;box-shadow:0 10px 40px #00000026;padding:40px;text-align:center}.preloader-logo{animation:pulseLogo 2s infinite;margin-bottom:20px;width:70px}.spinner{animation:spin 1s linear infinite;border:4px solid #eff6ff;border-radius:50%;border-top:4px solid #7c3aed;border:4px solid var(--primary-subtle);border-top-color:var(--secondary-main);height:50px;margin:0 auto 20px;width:50px}.title{color:#1d4ed8;color:var(--primary-dark);font-weight:600;margin-bottom:6px}.subtitle{color:#6b7280;font-size:14px}@keyframes pulseLogo{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.dashboard-container{animation:fadeIn .5s ease-out;background:var(--neutral-gray50);min-height:100vh;padding:var(--spacing-xl);width:100%}.dashboard-header{align-items:center;border-bottom:1px solid var(--neutral-gray200);display:flex;justify-content:space-between;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg)}.header-content{flex:1 1}.dashboard-title{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;color:var(--neutral-gray900);font-size:2rem;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs)}.dashboard-subtitle{color:var(--neutral-gray500);font-size:.9375rem;font-weight:var(--font-weight-medium)}.header-controls{align-items:center;display:flex;gap:var(--spacing-lg)}.time-range-selector{background:var(--neutral-gray100);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-xs);padding:var(--spacing-xs)}.time-btn{background:#0000;border:none;border-radius:var(--radius-md);color:var(--neutral-gray600);cursor:pointer;font-size:.875rem;font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast)}.time-btn:hover{background:var(--neutral-gray200);color:var(--neutral-gray800)}.time-btn.active{background:var(--primary-main);box-shadow:var(--shadow-sm);color:var(--neutral-white)}.refresh-btn{align-items:center;background:var(--neutral-white);border:1px solid var(--neutral-gray300);border-radius:var(--radius-lg);color:var(--neutral-gray700);cursor:pointer;display:flex;font-size:.875rem;font-weight:var(--font-weight-medium);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast)}.refresh-btn:hover{background:var(--primary-subtle);border-color:var(--primary-light);box-shadow:var(--shadow-sm);color:var(--primary-main);transform:translateY(-1px)}.refresh-btn:disabled{cursor:not-allowed;opacity:.6}.refresh-btn .spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.stats-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:var(--spacing-xl)}.stat-card{align-items:center;background:var(--neutral-white);border:1px solid var(--neutral-gray200);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);display:flex;gap:var(--spacing-lg);overflow:hidden;padding:var(--spacing-xl);position:relative;transition:all var(--transition-normal)}.stat-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.stat-card:before{border-radius:var(--radius-xl) var(--radius-xl) 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.sales-card:before,.stat-card:before{background:var(--primary-gradient)}.services-card:before{background:linear-gradient(135deg,var(--accent-success) 0,#059669 100%)}.customers-card:before{background:linear-gradient(135deg,var(--secondary-main) 0,var(--secondary-dark) 100%)}.stock-card:before{background:linear-gradient(135deg,var(--accent-warning) 0,#d97706 100%)}.card-icon{align-items:center;background:var(--primary-subtle);border-radius:var(--radius-lg);display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.sales-card .card-icon{background:#2563eb1a;color:var(--primary-main)}.services-card .card-icon{background:#10b9811a;color:var(--accent-success)}.customers-card .card-icon{background:#7c3aed1a;color:var(--secondary-main)}.stock-card .card-icon{background:#f59e0b1a;color:var(--accent-warning)}.card-icon svg{height:28px;width:28px}.card-content{flex:1 1}.card-title{color:var(--neutral-gray500);font-size:.875rem;font-weight:var(--font-weight-medium);letter-spacing:.5px;text-transform:uppercase}.card-title,.card-value{margin-bottom:var(--spacing-xs)}.card-value{color:var(--neutral-gray900);font-size:1.75rem;font-weight:var(--font-weight-bold);line-height:1.2}.card-change{align-items:center;display:flex;font-size:.875rem;font-weight:var(--font-weight-medium);gap:var(--spacing-xs)}.card-change.positive{color:var(--accent-success)}.card-change.negative{color:var(--accent-error)}.card-change svg{height:16px;width:16px}.card-decoration{bottom:0;opacity:.1;overflow:hidden;right:0}.card-decoration,.decoration-bar{height:100px;position:absolute;width:100px}.decoration-bar{background:var(--primary-main);border-radius:var(--radius-lg);bottom:-20px;right:-20px;transform:rotate(45deg)}.charts-section{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:2fr 1fr;margin-bottom:var(--spacing-xl)}@media (max-width:1200px){.charts-section{grid-template-columns:1fr}}.chart-card{background:var(--neutral-white);border:1px solid var(--neutral-gray200);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--spacing-xl)}.chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg)}.chart-title{color:var(--neutral-gray900);font-size:1.125rem;font-weight:var(--font-weight-semibold)}.chart-legend{display:flex;gap:var(--spacing-lg)}.legend-item{align-items:center;color:var(--neutral-gray600);display:flex;font-size:.875rem;gap:var(--spacing-sm)}.legend-color{border-radius:var(--radius-full);height:12px;width:12px}.legend-color.sales{background:var(--primary-main)}.legend-color.service{background:var(--secondary-main)}.chart-more{background:none;border:none;border-radius:var(--radius-sm);color:var(--neutral-gray400);cursor:pointer;padding:var(--spacing-xs);transition:all var(--transition-fast)}.chart-more:hover{background:var(--neutral-gray100);color:var(--neutral-gray600)}.chart-container{height:300px;margin-top:var(--spacing-lg)}.simulated-chart{align-items:flex-end;display:flex;gap:var(--spacing-lg);height:100%;justify-content:space-between;padding:0 var(--spacing-md)}.chart-column-group{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%;max-width:80px}.chart-column{border-radius:var(--radius-md) var(--radius-md) 0 0;margin-bottom:var(--spacing-xs);position:relative;transition:height .3s ease;width:30px}.sales-column{background:linear-gradient(to top,var(--primary-light),var(--primary-main));margin-right:2px}.service-column{background:linear-gradient(to top,var(--secondary-light),var(--secondary-main));margin-left:2px}.column-value{color:var(--neutral-gray600);font-size:.75rem;font-weight:var(--font-weight-medium);left:50%;opacity:0;position:absolute;top:-30px;transform:translateX(-50%);transition:opacity .3s ease;white-space:nowrap}.chart-column:hover .column-value{opacity:1}.chart-label{color:var(--neutral-gray500);font-size:.875rem;font-weight:var(--font-weight-medium);margin-top:var(--spacing-sm);text-align:center}.pie-chart-container{height:200px;margin:var(--spacing-xl) auto;position:relative;width:200px}.pie-chart{border-radius:50%;height:100%;overflow:hidden;position:relative;width:100%}.pie-segment{align-items:center;height:100%;justify-content:center;transform-origin:center;width:100%}.pie-segment,.segment-info{display:flex;position:absolute}.segment-info{align-items:flex-start;flex-direction:column;left:70%;top:50%;transform:translateY(-50%)}.segment-percentage{color:var(--neutral-gray900);font-size:1rem;font-weight:var(--font-weight-bold)}.segment-label{color:var(--neutral-gray500);font-size:.75rem;white-space:nowrap}.pie-center{align-items:center;background:var(--neutral-white);border-radius:50%;box-shadow:var(--shadow-md);display:flex;height:100px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100px}.total-services{color:var(--neutral-gray900);display:flex;flex-direction:column;font-size:1.5rem;font-weight:var(--font-weight-bold);text-align:center}.total-services span{color:var(--neutral-gray500);font-size:.75rem;font-weight:var(--font-weight-medium)}.distribution-list{margin-top:var(--spacing-xl)}.distribution-item{align-items:center;border-bottom:1px solid var(--neutral-gray100);display:flex;justify-content:space-between;padding:var(--spacing-sm) 0}.distribution-item:last-child{border-bottom:none}.item-info{align-items:center;display:flex;gap:var(--spacing-md)}.item-color{border-radius:var(--radius-full);height:12px;width:12px}.item-label{color:var(--neutral-gray700);font-size:.875rem;font-weight:var(--font-weight-medium)}.item-count{color:var(--neutral-gray900);font-size:1rem;font-weight:var(--font-weight-bold)}.alerts-tables-section{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:1fr 1fr;margin-bottom:var(--spacing-xl)}@media (max-width:1024px){.alerts-tables-section{grid-template-columns:1fr}}.alerts-card{background:var(--neutral-white);border:1px solid var(--neutral-gray200);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--spacing-xl)}.alerts-header{align-items:center;border-bottom:1px solid var(--neutral-gray100);display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.alert-icon{color:var(--accent-warning);height:24px;width:24px}.alerts-title{color:var(--neutral-gray900);font-size:1.125rem;font-weight:var(--font-weight-semibold)}.badge{border-radius:var(--radius-full);color:var(--neutral-white);font-size:.75rem;font-weight:var(--font-weight-bold);letter-spacing:.5px;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.badge.critical{background:var(--accent-error)}.badge.warning{background:var(--accent-warning)}.view-all{background:none;border:none;color:var(--primary-main);cursor:pointer;font-size:.875rem;font-weight:var(--font-weight-medium);transition:all var(--transition-fast)}.view-all:hover{color:var(--primary-dark);transform:translateX(2px)}.alerts-list,.services-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.alert-item,.service-item{align-items:center;background:var(--neutral-gray50);border-left:4px solid #0000;border-radius:var(--radius-lg);display:flex;justify-content:space-between;padding:var(--spacing-md);transition:all var(--transition-fast)}.alert-item:hover,.service-item:hover{background:var(--neutral-gray100);transform:translateX(4px)}.alert-content,.service-content{align-items:center;display:flex;flex:1 1;justify-content:space-between}.alert-product,.service-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.customer-name,.product-name{color:var(--neutral-gray900);font-size:.9375rem;font-weight:var(--font-weight-semibold)}.product-category,.service-name{color:var(--neutral-gray500);font-size:.8125rem}.device-name{background:var(--neutral-gray200);border-radius:var(--radius-sm);color:var(--neutral-gray400);display:inline-block;font-size:.75rem;padding:var(--spacing-xs) var(--spacing-sm)}.alert-stock,.service-due{align-items:flex-end;display:flex;flex-direction:column;gap:var(--spacing-xs)}.current-stock,.due-date{color:var(--neutral-gray700);font-size:.875rem;font-weight:var(--font-weight-medium)}.min-stock{color:var(--neutral-gray500);font-size:.75rem}.days-left{border-radius:var(--radius-full);color:var(--neutral-white);font-size:.75rem;font-weight:var(--font-weight-bold);letter-spacing:.5px;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.days-left.urgent{background:var(--accent-error)}.days-left.warning{background:var(--accent-warning)}.days-left.normal{background:var(--accent-success)}.alert-indicator,.priority-indicator{border-radius:var(--radius-full);color:var(--neutral-white);font-size:.75rem;font-weight:var(--font-weight-bold);letter-spacing:.5px;margin-left:var(--spacing-md);min-width:70px;padding:var(--spacing-xs) var(--spacing-sm);text-align:center;text-transform:uppercase}.tables-section{display:flex;flex-direction:column;gap:var(--spacing-lg);grid-template-columns:1fr 1fr;margin-bottom:var(--spacing-xl)}@media (max-width:1200px){.tables-section{grid-template-columns:1fr}}.table-card{background:var(--neutral-white);border:1px solid var(--neutral-gray200);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);height:-webkit-fit-content;height:fit-content;padding:var(--spacing-xl)}.table-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg)}.header-left{gap:var(--spacing-md)}.table-icon{color:var(--primary-main);height:24px;width:24px}.table-title{color:var(--neutral-gray900);font-size:1.125rem;font-weight:var(--font-weight-semibold)}.table-action{background:var(--primary-subtle);border:1px solid var(--primary-light);border-radius:var(--radius-lg);color:var(--primary-main);cursor:pointer;font-size:.875rem;font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast)}.table-action:hover{background:var(--primary-main);box-shadow:var(--shadow-sm);color:var(--neutral-white);transform:translateY(-1px)}.data-table thead{background:var(--neutral-gray50)}.data-table th{border-bottom:2px solid var(--neutral-gray200);color:var(--neutral-gray600);font-size:.8125rem;font-weight:var(--font-weight-semibold);letter-spacing:.5px;padding:var(--spacing-md);text-align:left;text-transform:uppercase}.data-table td{border-bottom:1px solid var(--neutral-gray100);color:var(--neutral-gray700);font-size:.875rem;padding:var(--spacing-md)}.data-table tr:hover{background:var(--neutral-gray50)}.amount-cell .amount-value,.customer-cell .customer-name{color:var(--neutral-gray900);font-weight:var(--font-weight-semibold)}.status-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-weight:var(--font-weight-semibold);gap:var(--spacing-xs);letter-spacing:.5px;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.status-badge.completed{background:var(--accent-success-light);color:var(--accent-success)}.status-badge.in-progress{background:var(--accent-info-light);color:var(--accent-info)}.status-badge.pending{background:var(--accent-warning-light);color:var(--accent-warning)}.status-badge svg{height:12px;width:12px}.payment-method{background:var(--neutral-gray100);border-radius:var(--radius-sm);color:var(--neutral-gray600);font-size:.75rem;font-weight:var(--font-weight-medium);padding:var(--spacing-xs) var(--spacing-sm)}.quick-stats-footer{grid-gap:var(--spacing-lg);border-top:1px solid var(--neutral-gray200);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:var(--spacing-xl);padding-top:var(--spacing-xl)}.quick-stat{align-items:center;background:var(--neutral-white);border:1px solid var(--neutral-gray200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);transition:all var(--transition-fast)}.quick-stat:hover{border-color:var(--primary-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon{align-items:center;background:var(--primary-subtle);border-radius:var(--radius-lg);color:var(--primary-main);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.stat-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.stat-value{color:var(--neutral-gray900);font-size:1.5rem;font-weight:var(--font-weight-bold)}.stat-label{color:var(--neutral-gray500);font-size:.875rem;font-weight:var(--font-weight-medium)}@media (max-width:768px){.dashboard-container{padding:var(--spacing-md)}.dashboard-header,.header-controls{align-items:flex-start;flex-direction:column;gap:var(--spacing-md)}.header-controls,.time-range-selector{width:100%}.time-btn{flex:1 1;text-align:center}.alerts-tables-section,.charts-section,.stats-grid,.tables-section{grid-template-columns:1fr}.chart-container{height:250px}.simulated-chart{gap:var(--spacing-sm)}.pie-chart-container{height:150px;width:150px}.segment-info{left:80%}.pie-center{height:70px;width:70px}.table-card{padding:var(--spacing-lg)}.quick-stats-footer{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.quick-stats-footer{grid-template-columns:1fr}.alert-item,.service-item{align-items:flex-start;flex-direction:column;gap:var(--spacing-md)}.alert-indicator,.priority-indicator{align-self:flex-start;margin-left:0}}@media (prefers-color-scheme:dark){.dashboard-container{background:#0f172a}.alerts-card,.chart-card,.quick-stat,.stat-card,.table-card{background:#1e293b;border-color:#334155}.alerts-title,.card-value,.chart-title,.customer-name,.dashboard-title,.product-name,.stat-value,.table-title{color:#e2e8f0}.card-title,.chart-label,.current-stock,.dashboard-subtitle,.due-date,.item-label,.product-category,.service-name,.stat-label{color:#94a3b8}.alert-item,.data-table thead,.data-table tr:hover,.service-item{background:#2d3748}.data-table td,.data-table th{border-color:#475569;color:#cbd5e1}.status-badge.completed{background:#10b98133}.status-badge.in-progress{background:#0ea5e933}.status-badge.pending{background:#f59e0b33}}.products-container{background:linear-gradient(135deg,#f5f7fa,#e4e8f0);min-height:100vh;padding:24px}.page-header{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:32px;padding:24px}.ant-card:hover{box-shadow:0 8px 25px #0000001f!important;transform:translateY(-4px);transition:transform .3s ease,box-shadow .3s ease}.ant-table-thead>tr>th{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;border:none;color:#fff!important;font-size:13px;padding:16px}.ant-table-thead>tr>th:first-child{border-radius:12px 0 0 0}.ant-table-thead>tr>th:last-child{border-radius:0 12px 0 0}.ant-table-tbody>tr:hover{background:linear-gradient(90deg,#f6ffed,#e6f7ff)!important}.ant-table-tbody>tr>td{border-bottom:1px solid #f0f0f0;padding:16px}.ant-card-grid{border:1px solid #f0f0f0;border-radius:12px;box-shadow:none!important;transition:all .3s ease}.ant-card-grid:hover{border-color:#1890ff;box-shadow:0 8px 25px #1890ff26!important}.ant-modal-content{border-radius:20px;box-shadow:0 20px 60px #0000004d;overflow:hidden}.ant-modal-header{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:20px 20px 0 0;padding:24px}.ant-modal-title{color:#fff!important;font-size:20px}.ant-modal-body{max-height:70vh;overflow-y:auto;padding:24px}.ant-form-item-label>label{color:#1d1d1d;font-size:14px;font-weight:600}.ant-input,.ant-input-number,.ant-picker,.ant-select-selector{border:2px solid #f0f0f0;border-radius:12px!important;font-size:14px;padding:12px}.ant-input-number:hover,.ant-input:hover,.ant-picker:hover,.ant-select:hover .ant-select-selector{border-color:#1890ff}.ant-input-number-focused,.ant-input:focus,.ant-picker-focused,.ant-select-focused .ant-select-selector{box-shadow:0 0 0 3px #1890ff1a}.ant-tabs-tab{border-radius:12px 12px 0 0;padding:12px 24px!important}.ant-tabs-tab-active{background:linear-gradient(135deg,#1890ff15,#1890ff05)}.ant-tabs-ink-bar{border-radius:3px}.ant-btn{border-radius:12px}.ant-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)}.ant-btn-primary:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.ant-tag{border:none}.ant-badge-count,.ant-badge-dot{box-shadow:0 0 0 2px #fff}@media (max-width:768px){.products-container{padding:12px}.page-header{flex-direction:column;gap:16px;padding:20px}.search-controls{align-items:stretch;flex-direction:column}.search-controls .ant-input-search{width:100%!important}.ant-table{font-size:12px}.ant-table-tbody>tr>td,.ant-table-thead>tr>th{padding:12px 8px}}@media (prefers-color-scheme:dark){.products-container{background:linear-gradient(135deg,#0f172a,#1e293b)}.page-header{background:#1e293b;color:#fff}.ant-card{background:#1e293b;border-color:#334155}.ant-card .ant-statistic-content,.ant-card .ant-statistic-title{color:#e2e8f0!important}.ant-table{background:#1e293b}.ant-table-thead>tr>th{background:linear-gradient(135deg,#475569,#334155)}.ant-table-tbody>tr{background:#1e293b;color:#cbd5e1}.ant-table-tbody>tr:hover{background:#334155!important}.ant-table-tbody>tr>td{border-color:#475569}}.products-container ::-webkit-scrollbar{height:8px;width:8px}.products-container ::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.products-container ::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px}.products-container ::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2,#667eea)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ant-card{animation:fadeInUp .5s ease-out}.ant-skeleton{border-radius:12px;overflow:hidden}.ant-empty{padding:48px 0}.ant-empty-image{height:120px}.ant-tooltip{max-width:300px}.ant-tooltip-inner{border-radius:12px;padding:12px 16px}.ant-popover{border-radius:12px}.ant-popover-inner{box-shadow:0 12px 40px #00000026}.ant-dropdown-menu-item{margin:2px 0}.ant-segmented{background:#f0f0f0;border-radius:12px;padding:4px}.ant-segmented-item{border-radius:8px;transition:all .3s ease}.ant-segmented-item-selected{background:#fff;box-shadow:0 4px 12px #0000001a}.cus-h1{color:#1d4ed8}.inventory-container{background:var(--neutral-gray50);min-height:100vh;padding:24px}.page-header{border-bottom:1px solid var(--neutral-gray200)}.search-controls{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}@media (max-width:768px){.search-controls{align-items:stretch;flex-direction:column}.search-controls .ant-input-search{width:100%!important}}.filter-drawer{background:var(--neutral-white);border-left:1px solid var(--neutral-gray200);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;height:100vh;position:fixed;right:-400px;top:0;transition:right .3s ease;width:350px;z-index:1000}.filter-drawer.visible{right:0}.filter-header{border-bottom:1px solid var(--neutral-gray200);padding:16px 24px}.filter-content{flex:1 1;overflow-y:auto;padding:24px}.filter-section{margin-bottom:24px}.filter-section h6{color:var(--neutral-gray700);font-weight:500;margin-bottom:12px}.filter-actions{background:var(--neutral-gray50);border-top:1px solid var(--neutral-gray200);display:flex;gap:12px;justify-content:space-between;padding:16px 24px}.inventory-container .ant-table{background:#0000}.inventory-container .ant-table-thead>tr>th{background:var(--neutral-gray50);border-bottom:2px solid var(--neutral-gray200);color:var(--neutral-gray700);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.inventory-container .ant-table-tbody>tr{transition:all .3s ease}.inventory-container .ant-table-tbody>tr:hover{background:var(--neutral-gray50)!important}.inventory-container .ant-table-tbody>tr.ant-table-row-selected>td{background:var(--primary-subtle)!important}.inventory-container .ant-progress-inner{background-color:var(--neutral-gray200)!important}.inventory-container .ant-tag{border-radius:12px;font-size:12px;font-weight:500;height:auto;line-height:1.5;padding:2px 8px}.inventory-container .ant-card{border:1px solid var(--neutral-gray200);border-radius:var(--radius-lg);height:100%;overflow:hidden;transition:all .3s ease}.inventory-container .ant-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.inventory-container .ant-card-cover{border-radius:var(--radius-lg) var(--radius-lg) 0 0;overflow:hidden}.inventory-container .ant-card-actions{background:var(--neutral-gray50);border-top:1px solid var(--neutral-gray200)}.inventory-container .ant-card-actions>li{border-right:none!important;margin:12px 0}.alerts-list{display:flex;flex-direction:column;gap:12px}.alert-item{align-items:center;background:var(--neutral-gray50);border-left:4px solid #0000;border-radius:var(--radius-md);display:flex;padding:12px 16px;transition:all .3s ease}.alert-item:hover{background:var(--neutral-gray100);transform:translateX(4px)}.alert-item:first-child{border-left-color:#ef4444}.alert-item:nth-child(2),.alert-item:nth-child(3){border-left-color:#f59e0b}.alert-item:nth-child(4),.alert-item:nth-child(5){border-left-color:#3b82f6}.inventory-container .ant-modal-content{border-radius:var(--radius-xl);overflow:hidden}.inventory-container .ant-modal-header{background:var(--neutral-gray50);border-bottom:1px solid var(--neutral-gray200);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.inventory-container .ant-modal-title{color:var(--neutral-gray900);font-weight:600}.inventory-container .ant-tabs-tab{font-weight:500;padding:12px 16px!important}.inventory-container .ant-tabs-tab-active{color:var(--primary-main)!important}.inventory-container .ant-tabs-ink-bar{background:var(--primary-main)}.inventory-container .ant-badge-status-dot{height:8px;width:8px}.inventory-container .ant-timeline-item{padding-bottom:20px}.inventory-container .ant-timeline-item-tail{border-left:2px solid var(--neutral-gray300)}.inventory-container .ant-qrcode{background:var(--neutral-white);border:1px solid var(--neutral-gray200);border-radius:var(--radius-md);padding:8px}@media (max-width:768px){.inventory-container{padding:16px}.page-header{flex-direction:column;gap:16px}.page-header .ant-space{justify-content:flex-end;width:100%}.inventory-container .ant-col{margin-bottom:16px}.filter-drawer{width:100%}.alert-item{align-items:flex-start;flex-direction:column;gap:8px}.alert-item button{width:100%}}@media (prefers-color-scheme:dark){.inventory-container{background:var(--neutral-gray900)}.filter-drawer,.inventory-container .ant-card,.inventory-container .ant-modal-content,.inventory-container .ant-table-thead>tr>th{background:var(--neutral-gray800);border-color:var(--neutral-gray700)}.inventory-container .ant-table-thead>tr>th{color:var(--neutral-gray300)}.inventory-container .ant-table-tbody>tr{background:var(--neutral-gray800);color:var(--neutral-gray300)}.inventory-container .ant-table-tbody>tr:hover{background:var(--neutral-gray700)!important}.alert-item{background:var(--neutral-gray700)}.alert-item:hover{background:var(--neutral-gray600)}.inventory-container .ant-progress-inner{background-color:var(--neutral-gray600)!important}}.inventory-container ::-webkit-scrollbar{height:6px;width:6px}.inventory-container ::-webkit-scrollbar-track{background:var(--neutral-gray100);border-radius:3px}.inventory-container ::-webkit-scrollbar-thumb{background:var(--neutral-gray400);border-radius:3px}.inventory-container ::-webkit-scrollbar-thumb:hover{background:var(--neutral-gray500)}.inventory-container .ant-table-row{animation:slideIn .3s ease}.inventory-container .ant-empty{padding:48px 0}.inventory-container .ant-empty-image{height:120px}.inventory-container .ant-statistic-title{color:var(--neutral-gray500);font-size:12px;letter-spacing:.5px;text-transform:uppercase}.inventory-container .ant-statistic-content{font-size:24px;font-weight:600}.inventory-container .ant-btn-group{display:flex;gap:8px}.inventory-container .ant-space{gap:8px!important}.inventory-container .ant-divider{border-color:var(--neutral-gray200);margin:16px 0}.inventory-container .ant-form-item{margin-bottom:16px}.inventory-container .ant-form-item-label>label{color:var(--neutral-gray700);font-weight:500}.inventory-container .ant-input,.inventory-container .ant-input-number,.inventory-container .ant-select-selector{border:1px solid var(--neutral-gray300);border-radius:var(--radius-md)}.inventory-container .ant-input-number-focused,.inventory-container .ant-input:focus,.inventory-container .ant-select-focused .ant-select-selector{border-color:var(--primary-main);box-shadow:0 0 0 2px var(--primary-subtle)}.inventory-container .ant-card-grid{border:1px solid var(--neutral-gray200);padding:16px;width:100%}.filter-overlay{display:none;z-index:999}.filter-overlay.visible{display:block}.inventory-container .ant-spin{display:flex;justify-content:center;padding:40px 0}.quick-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.quick-actions .ant-btn{align-items:center;display:flex;gap:6px}.export-btn{background:var(--accent-success);border-color:var(--accent-success);color:var(--neutral-white)}.export-btn:hover{background:var(--accent-success-dark);border-color:var(--accent-success-dark)}.stock-status-in{color:var(--accent-success)}.stock-status-low{color:var(--accent-warning)}.stock-status-out{color:var(--accent-error)}.stock-status-warning{color:var(--accent-warning)}.location-badge{background:var(--primary-subtle);color:var(--primary-main)}.location-badge,.supplier-tag{border-radius:12px;font-size:11px;font-weight:500;padding:2px 8px}.supplier-tag{background:var(--neutral-gray100);color:var(--neutral-gray700)}.movement-in{color:var(--accent-success)}.movement-out{color:var(--accent-error)}.barcode-display{background:var(--neutral-gray100);border-radius:var(--radius-md);font-family:Courier New,monospace;font-size:16px;font-weight:700;letter-spacing:2px;padding:8px 16px;text-align:center}.stock-level-indicator{border-radius:50%;display:inline-block;height:8px;margin-right:6px;width:8px}.stock-level-full{background:var(--accent-success)}.stock-level-medium{background:var(--accent-warning)}.stock-level-low{background:var(--accent-error)}.inventory-container .ant-tooltip-inner{border-radius:var(--radius-md);font-size:12px}.inventory-container .ant-dropdown-menu,.inventory-container .ant-popover-inner{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.inventory-container .ant-dropdown-menu-item{font-size:13px;padding:8px 16px}.inventory-container .ant-dropdown-menu-item:hover{background:var(--neutral-gray50)}.chart-container{background:var(--neutral-white);border:1px solid var(--neutral-gray200);border-radius:var(--radius-lg);padding:24px}.empty-card{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:48px 24px;text-align:center}.empty-card .ant-empty-description{color:var(--neutral-gray500)}@media (max-width:1200px){.inventory-container .ant-table{font-size:13px}.inventory-container .ant-table-tbody>tr>td,.inventory-container .ant-table-thead>tr>th{padding:12px 8px}}@media print{.inventory-container .ant-btn,.inventory-container .ant-tabs,.search-controls{display:none!important}.inventory-container{background:#fff;padding:0}.page-header{border-bottom:2px solid #000}.inventory-container .ant-card{border:1px solid #000;box-shadow:none}}.reports-container{background:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh;padding:24px}.header-left{align-items:center;display:flex;gap:12px}.header-logo{font-size:28px}.header-info{display:flex;flex-direction:column}.header-title{font-size:20px;font-weight:600;margin-bottom:4px}.header-subtitle{font-size:12px;opacity:.85}.header-right{gap:12px}.date-range,.header-right{align-items:center;display:flex}.date-range{background:#ffffff26;border-radius:8px;gap:8px;padding:6px 14px}.date-range input{background:#0000;border:none;color:#fff;cursor:pointer;font-size:13px;outline:none}.date-range input::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(1)}.date-range span{color:#ffffffb3}.btn-outline{align-items:center;background:#ffffff26;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 16px;transition:all .3s}.btn-outline:hover{background:#ffffff40}.btn-primary{align-items:center;background:#fff;border:none;border-radius:8px;color:#667eea;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 20px;transition:all .3s}.btn-primary:hover{box-shadow:0 2px 8px #00000026;transform:translateY(-1px)}.filter-badge{background:#fff;color:#667eea;font-size:11px;font-weight:700;margin-left:4px;padding:2px 6px}.reports-tabs{border-bottom:1px solid #e8e8e8;display:flex;gap:8px;margin-bottom:24px;padding-bottom:8px}.tab-button{align-items:center;background:#0000;border:none;border-radius:8px 8px 0 0;color:#8c8c8c;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s}.tab-button:hover{background:#f0f0f0;color:#1890ff}.tab-button.active{border-bottom:2px solid #1890ff;color:#1890ff;font-weight:600}.kpi-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:24px}.kpi-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:20px;transition:all .3s}.kpi-card:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-2px)}.kpi-card-content{align-items:center;display:flex;justify-content:space-between}.kpi-card-left{flex:1 1}.kpi-card-title{color:#8c8c8c;font-size:13px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.kpi-card-value{font-size:28px;font-weight:700;margin-bottom:4px}.kpi-card-subtitle{color:#8c8c8c;font-size:11px;margin-top:4px}.kpi-card-growth{align-items:center;display:flex;font-size:11px;gap:4px;margin-top:8px}.kpi-card-growth.positive{color:#52c41a}.kpi-card-growth.negative{color:#ff4d4f}.kpi-card-icon{font-size:42px;opacity:.7}.report-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;margin-bottom:24px;overflow:hidden;transition:all .3s}.report-card:hover{box-shadow:0 4px 12px #0000001a}.card-header{background:#fafafa;border-bottom:1px solid #f0f0f0;font-size:16px;font-weight:600;justify-content:space-between;padding:16px 20px}.card-header,.card-title{align-items:center;display:flex}.card-title{gap:8px}.card-subtitle{color:#8c8c8c;font-size:12px;font-weight:400}.card-body{padding:20px}.two-column-grid{grid-gap:24px;grid-template-columns:repeat(2,1fr)}.three-column-grid,.two-column-grid{display:grid;gap:24px;margin-bottom:24px}.three-column-grid{grid-gap:24px;grid-template-columns:repeat(3,1fr)}@media (max-width:1024px){.three-column-grid,.two-column-grid{gap:20px;grid-template-columns:1fr}}.bar-chart{align-items:flex-end;display:flex;gap:8px;padding:12px 0}.bar-chart-item{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:8px}.bar-chart-bar{background:#1890ff;border-radius:4px 4px 0 0;cursor:pointer;max-width:40px;min-width:30px;transition:all .3s;width:100%}.bar-chart-bar:hover{opacity:.8;transform:scaleY(1.02)}.bar-chart-label{color:#8c8c8c;font-size:10px;max-width:60px;text-align:center;word-break:break-word}.donut-chart-container{align-items:center;display:flex;flex-wrap:wrap;gap:24px;justify-content:center}.donut-legend{display:flex;flex-direction:column;gap:8px}.donut-legend-item{align-items:center;display:flex;font-size:12px;gap:8px}.donut-legend-dot{border-radius:2px;height:10px;width:10px}.donut-legend-label{color:#666;min-width:80px}.donut-legend-value{color:#333;font-weight:600}.donut-empty{color:#8c8c8c;padding:40px;text-align:center}.progress-row{margin-bottom:16px}.progress-row-header{display:flex;font-size:12px;justify-content:space-between;margin-bottom:6px}.progress-row-label{color:#666;font-weight:500}.progress-row-value{color:#333;font-weight:600}.progress-bar-track{background:#f0f0f0;border-radius:4px;height:6px;overflow:hidden}.progress-bar-fill{border-radius:4px;height:100%;transition:width .5s ease}.progress-list{margin-top:16px}.trend-chart-svg{background:#fff;height:auto;width:100%}.chart-empty{color:#8c8c8c;font-size:14px;padding:40px;text-align:center}.table-container{overflow-x:auto}.data-table{border-collapse:collapse;font-size:13px;width:100%}.data-table thead th{background:#fafafa;border-bottom:1px solid #f0f0f0;color:#666;font-weight:600;padding:12px 16px;text-align:left}.data-table tbody td{border-bottom:1px solid #f5f5f5;color:#333;padding:12px 16px}.data-table tbody tr:hover{background:#fafafa;cursor:pointer}.data-table tbody tr.clickable{cursor:pointer}.data-table tfoot td{background:#fafafa;border-top:1px solid #e8e8e8;font-weight:500;padding:12px 16px}.table-footer{background:#f5f5f5;font-weight:600}.text-right{text-align:right}.text-center{text-align:center}.text-muted{color:#8c8c8c}.fw-600{font-weight:600}.fw-700{font-weight:700}.small,.tag{font-size:11px}.tag{align-items:center;border-radius:6px;display:inline-flex;font-weight:500;gap:6px;padding:4px 10px;white-space:nowrap}.tag-primary{background:#e6f7ff;color:#1890ff}.tag-success{background:#f6ffed;color:#52c41a}.tag-warning{background:#fffbe6;color:#faad14}.tag-error{background:#fff2f0;color:#ff4d4f}.tag-gray{background:#f5f5f5;color:#8c8c8c}.badge{align-items:center;background:#f0f0f0;border-radius:12px;color:#666;display:inline-flex;font-size:11px;padding:2px 8px}.category-tag{border-radius:4px;display:inline-block;font-size:11px;font-weight:500;padding:4px 8px}.invoice-number{color:#1890ff;font-family:monospace;font-weight:600}.top-product-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;gap:12px;padding:12px 0}.top-product-item:last-child{border-bottom:none}.top-product-rank{align-items:center;border-radius:8px;color:#fff;display:flex;font-size:14px;font-weight:700;height:32px;justify-content:center;width:32px}.top-product-info{flex:1 1}.top-product-name{font-size:14px;font-weight:600;margin-bottom:2px}.top-product-stats{color:#8c8c8c;font-size:11px}.top-product-revenue{color:#52c41a;font-size:14px;font-weight:700}.warranty-stats{display:flex;justify-content:space-around;margin-bottom:20px}.warranty-stat{text-align:center}.warranty-value{font-size:32px;font-weight:700}.warranty-label{color:#8c8c8c;font-size:12px;margin-top:4px}.warranty-percentage{color:#666;font-size:12px;margin-top:12px;text-align:center}.status-item{margin-bottom:16px}.status-header{display:flex;font-size:13px;justify-content:space-between;margin-bottom:8px}.status-count{color:#8c8c8c}.predictions-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.predictions-card .card-header{background:#ffffff1a;border-bottom-color:#fff3;color:#fff}.predictions-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.prediction-item{border-radius:12px;padding:20px;text-align:center;transition:transform .3s}.prediction-item:hover{transform:translateY(-4px)}.prediction-label{font-size:12px;margin-bottom:8px;opacity:.9}.prediction-value{font-size:28px;font-weight:700;margin-bottom:8px}.prediction-growth{font-size:11px;opacity:.8}.prediction-confidence{border-top:1px solid #fff3;font-size:12px;justify-content:center;padding-top:16px;text-align:center}.info-banner,.prediction-confidence{align-items:center;display:flex;gap:8px}.info-banner{background:#e6f7ff;border-left:3px solid #1890ff;border-radius:8px;font-size:13px;margin-bottom:20px;padding:12px 16px}.info-banner-success{background:#f6ffed;border-left-color:#52c41a}.growth-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:11px;font-weight:500;gap:4px;padding:4px 8px}.growth-badge.positive{background:#f6ffed;color:#52c41a}.growth-badge.negative{background:#fff2f0;color:#ff4d4f}.comparison-stats{align-items:center;display:flex;gap:12px;justify-content:space-between}.comparison-stat{flex:1 1;text-align:center}.comparison-label{color:#8c8c8c;font-size:11px;margin-bottom:4px}.comparison-value{font-size:18px;font-weight:600}.segments-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.segment-item{background:#fafafa;border-radius:8px;border-top:3px solid;padding:16px;text-align:center}.segment-value{font-size:28px;font-weight:700;margin-bottom:8px}.segment-label{font-size:13px;font-weight:500;margin-bottom:4px}.segment-total{color:#8c8c8c;font-size:11px}.rank-badge{align-items:center;border-radius:6px;display:flex;font-size:12px;font-weight:700;height:28px;justify-content:center;width:28px}.performance-summary{display:flex;gap:20px;justify-content:space-around}.performance-item{text-align:center}.performance-label{color:#8c8c8c;font-size:12px;margin-bottom:8px}.performance-value{font-size:20px;font-weight:700}.performance-value.positive{color:#52c41a}.performance-value.negative{color:#ff4d4f}.insight-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;gap:16px;margin-bottom:16px;padding:16px;transition:all .3s}.insight-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateX(4px)}.insight-success{border-left:4px solid #52c41a}.insight-info{border-left:4px solid #1890ff}.insight-warning{border-left:4px solid #faad14}.insight-error{border-left:4px solid #ff4d4f}.insight-icon{font-size:28px}.insight-content{flex:1 1}.insight-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:8px}.insight-title{font-size:15px;font-weight:600}.insight-priority{border-radius:12px;color:#fff;font-size:10px;font-weight:600;padding:2px 8px}.insight-description{color:#666;font-size:13px;line-height:1.5}.filter-overlay{animation:fadeIn .3s ease;background:#00000080;bottom:0;display:flex;justify-content:flex-end;left:0;position:fixed;right:0;top:0;z-index:1000}.filter-panel{animation:slideIn .3s ease;background:#fff;height:100%;overflow-y:auto;width:380px}.filter-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;font-size:18px;font-weight:600;justify-content:space-between;padding:20px}.filter-body{padding:20px}.filter-group{margin-bottom:20px}.filter-group label{color:#666;display:block;font-size:13px;font-weight:500;margin-bottom:8px}.filter-group input,.filter-group select{border:1px solid #d9d9d9;border-radius:6px;font-size:14px;padding:8px 12px;transition:all .3s;width:100%}.filter-group input:focus,.filter-group select:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33;outline:none}.date-range-inputs{align-items:center;display:flex;gap:8px}.date-range-inputs input{flex:1 1}.quick-dates{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.quick-date-btn{background:#f5f5f5;border:none;border-radius:4px;cursor:pointer;font-size:12px;padding:4px 12px;transition:all .3s}.quick-date-btn:hover{background:#e6f7ff;color:#1890ff}.amount-range{display:flex;gap:8px}.amount-range input{flex:1 1}.filter-footer{background:#fff;border-top:1px solid #f0f0f0;bottom:0;display:flex;gap:12px;padding:16px 20px;position:-webkit-sticky;position:sticky}.btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 20px;transition:all .3s}.btn-secondary{background:#f5f5f5;color:#666}.btn-secondary:hover{background:#e8e8e8}.export-overlay{align-items:center;animation:fadeIn .3s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.export-panel{animation:scaleIn .3s ease;background:#fff;border-radius:12px;width:450px}.export-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;font-size:18px;font-weight:600;justify-content:space-between;padding:20px}.export-body{padding:20px}.export-option{border:1px solid #f0f0f0;border-radius:8px;cursor:pointer;display:flex;gap:16px;margin-bottom:16px;padding:16px;transition:all .3s}.export-option:hover{background:#fafafa;border-color:#1890ff}.export-option.selected{background:#e6f7ff;border-color:#1890ff}.export-icon{font-size:32px}.export-details{flex:1 1}.export-title{font-weight:600;margin-bottom:4px}.export-description{color:#8c8c8c;font-size:12px}.export-info{align-items:center;background:#f5f5f5;border-radius:8px;display:flex;font-size:12px;gap:8px;margin:16px 0;padding:12px}.export-actions{display:flex;gap:12px;justify-content:flex-end}.modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.invoice-modal{animation:scaleIn .3s ease;background:#fff;border-radius:12px;max-height:90vh;max-width:90%;overflow-y:auto;width:600px}.invoice-modal-header{align-items:flex-start;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:20px}.invoice-modal-title{align-items:center;display:flex;font-size:18px;font-weight:600;gap:8px}.invoice-modal-subtitle{color:#8c8c8c;font-size:12px;margin-top:4px}.close-button{align-items:center;background:none;border:none;color:#8c8c8c;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:4px;transition:all .3s}.close-button:hover{color:#ff4d4f}.invoice-modal-body{padding:20px}.invoice-shop-header{border-bottom:2px dashed #f0f0f0;margin-bottom:24px;padding-bottom:16px;text-align:center}.invoice-shop-name{color:#1890ff;font-size:20px;font-weight:700}.invoice-shop-tagline{color:#8c8c8c;font-size:12px;margin:4px 0}.invoice-shop-address{color:#8c8c8c;font-size:10px}.invoice-info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.invoice-info-block{background:#fafafa;border-radius:8px;padding:12px}.invoice-info-block.full-width{grid-column:span 2}.invoice-info-label{align-items:center;color:#8c8c8c;display:flex;font-size:11px;gap:4px;margin-bottom:4px}.invoice-info-value{font-size:14px;font-weight:600}.invoice-info-date,.invoice-info-phone{align-items:center;color:#666;display:flex;font-size:12px;gap:4px;margin-top:4px}.invoice-info-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.invoice-items-table{border-collapse:collapse;font-size:13px;margin:20px 0;width:100%}.invoice-items-table th{border-bottom:1px solid #f0f0f0;color:#666;font-weight:500;padding:8px;text-align:left}.invoice-items-table td{border-bottom:1px solid #f5f5f5;padding:8px}.invoice-totals{border-top:1px solid #f0f0f0;margin-top:20px;padding-top:16px}.invoice-total-row{display:flex;font-size:13px;justify-content:space-between;padding:6px 0}.invoice-total-row.discount{color:#52c41a}.invoice-total-row.grand{border-top:1px solid #f0f0f0;color:#1890ff;font-size:16px;font-weight:700;margin-top:8px;padding-top:8px}.invoice-payment-badge{margin-top:16px;text-align:right}.invoice-footer{color:#8c8c8c;font-size:10px;margin-top:24px;padding-top:16px;text-align:center}.invoice-footer,.pagination{border-top:1px solid #f0f0f0}.pagination{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:20px;padding:20px 0 0}.pagination button{background:#fff;border:1px solid #d9d9d9;border-radius:6px;cursor:pointer;padding:6px 14px;transition:all .3s}.pagination button:hover:not(:disabled){border-color:#1890ff;color:#1890ff}.pagination button:disabled{cursor:not-allowed;opacity:.5}.pagination span{color:#666;font-size:13px}.icon-button{background:none;border:none;border-radius:4px;color:#8c8c8c;cursor:pointer;padding:4px 8px;transition:all .3s}.icon-button:hover{background:#f0f0f0;color:#1890ff}@keyframes slideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{border-radius:3px}@media (max-width:768px){.reports-container{padding:16px}.page-header{align-items:flex-start;flex-direction:column;gap:16px}.header-right{flex-wrap:wrap}.date-range{flex:1 1}.kpi-grid{grid-template-columns:1fr}.reports-tabs{overflow-x:auto}.tab-button{white-space:nowrap}.filter-panel{width:100%}.predictions-grid,.segments-grid{grid-template-columns:1fr}.performance-summary{flex-direction:column}.invoice-info-grid{grid-template-columns:1fr}.invoice-info-block.full-width{grid-column:span 1}}.service-bill-container{background:#f0f2f5;min-height:100vh;padding:24px}.page-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 12px #0000001a;color:#fff;padding:16px 24px}.page-header h1{color:#fff;font-size:24px;font-weight:600;margin:0}.page-header .cus-h1{color:#fff;margin-bottom:4px}.page-header .ant-typography-secondary{color:#fffc;font-size:14px}.ant-card{border-radius:12px;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.ant-card:hover{box-shadow:0 4px 16px #0000001f}.ant-card-head{border-bottom:2px solid #f0f0f0;padding:12px 20px}.ant-card-head-title{align-items:center;display:flex;font-size:16px;font-weight:600;gap:8px}.service-card{border-radius:8px;cursor:pointer;text-align:center;transition:all .3s ease}.service-card:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-4px)}.service-card .ant-avatar{background:linear-gradient(135deg,#1890ff,#096dd9);transition:transform .3s ease}.service-card:hover .ant-avatar{transform:scale(1.05)}.quick-service-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin-bottom:24px}.bill-preview{background:#fff;border-radius:12px;padding:24px}.bill-preview .ant-divider{margin:16px 0}.status-tag{border-radius:12px;font-size:11px;font-weight:500;padding:2px 8px;text-transform:uppercase}.status-completed{background:#f6ffed;border-color:#b7eb8f;color:#52c41a}.status-pending{background:#fff7e6;border-color:#ffd591;color:#fa8c16}.status-in-progress{background:#e6f7ff;border-color:#91d5ff;color:#1890ff}.status-cancelled{background:#fff1f0;border-color:#ffccc7;color:#f5222d}.payment-badge{border-radius:20px;font-size:12px;font-weight:500;padding:4px 12px;text-transform:uppercase}.payment-cash{background:#e6f7ff;color:#1890ff}.payment-upi{background:#f6ffed;color:#52c41a}.payment-card{background:#f9f0ff;color:#722ed1}.payment-wallet{background:#fff7e6;color:#fa8c16}.device-info-section{background:linear-gradient(135deg,#f5f7fa,#f0f2f5);border-radius:12px;margin-bottom:20px;padding:16px}.device-info-section .ant-descriptions-item-label{color:#666;font-weight:600}.service-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:12px;transition:background .3s ease}.service-item:hover{background:#fafafa}.service-item-name{color:#333;font-weight:500}.service-item-price{color:#1890ff;font-weight:600}.ant-table{border-radius:12px;overflow:hidden}.ant-table-thead>tr>th{border-bottom:2px solid #f0f0f0;font-size:14px}.ant-table-tbody>tr:hover>td{background:#f5f5f5}.ant-table-tbody>tr>td{padding:12px 16px}.ant-input,.ant-input-number,.ant-picker,.ant-select-selector{border-radius:8px;transition:all .3s ease}.ant-input-number-focused,.ant-input:focus,.ant-picker-focused,.ant-select-focused .ant-select-selector{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.ant-btn{border-radius:8px;font-weight:500;transition:all .3s ease}.ant-btn-primary{background:linear-gradient(135deg,#1890ff,#096dd9);border:none}.ant-btn-primary:hover{background:linear-gradient(135deg,#40a9ff,#1890ff);box-shadow:0 4px 12px #1890ff4d;transform:translateY(-1px)}.ant-btn-dangerous{border-color:#ff4d4f;color:#ff4d4f}.ant-btn-dangerous:hover{background:#ff4d4f;color:#fff;transform:translateY(-1px)}.ant-statistic-title{color:#666;font-size:12px;margin-bottom:4px}.ant-statistic-content{font-size:20px;font-weight:600}.ant-tabs-tab{padding:12px 20px;transition:all .3s ease}.ant-tabs-tab-active{color:#1890ff}.ant-tabs-ink-bar{background:linear-gradient(90deg,#1890ff,#096dd9);height:3px}.ant-drawer-header{border-bottom:2px solid #f0f0f0;padding:16px 24px}.ant-drawer-title{align-items:center;display:flex;font-size:18px;font-weight:600;gap:8px}.ant-modal-header{border-bottom:2px solid #f0f0f0;border-radius:12px 12px 0 0;padding:16px 24px}.ant-modal-title{font-size:18px;font-weight:600}.ant-alert{margin-bottom:16px}.ant-alert-success{background:#f6ffed;border-color:#b7eb8f}.ant-alert-info{background:#e6f7ff;border-color:#91d5ff}.ant-tag{padding:2px 10px}.ant-badge-count{border-radius:20px;font-weight:500}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}@media (max-width:768px){.service-bill-container{padding:12px}.page-header{align-items:flex-start;flex-direction:column;gap:12px;padding:16px}.page-header h1{font-size:20px}.quick-service-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.ant-card-head{padding:12px}.ant-table{overflow-x:auto}.ant-drawer{width:100%!important}}@media (max-width:480px){.quick-service-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.service-card .ant-avatar{height:40px;line-height:40px;width:40px}.service-card .ant-avatar svg{font-size:20px}.ant-statistic-content{font-size:16px}.ant-btn{font-size:12px}}@media print{.service-bill-container{background:#fff;padding:0}.ant-btn,.ant-card-extra,.ant-drawer,.ant-modal,.ant-table-filter-trigger,.ant-tabs-nav,.page-header{display:none!important}.ant-card{border:1px solid #ddd;box-shadow:none}.bill-preview{padding:0}.ant-table,.ant-table-tbody>tr>td{page-break-inside:avoid}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ant-card{animation:fadeIn .5s ease-out}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.ant-spin{color:#1890ff}.ant-tooltip-inner{border-radius:8px;font-size:12px}.ant-select-dropdown{border-radius:8px;box-shadow:0 4px 12px #00000026}.ant-input-number-handler-wrap{border-radius:0 8px 8px 0}.ant-radio-button-wrapper{border-radius:8px!important;margin:0 4px;transition:all .3s ease}.ant-radio-button-wrapper-checked{background:linear-gradient(135deg,#1890ff,#096dd9);border-color:#1890ff;color:#fff}.ant-radio-button-wrapper-checked:hover{background:linear-gradient(135deg,#40a9ff,#1890ff);color:#fff}.ant-switch{background:#ccc}.ant-switch-checked{background:linear-gradient(135deg,#1890ff,#096dd9)}.ant-progress-bg,.ant-progress-inner{border-radius:10px}.ant-progress-bg{background:linear-gradient(90deg,#1890ff,#52c41a)}.ant-timeline-item-tail{border-left-color:#e8e8e8}.ant-timeline-item-head{background:#fff;border-color:#1890ff}.ant-collapse{border-radius:12px;overflow:hidden}.ant-collapse-header{font-weight:500;padding:12px 16px!important}.ant-list-item{border-radius:8px;padding:12px;transition:background .3s ease}.ant-list-item:hover{background:#fafafa}.ant-notification-notice,.ant-popover-inner{border-radius:12px}.ant-notification-notice-message{font-weight:600}.ant-dropdown-menu{border-radius:12px;padding:8px}.ant-dropdown-menu-item{border-radius:8px;transition:all .3s ease}.ant-dropdown-menu-item:hover{background:#e6f7ff}.ant-message{z-index:1000}.ant-message-notice-content{border-radius:12px;padding:10px 20px}.ant-qrcode{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:12px}.ant-image-preview-mask{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ant-image-preview-operations{background:#0009;border-radius:50px}.sales-bill-container{background:#f5f5f5;min-height:100vh;padding:24px}.page-header{align-items:flex-start;border-bottom:1px solid #e8e8e8;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:20px}.bill-preview{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.bill-preview .ant-table{font-size:13px}.bill-preview .ant-table-thead>tr>th{background:#fafafa;color:#333;font-weight:600}.ant-card.quick-product-card{border:1px solid #e8e8e8;transition:all .3s ease}.ant-card.quick-product-card:hover{border-color:#1890ff;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.ant-radio-button-wrapper-checked{background:#1890ff!important;border-color:#1890ff!important;color:#fff!important}@media (max-width:768px){.sales-bill-container{padding:16px}.page-header{flex-direction:column;gap:16px}.page-header .ant-space{justify-content:flex-end;width:100%}.ant-col-24{margin-bottom:16px}}@media print{.sales-bill-container{display:none}.bill-preview{display:block!important;margin:0;padding:0}.bill-preview .ant-card,.bill-preview .ant-table{border:1px solid #ddd;box-shadow:none}}.sales-bill-container ::-webkit-scrollbar{height:6px;width:6px}.sales-bill-container ::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.sales-bill-container ::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.sales-bill-container ::-webkit-scrollbar-thumb:hover{background:#555}@keyframes productAdded{0%{opacity:.5;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.product-added{animation:productAdded .3s ease}.sales-bill-container .ant-spin{display:flex;justify-content:center;padding:40px 0}.sales-bill-container .ant-empty{color:#999;padding:48px 0}.sales-bill-container .ant-empty-image{height:120px;margin-bottom:16px}.ant-btn-group{display:flex;gap:8px}.ant-form-item-label>label{color:#333;font-weight:500}.ant-form-item{margin-bottom:16px}.ant-input-number:focus,.ant-input:focus,.ant-select-focused .ant-select-selector{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.ant-card-hoverable:hover{box-shadow:0 4px 16px #0000001a}.ant-badge-count{box-shadow:0 0 0 1px #fff}.ant-progress-inner{background-color:#f5f5f5}.ant-timeline-item-tail{border-left:2px solid #e8e8e8}.ant-alert{border-radius:8px}.ant-divider{color:#666}.ant-tabs-tab{font-weight:500}.ant-tabs-tab-active{color:#1890ff!important}.ant-tabs-ink-bar{background:#1890ff}.ant-table{font-size:13px}.ant-table-thead>tr>th{background:#fafafa;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.ant-table-tbody>tr{transition:all .3s ease}.ant-table-tbody>tr:hover{background:#fafafa!important}.ant-tag{border-radius:12px;font-size:12px;font-weight:500;padding:2px 8px}.ant-drawer-content{background:#fff}.ant-drawer-header{background:#fafafa;border-bottom:1px solid #e8e8e8}.ant-drawer-body{padding:24px}.qr-container{background:#fff;border:1px solid #e8e8e8;border-radius:8px;display:inline-block;padding:16px}.ant-card-statistics:hover{transform:translateY(-2px);transition:transform .3s ease}.mobile-input .ant-input-prefix{color:#1890ff}.tax-toggle{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.discount-input .ant-input-number{width:100%}.notes-textarea{resize:none}.action-buttons{display:flex;flex-direction:column;gap:12px;margin-top:24px}.payment-icon{font-size:20px;margin-right:8px}.stock-indicator{border-radius:50%;display:inline-block;height:8px;margin-right:6px;width:8px}.stock-low{background:#faad14}.stock-available{background:#52c41a}.stock-out{background:#ff4d4f}.invoice-badge{font-family:monospace;font-weight:700;letter-spacing:1px}.whatsapp-button{background:#25d366!important;border-color:#25d366!important;color:#fff!important}.whatsapp-button:hover{background:#128c7e!important;border-color:#128c7e!important}.print-button{background:#f0f0f0!important;border-color:#d9d9d9!important}.generate-button{overflow:hidden;position:relative}.generate-button:after{background:#ffffff80;border-radius:100%;content:"";height:5px;left:50%;opacity:0;position:absolute;top:50%;transform:scale(1) translate(-50%);transform-origin:50% 50%;width:5px}.generate-button:focus:not(:active):after{animation:ripple 1s ease-out}@keyframes ripple{0%{opacity:.5;transform:scale(0)}to{opacity:0;transform:scale(20)}}.filter-badge{background:#ff4d4f;border:2px solid #fff;border-radius:50%;height:12px;position:absolute;right:-6px;top:-6px;width:12px}.date-range-picker,.search-input{border-radius:6px}.empty-cart{color:#999;padding:48px 24px;text-align:center}.empty-cart-icon{color:#d9d9d9;font-size:48px;margin-bottom:16px}.loading-overlay{align-items:center;background:#fffc;border-radius:8px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1000}
/*# sourceMappingURL=main.32486e66.css.map*/