@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap);:root{--color-primary:#006a4e;--color-primary-dark:#004d39;--color-primary-light:#006a4e14;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--color-bg:#f1f5f9;--color-surface:#fff;--color-border:#e2e8f0;--color-divider:#f1f5f9;--color-text-primary:#0f172a;--color-text-secondary:#334155;--color-text-muted:#64748b;--color-text-light:#94a3b8;--font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:9999px;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 12px 32px #0000001a;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-smooth:250ms cubic-bezier(0.4,0,0.2,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f1f5f9;background-color:var(--color-bg);color:var(--color-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font);font-size:14px;font-weight:400;line-height:1.6}*,a,button,div,h1,h2,h3,h4,h5,h6,input,label,p,select,span,td,textarea,th{font-family:inherit}a,button,input,select,textarea{transition:background-color .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),opacity .15s cubic-bezier(.4,0,.2,1);transition:background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),color var(--transition-fast),opacity var(--transition-fast)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{border-radius:999px}*{scrollbar-color:#cbd5e1 #f1f5f9}.page-transition-bar{animation:pageLoad .5s ease-out forwards;background:linear-gradient(90deg,#006a4e,#10b981);background:linear-gradient(90deg,var(--color-primary),var(--color-success));height:3px;left:0;position:fixed;top:0;z-index:10000}@keyframes pageLoad{0%{width:0}to{width:100%}}.glass-loading-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff8c;color:var(--color-primary);font-size:14px;font-weight:600;inset:0}.premium-spinner{border:3px solid #006a4e26;border-top:3px solid var(--color-primary);height:40px;width:40px}.mini-spinner,.premium-spinner{animation:spin .9s linear infinite}.mini-spinner{border:2px solid #006a4e26;border-radius:50%;border-top:2px solid var(--color-primary);height:18px;width:18px}.update-loading-overlay{align-items:center;animation:slideIn .3s ease;background:#fff;background:var(--color-surface);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:999px;box-shadow:0 4px 16px #00000014;box-shadow:var(--shadow-md);display:flex;font-size:13px;font-weight:600;gap:10px;padding:10px 18px;position:fixed;right:20px;top:90px;z-index:100001}.feedback-toast{align-items:center!important;animation:slideInRight .4s cubic-bezier(.175,.885,.32,1.275) forwards!important;background:#006a4e!important;background:var(--color-primary)!important;border:1px solid #ffffff26!important;border-radius:999px!important;box-shadow:0 8px 24px #006a4e33!important;color:#fff!important;display:flex!important;flex-direction:row!important;font-size:13px!important;font-weight:600!important;gap:10px!important;letter-spacing:.01em!important;max-width:-webkit-fit-content!important;max-width:fit-content!important;padding:12px 22px!important;pointer-events:auto!important;position:fixed!important;right:24px!important;top:90px!important;width:auto!important;z-index:10000000!important}.feedback-toast .material-symbols-outlined{color:#fff!important;flex-shrink:0!important;font-size:20px!important}.animate-fade-in-up{animation:fadeInUp .4s ease-out both}.login-error-pill{animation:shake .4s ease;background:#ef44441a;border:1px solid #ef444440;border-radius:10px;color:#fca5a5}.login-error-pill,.login-success-pill{align-items:center;display:flex;font-size:13px;font-weight:600;gap:8px;justify-content:center;margin-bottom:10px;padding:12px 16px}.login-success-pill{background:#006a4e1f;border:1px solid #006a4e40;border-radius:10px;color:#6ee7b7}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}.website-offline{filter:grayscale(100%);pointer-events:none;transition:filter .5s ease}.website-offline:after{background:#000;border-bottom:2px solid #555;color:#fff;content:"OFFLINE MODE — CHECK YOUR INTERNET";font-size:11px;font-weight:800;left:0;letter-spacing:2px;padding:8px;position:fixed;text-align:center;top:0;width:100%;z-index:10000002}.erp-page{background:#f1f5f9;color:#0f172a;color:var(--color-text-primary);display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font);gap:20px;padding:28px 36px}.erp-header{align-items:center;background:linear-gradient(135deg,#006a4e,#004d39);border:1px solid #ffffff1a;border-radius:22px;box-shadow:0 12px 30px #006a4e33;display:flex;justify-content:space-between;margin-bottom:28px;min-height:80px;overflow:hidden;padding:22px 30px;position:relative}.erp-header:after{background:radial-gradient(circle,#ffffff12 0,#0000 70%);content:"";height:340px;pointer-events:none;position:absolute;right:-5%;top:-60%;width:340px}.erp-header-left{display:flex;flex-direction:column;gap:2px;z-index:1}.erp-header-right{flex-shrink:0;gap:10px;z-index:1}.erp-header-right,.erp-title{align-items:center;display:flex}.erp-title{color:#fff;font-size:20px;font-weight:800;gap:12px;letter-spacing:-.3px;line-height:1.2;white-space:nowrap}.erp-title:before{background:#10b981;border-radius:4px;box-shadow:0 0 10px #10b98180;content:"";display:inline-block;flex-shrink:0;height:22px;width:4px}.erp-subtitle{color:#ffffffb8;font-size:13px;font-weight:500;margin:0;padding-left:16px}.erp-header-btn{align-items:center;border:none;border-radius:50px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;gap:8px;padding:9px 18px;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-smooth);white-space:nowrap}.erp-header-btn.primary{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff2e;border:1.5px solid #ffffff59;color:#fff}.erp-header-btn.primary:hover{background:#ffffff47;border-color:#ffffff8c;transform:translateY(-1px)}.erp-header-btn.solid{background:#fff;box-shadow:0 4px 14px #0000001f;color:#006a4e}.erp-header-btn.solid:hover{background:#f0fdf4;box-shadow:0 6px 18px #00000026;transform:translateY(-1px)}.erp-stats-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.erp-stat-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-sm);display:flex;gap:14px;padding:18px 20px;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-smooth),box-shadow var(--transition-smooth)}.erp-stat-card:hover{box-shadow:0 4px 16px #00000014;box-shadow:var(--shadow-md);transform:translateY(-3px)}.erp-stat-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:22px;height:46px;justify-content:center;width:46px}.erp-stat-icon.green{background:#ecfdf5;color:#059669}.erp-stat-icon.blue{background:#eff6ff;color:#2563eb}.erp-stat-icon.amber{background:#fffbeb;color:#d97706}.erp-stat-icon.red{background:#fef2f2;color:#dc2626}.erp-stat-icon.purple{background:#f5f3ff;color:#7c3aed}.erp-stat-body{display:flex;flex-direction:column;gap:2px;min-width:0}.erp-stat-label{color:#64748b;color:var(--color-text-muted);font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.erp-stat-value{color:#0f172a;color:var(--color-text-primary);font-size:26px;font-weight:900;letter-spacing:-.04em;line-height:1}.erp-stat-sub{color:#64748b;color:var(--color-text-muted);font-size:11.5px;font-weight:500}.erp-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-sm);overflow:hidden}.erp-card-header{align-items:center;background:#fcfdfe;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:18px 24px}.erp-card-title{color:#0f172a;color:var(--color-text-primary);font-size:16px;font-weight:800;gap:10px}.erp-card-title .material-symbols-outlined{color:#006a4e;font-size:22px}.erp-card-actions{align-items:center;display:flex;gap:10px}.erp-controls{flex-wrap:wrap}.erp-controls,.erp-select-group{align-items:center;display:flex;gap:12px}.erp-select-group .erp-select{height:44px;min-width:140px}.erp-search{flex:1 1;min-width:220px;position:relative}.erp-search .material-symbols-outlined{color:#94a3b8;color:var(--color-text-light);font-size:20px;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.erp-search input{background:#fff;border:1.5px solid #e2e8f0;border:1.5px solid var(--color-border);border-radius:12px;color:#0f172a;color:var(--color-text-primary);font-size:14px;font-weight:500;height:44px;outline:none;padding:0 16px 0 44px;transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.erp-search input:focus{border-color:#006a4e;box-shadow:0 0 0 3px #006a4e1a}.erp-search input::placeholder{color:#94a3b8;color:var(--color-text-light)}.erp-select{background:#fff;border:1.5px solid #e2e8f0;border:1.5px solid var(--color-border);border-radius:12px;color:#0f172a;color:var(--color-text-primary);cursor:pointer;font-size:14px;font-weight:600;height:44px;outline:none;padding:0 14px;transition:border-color .15s cubic-bezier(.4,0,.2,1);transition:border-color var(--transition-fast)}.erp-select:focus{border-color:#006a4e;box-shadow:0 0 0 3px #006a4e1a}.erp-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;gap:7px;padding:9px 18px;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-smooth);white-space:nowrap}.erp-btn .material-symbols-outlined{font-size:18px}.erp-btn.primary{background:#006a4e;box-shadow:0 4px 12px #006a4e33;color:#fff}.erp-btn.primary:hover{background:#004d39;box-shadow:0 6px 18px #006a4e47;transform:translateY(-1px)}.erp-btn.danger{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.erp-btn.danger:hover{background:#dc2626;color:#fff}.erp-btn.ghost{background:#0000;border:1.5px solid #e2e8f0;border:1.5px solid var(--color-border);color:#64748b;color:var(--color-text-muted)}.erp-btn.ghost:hover{background:#f8fafc;color:#0f172a;color:var(--color-text-primary)}.erp-icon-btn{align-items:center;background:#0000;border:none;border-radius:10px;cursor:pointer;display:inline-flex;height:36px;justify-content:center;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-smooth);width:36px}.erp-icon-btn .material-symbols-outlined{font-size:18px}.erp-icon-btn.edit{color:#2563eb}.erp-icon-btn.edit:hover{background:#eff6ff}.erp-icon-btn.delete{color:#dc2626}.erp-icon-btn.delete:hover{background:#fef2f2}.erp-icon-btn.view{color:#006a4e}.erp-icon-btn.view:hover{background:#ecfdf5}.erp-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:11.5px;font-weight:700;gap:5px;padding:4px 12px;white-space:nowrap}.erp-badge.success{background:#dcfce7;color:#15803d}.erp-badge.warning{background:#fef3c7;color:#b45309}.erp-badge.danger{background:#fee2e2;color:#b91c1c}.erp-badge.info{background:#eff6ff;color:#1d4ed8}.erp-badge.neutral{background:#f1f5f9;color:#475569}.erp-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.erp-table{border-collapse:collapse;font-size:14px;width:100%}.erp-table thead tr{background:#f8fafc}.erp-table th{border-bottom:1.5px solid #e2e8f0;color:#64748b;color:var(--color-text-muted);font-size:11px;font-weight:800;letter-spacing:.07em;padding:13px 20px;text-align:left;text-transform:uppercase;white-space:nowrap}.erp-table td{border-bottom:1px solid #f1f5f9;color:#334155;color:var(--color-text-secondary);padding:15px 20px;vertical-align:middle}.erp-table tbody tr:hover{background:#f8fafc}.erp-table tbody tr:last-child td{border-bottom:none}.erp-table-actions{align-items:center!important;display:flex!important;flex-direction:row!important;gap:8px!important;justify-content:center!important}.erp-empty{align-items:center;color:#94a3b8;color:var(--color-text-light);display:flex;flex-direction:column;gap:12px;padding:60px 24px;text-align:center}.erp-empty .material-symbols-outlined{font-size:48px;opacity:.4}.erp-empty h4{color:#64748b;color:var(--color-text-muted);font-size:17px;font-weight:700;margin:0}.erp-empty p{font-size:14px;margin:0}@media (max-width:768px){.erp-page{background:#f1f5f9;gap:14px;padding:12px}.erp-header{border-radius:14px;flex-wrap:nowrap;gap:10px;justify-content:space-between;min-height:46px;padding:10px 16px}.erp-title{flex-direction:row;flex-shrink:1;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.erp-title:before{height:20px;width:4px}.erp-subtitle{display:none}.erp-header-right{gap:8px}.erp-header-btn{font-size:12px;padding:8px 14px}.erp-stats-grid{gap:10px;grid-template-columns:1fr 1fr}.erp-stat-card{gap:10px;padding:14px}.erp-stat-icon{border-radius:10px;font-size:18px;height:40px;width:40px}.erp-stat-value{font-size:22px}.erp-stat-label{font-size:9.5px}.erp-controls{align-items:stretch;flex-direction:column;gap:8px}.erp-search{min-width:0}.erp-search input{font-size:14px;height:42px}.erp-select{height:42px;width:100%}.erp-select-group{gap:8px;justify-content:stretch;width:100%}.erp-select-group .erp-select{flex:1 1;font-size:13px;height:42px;min-width:0!important;padding:0 8px}.erp-card{border-radius:16px;border-radius:var(--radius-lg)}.erp-card-header{align-items:flex-start;flex-direction:column;gap:12px;padding:14px 16px}.erp-btn,.erp-card-actions{width:100%}.erp-btn{border-radius:12px;height:44px;justify-content:center}}@media (max-width:480px){.erp-page{gap:12px;padding:10px}.erp-stats-grid{gap:8px;grid-template-columns:1fr 1fr}.erp-stat-value{font-size:20px}}.erp-header,.page-header.premium-header,.premium-header-green,.premium-header-green.att-header,.premium-header-green.client-header{align-items:center!important;background:radial-gradient(circle at 90% 10%,#ffffff14 0,#0000 60%),linear-gradient(135deg,#006a4e,#004d39)!important;border-radius:20px!important;box-shadow:0 10px 25px -5px #006a4e40!important;color:#fff!important;display:flex!important;flex-shrink:0!important;justify-content:space-between!important;margin-bottom:24px!important;min-height:80px!important;overflow:visible!important;padding:22px 32px!important;position:relative!important}.page-header.premium-header:after,.premium-header-green:after{display:none!important}.erp-title,.header-title-mini,.page-title,.page-title-white{align-items:center!important;color:#fff!important;display:flex!important;flex-direction:row!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important;font-family:var(--font)!important;font-size:24px!important;font-weight:800!important;gap:12px!important;letter-spacing:-.3px!important;line-height:1.2!important;margin:0!important;white-space:nowrap!important}.erp-title:before,.page-title-white:before,.page-title:before{background:#10b981!important;border-radius:4px!important;box-shadow:0 0 10px #10b98180!important;content:""!important;display:inline-block!important;flex-shrink:0!important;height:28px!important;width:5px!important}.erp-subtitle,.page-subtitle,.page-subtitle-white{color:#ffffffbf!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important;font-family:var(--font)!important;font-size:13px!important;font-weight:500!important;margin:0!important}@media (max-width:768px){.erp-header,.page-header.premium-header,.premium-header-green,.premium-header-green.att-header,.premium-header-green.client-header{border-radius:20px!important;flex-wrap:nowrap!important;gap:12px!important;justify-content:flex-start!important;margin-bottom:20px!important;min-height:80px!important;padding:30px 24px!important}.erp-title,.header-title-mini,.page-title,.page-title-white{flex-direction:row!important;flex-shrink:1!important;font-size:26px!important;gap:14px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.erp-title:before,.page-title-white:before,.page-title:before{height:32px!important;width:6px!important}.erp-header-btn span:not(.material-symbols-outlined){display:none!important}.erp-header-btn{border-radius:50%!important;height:40px!important;justify-content:center!important;padding:0!important;width:40px!important}.erp-header-actions{align-items:center!important;display:flex!important;margin-left:auto!important}.btn-download,.btn-export,.btn-export-premium,.export-btn,.premium-export-btn-new,.premium-header .btn-export-premium{display:none!important}.pulsating-alert-banner{align-items:center!important;flex-direction:column!important;gap:12px!important;margin-top:16px!important;padding:16px 20px!important;text-align:center!important}.pulsating-alert-banner span.material-symbols-outlined{font-size:28px!important}.pulsating-alert-banner h3{font-size:15px!important;margin:0!important;text-align:center!important}.pulsating-alert-banner p{font-size:12px!important;line-height:1.4!important;margin-top:6px!important;text-align:center!important}.pulsating-alert-banner button.btn-transfer-premium{box-sizing:border-box!important;justify-content:center!important;margin-top:8px!important;width:100%!important}}@media (max-width:480px){.page-header.premium-header,.premium-header-green{border-radius:16px!important;padding:25px 16px!important}.erp-title,.page-title,.page-title-white{font-size:22px!important}}.att-header .page-title-white,.attendance-header .page-title-white,.erp-title,.report-header .page-title-white{font-size:16px!important;font-weight:700!important}.att-header .page-title-white:before,.attendance-header .page-title-white:before,.erp-title:before,.report-header .page-title-white:before{height:18px!important;width:4px!important}:root{--avs-green-light:#f0fdf4;--avs-green-muted:#dcfce7;--avs-card-shadow:0 20px 50px -12px #00321e1f;--avs-glass-bg:#fffc;--avs-primary-gradient:linear-gradient(135deg,#006a4e,#004d39);--avs-border-radius:20px}.admin-container{background-color:#f8fafc;background-color:var(--avs-bg);box-sizing:border-box;color:#0f172a;color:var(--avs-text-dark);display:flex;flex-direction:column;height:100vh;overflow:hidden;padding:24px}.admin-status-text{align-items:center;color:#ffffffe6;display:flex;font-size:14px;font-weight:600;gap:8px;margin:10px 0 0}.live-stat-dot{background:#4ade80;border-radius:50%;height:10px;width:10px}.admin-header-right{align-items:center;display:flex;z-index:2}.refresh-btn{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 5px #00000008;cursor:pointer;padding:12px;transition:all .2s}.refresh-btn:hover{background:var(--admin-blue-soft);border-color:var(--admin-blue-main);color:var(--admin-blue-main);transform:rotate(30deg)}.admin-layout{grid-gap:20px;display:grid;flex:1 1;gap:20px;grid-template-columns:320px 1fr;min-height:0}@media (max-width:992px){.admin-layout{display:flex!important;flex-direction:column!important;grid-template-columns:1fr!important}.admin-container,.admin-layout{height:auto!important;overflow-y:auto!important}.admin-container{min-height:100vh;padding:12px!important}.employee-sidebar-card{height:auto!important;max-height:600px;min-height:400px}.desktop-only-panel{display:none!important}.mobile-inline-management{animation:slideDown .3s ease;background:#fff;border-top:1px solid #f1f5f9;display:block!important;padding:15px}.mobile-inline-management .management-wrapper{height:auto!important;overflow:visible!important}.mobile-inline-management .credentials-tab,.mobile-inline-management .management-top-bar,.mobile-inline-management .permissions-tab{padding:15px 0!important}.desktop-only{display:none!important}}.employee-sidebar-card{background:#fff;border:1px solid #e2e8f099;border-radius:24px;box-shadow:0 20px 50px -12px #00321e1f;box-shadow:var(--avs-card-shadow);display:flex;flex-direction:column;height:100%;overflow:hidden}.sidebar-search{background:#fafafa;padding:20px;position:relative}.sidebar-search input{border:1px solid #e2e8f0;border-radius:12px;font-size:.95rem;outline:none;padding:12px 15px 12px 45px;transition:all .2s;width:100%}.sidebar-search input:focus{border-color:var(--admin-blue-main);box-shadow:0 0 0 3px #2563eb1a}.sidebar-search .material-symbols-outlined{color:#006a4e;color:var(--avs-green);left:32px;opacity:.6;position:absolute;top:50%;transform:translateY(-50%)}.employee-list{flex:1 1;overflow-y:auto;padding:10px}.employee-item{align-items:center;border-radius:12px;cursor:pointer;display:flex;gap:15px;margin-bottom:5px;padding:15px;position:relative;transition:all .2s}.employee-item:hover{background:#f8fafc}.employee-item.selected{background:#f0fdf4}.employee-item.selected:before{background:#006a4e;background:var(--avs-green);border-radius:0 10px 10px 0;box-shadow:0 0 15px #006a4e4d;content:"";height:70%;left:0;position:absolute;top:15%;width:5px}.emp-avatar{align-items:center;background:#e2e8f0;border-radius:12px;color:#475569;display:flex;font-weight:700;height:44px;justify-content:center;width:44px}.emp-avatar img{border-radius:12px;height:100%;object-fit:cover;width:100%}.online-indicator{background-color:#22c55e;border:3px solid #fff;border-radius:50%;bottom:-4px;height:14px;position:absolute;right:-4px;width:14px;z-index:10}.emp-info{display:flex;flex-direction:column}.emp-name{color:var(--admin-dark-text);font-size:.95rem}.emp-dept{color:var(--admin-muted-text);font-size:.8rem;font-weight:500}.emp-user{background:#2563eb1a;border-radius:4px;color:var(--admin-blue-main);display:inline-block;font-size:.75rem;font-weight:600;margin-top:4px;padding:2px 6px;width:-webkit-fit-content;width:fit-content}.admin-badge{background:#fef3c7;border-radius:20px;color:#92400e;font-size:.65rem;font-weight:800;padding:2px 8px;position:absolute;right:15px;text-transform:uppercase;top:15px}@media (max-width:480px){.employee-item{padding:12px}.emp-name{font-size:.85rem}.emp-dept{font-size:.75rem}}.management-content-card{background:#fff;border:1px solid #e2e8f080;border-radius:20px;box-shadow:var(--admin-card-shadow)}.management-content-card,.management-wrapper{display:flex;flex-direction:column;overflow:hidden}.management-wrapper{height:100%}.management-top-bar{border-bottom:1px solid #f1f5f9;padding:25px 30px}.selected-user-header{align-items:flex-end;display:flex;justify-content:space-between}.selected-user-header h2{color:#0f172a;color:var(--avs-text-dark);font-size:1.8rem;font-weight:850;letter-spacing:-.02em}.tabs{background:#f1f5f9;border-radius:10px;display:flex;gap:10px;padding:5px}.tabs button{background:#0000;border:none;border-radius:8px;color:var(--admin-muted-text);cursor:pointer;font-weight:600;padding:8px 20px;transition:all .2s}.tabs button.active{background:#fff;box-shadow:0 4px 12px #006a4e1f;color:#006a4e;color:var(--avs-green)}@media (max-width:576px){.selected-user-header{align-items:flex-start!important;flex-direction:column!important;gap:15px}.tabs{width:100%}.tabs button{flex:1 1;font-size:.8rem;padding:8px 10px}}.status-message{align-items:center;animation:slideInRight .3s cubic-bezier(.16,1,.3,1);border-radius:12px;box-shadow:0 10px 25px #00000026;display:flex;font-weight:600;gap:12px;padding:16px 24px;position:fixed;right:30px;top:30px;z-index:99999}.status-message.success{background:#ecfdf5;color:var(--admin-success)}.status-message.error{background:#fef2f2;color:var(--admin-error)}.credentials-tab,.permissions-tab{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:30px}.tab-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.tab-header h3{color:var(--admin-dark-text);font-size:1.1rem;font-weight:700}.tab-actions{display:flex;gap:12px}.bulk-btn{background:#fff;border:1.5px solid #e2e8f0;border-radius:100px;box-shadow:0 2px 5px #00000005;cursor:pointer;font-size:.75rem;font-weight:750;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase;transition:all .2s}.bulk-btn:active{transform:scale(.95)}.bulk-btn.select{color:#006a4e;color:var(--avs-green)}.bulk-btn.select:hover{background:#f0fdf4;border-color:#006a4e;border-color:var(--avs-green)}.bulk-btn.clear{color:#ef4444}.bulk-btn.clear:hover{background:#fef2f2;border-color:#ef4444}.modules-grid{grid-gap:15px;display:grid;flex:1 1;gap:15px;grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}@media (max-width:480px){.modules-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.module-card{padding:12px 8px}.module-name{font-size:.75rem}}.module-card{align-items:center;background:#fff;border:1px solid #f1f5f9;border-radius:18px;cursor:pointer;display:flex;flex-direction:column;gap:8px;overflow:hidden;padding:16px 12px;position:relative;transition:all .3s cubic-bezier(.165,.84,.44,1)}.module-card:after{background:linear-gradient(180deg,#006a4e08,#0000);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.module-card:hover{background:#fff;border-color:#dcfce7;border-color:var(--avs-green-muted);box-shadow:0 15px 35px #00321e14;transform:translateY(-8px)}.module-card:hover:after{opacity:1}.module-card.active{background:#f0fdf4;border-color:#006a4e4d;box-shadow:0 12px 25px #006a4e1a}.module-icon{align-items:center;background:#f8fafc;border-radius:12px;display:flex;height:44px;justify-content:center;width:44px}.module-card.active .module-icon{background:#006a4e;background:var(--avs-green);transform:scale(1.05)}.module-icon .material-symbols-outlined{color:#64748b;font-size:24px;transition:all .3s}.module-card:hover .module-icon .material-symbols-outlined{color:#006a4e;color:var(--avs-green)}.module-card.active:hover .module-icon .material-symbols-outlined{color:#fff}.module-name{color:#475569;font-size:.82rem;font-weight:700;letter-spacing:-.01em;text-transform:capitalize}.module-card.active .module-name{color:#006a4e;color:var(--avs-green)}.check-box{align-items:center;border:1.5px solid #e2e8f0;border-radius:6px;display:flex;height:20px;justify-content:center;margin-top:2px;width:20px}.module-card.active .check-box{background:#006a4e;border-color:#006a4e}.check-box .material-symbols-outlined{color:#fff;font-size:13px;font-weight:700}.credential-form{max-width:500px}.form-group{margin-bottom:25px}.form-group label{color:var(--admin-dark-text);display:block;font-size:.9rem;margin-bottom:10px}.form-group input{border:1px solid #e2e8f0;border-radius:12px;font-size:1rem;outline:none;padding:12px 15px;width:100%}.form-group input:focus{border-color:var(--admin-blue-main);box-shadow:0 0 0 3px #2563eb1a}.input-with-button{display:flex;gap:12px}.input-with-button input{flex:1 1}.gen-btn{align-items:center;background:#fff;border:1px solid var(--admin-blue-main);border-radius:12px;color:var(--admin-blue-main);cursor:pointer;display:flex;font-weight:700;gap:6px;padding:0 16px;transition:all .2s;white-space:nowrap}.gen-btn:hover{background:var(--admin-blue-soft);transform:translateY(-2px)}.gen-btn:active{transform:translateY(0)}.gen-btn .material-symbols-outlined{font-size:18px}.hint{color:var(--admin-muted-text);font-size:.8rem;line-height:1.4;margin-top:10px}.tab-footer{border-top:1px solid #f1f5f9;gap:15px;justify-content:flex-end;margin-top:15px;padding-top:15px}.save-btn,.tab-footer{align-items:center;display:flex}.save-btn{border:none;border-radius:12px;cursor:pointer;font-size:.85rem;font-weight:800;gap:8px;letter-spacing:.05em;padding:12px 36px;text-transform:uppercase;transition:all .3s}.save-btn.has-changes{background:linear-gradient(135deg,#006a4e,#004d39);background:var(--avs-primary-gradient);box-shadow:0 8px 15px #006a4e40;color:#fff}.save-btn.has-changes:hover{box-shadow:0 12px 25px #006a4e4d;transform:translateY(-2px)}.save-btn.no-changes{background:#f1f5f9;box-shadow:none;color:#94a3b8;cursor:default}.no-changes-hint{color:#94a3b8;font-size:.75rem;font-style:italic;font-weight:600}.empty-state{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center}.empty-state .material-symbols-outlined{font-size:80px;margin-bottom:20px;opacity:.5}.empty-state h3{color:#475569;font-size:1.5rem;font-weight:700;margin-bottom:10px}.admin-loading{align-items:center;display:flex;flex-direction:column;height:80vh;justify-content:center}.spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top:4px solid var(--admin-blue-main);height:50px;margin-bottom:20px;width:50px}@keyframes slideInDown{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@media (max-width:992px){.premium-header-green.att-header{border-radius:16px;margin-bottom:20px;padding:12px 20px}.page-title-white{font-size:16px;gap:8px}.page-title-white:before{height:18px;width:3px}}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.input-with-actions{align-items:center;display:flex;gap:12px}.icon-action-btn{border-radius:12px;color:#64748b;color:var(--avs-text-light);flex-shrink:0;height:44px;width:44px}.icon-action-btn:hover{background:#f0fdf4;background:var(--avs-green-light);border-color:#006a4e;border-color:var(--avs-green);color:#006a4e;color:var(--avs-green)}.icon-action-btn .material-symbols-outlined{font-size:20px}.db-status-badge{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-left:4px solid #006a4e;border-radius:12px;box-shadow:0 2px 5px #00000005;color:#64748b;display:flex;font-size:14px;font-weight:600;gap:12px;margin-bottom:28px;padding:14px 18px}.db-status-badge .material-symbols-outlined{color:#006a4e;font-size:20px}.credentials-group{border-top:1px solid #f1f5f9;margin-top:24px;padding-top:24px}.creds-input{border-radius:14px 0 0 14px!important}.gen-btn{border-radius:0 14px 14px 0!important}.current-creds-info{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:14px;margin-bottom:24px;padding:12px 18px}.current-pass-display{align-items:center;display:flex;gap:12px}.info-label{color:#64748b;font-size:.85rem;font-weight:700;min-width:140px}.info-value{color:#006a4e;color:var(--avs-green);font-family:Courier New,Courier,monospace;font-size:1rem;font-weight:700}.copy-mini-btn{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;display:flex;padding:4px;transition:all .2s}.copy-mini-btn:hover{background:#f0fdf4;background:var(--avs-green-light);border-color:#006a4e;border-color:var(--avs-green);color:#006a4e;color:var(--avs-green)}.copy-mini-btn .material-symbols-outlined{font-size:16px}@media (max-width:576px){.input-with-actions{align-items:stretch;flex-direction:column}.icon-action-btn{height:48px;width:100%}.input-with-button{width:100%}}.create-user-floating-btn{align-items:center;background:#fff;border:2px solid #fff;border-radius:100px;box-shadow:0 4px 15px #0000001a;color:#006a4e;color:var(--avs-green);cursor:pointer;display:flex;font-size:.88rem;font-weight:750;gap:8px;padding:10px 24px;transition:all .25s cubic-bezier(.16,1,.3,1)}.create-user-floating-btn:hover{background:#dcfce7;background:var(--avs-green-muted);box-shadow:0 8px 25px #006a4e33;color:#004d39;color:var(--avs-green-dark);transform:translateY(-2px)}.create-user-floating-btn:active{transform:translateY(0)}.create-user-floating-btn .material-symbols-outlined{font-size:20px;font-weight:700}.permission-table-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,.015);margin-top:10px;overflow:hidden}.permission-table{border-collapse:collapse;text-align:left;width:100%}.permission-table th{background:#f8fafc;border-bottom:1.5px solid #e2e8f0;color:#475569;font-size:.85rem;font-weight:750;letter-spacing:.5px;padding:16px 20px;text-transform:uppercase}.permission-table td{border-bottom:1px solid #f1f5f9;color:#334155;font-size:.95rem;padding:16px 20px;transition:all .2s}.permission-table tbody tr:hover td{background:#fafafa}.permission-table tbody tr.active-row td{background:#006a4e03}.module-name-column{color:#1e293b;font-weight:600}.align-center{text-align:center}.permission-table input[type=checkbox]{accent-color:#006a4e;accent-color:var(--avs-green);border-radius:6px;cursor:pointer;height:22px;transition:all .2s;width:22px}.permission-table input[type=checkbox]:hover{transform:scale(1.1)}.security-status-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 4px 10px #00000003;margin-bottom:24px;padding:24px}.security-status-card h4{color:#1e293b;font-size:1.1rem;font-weight:800;margin:0 0 6px}.card-sub-info{color:#64748b;font-size:.82rem;margin:0 0 20px}.security-controls-row{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.status-toggle-control{align-items:center;display:flex;gap:12px}.control-label{color:#334155;font-size:.9rem;font-weight:750}.account-toggle-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:.85rem;font-weight:750;gap:8px;padding:10px 20px;transition:all .25s cubic-bezier(.16,1,.3,1)}.account-toggle-btn.enabled{background:#dcfce7;color:#15803d}.account-toggle-btn.enabled:hover{background:#bbf7d0;transform:translateY(-2px)}.account-toggle-btn.disabled{background:#fee2e2;color:#b91c1c}.account-toggle-btn.disabled:hover{background:#fecaca;transform:translateY(-2px)}.delete-account-btn{align-items:center;background:#fee2e2;border:1.5px solid #fca5a5;border-radius:12px;color:#b91c1c;cursor:pointer;display:flex;font-size:.85rem;font-weight:750;gap:8px;padding:10px 20px;transition:all .2s}.delete-account-btn:hover{background:#b91c1c;border-color:#b91c1c;box-shadow:0 6px 15px #b91c1c33;color:#fff;transform:translateY(-2px)}.disabled-tag{align-items:center;background:#fef2f2;border-radius:100px;color:#ef4444;display:flex;font-size:.72rem;font-weight:750;gap:4px;margin-top:4px;padding:2px 8px;width:-webkit-fit-content;width:fit-content}.disabled-tag .material-symbols-outlined{font-size:13px;font-weight:700}.role-user-badge{background:#f1f5f9;border-radius:20px;color:#475569;font-size:.65rem;font-weight:800;padding:2px 8px;position:absolute;right:15px;text-transform:uppercase;top:15px}.header-info-group{align-items:center;display:flex;gap:16px}.status-indicator-badge{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:100px;display:flex;gap:8px;padding:6px 14px}.status-dot-indicator{border-radius:50%;height:8px;width:8px}.status-dot-indicator.active{background-color:#22c55e;box-shadow:0 0 10px #22c55e80}.status-dot-indicator.inactive{background-color:#ef4444;box-shadow:0 0 10px #ef444480}.status-label-indicator{color:#64748b;font-size:.78rem;font-weight:750;letter-spacing:.3px;text-transform:uppercase}.user-create-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a99;bottom:0;display:flex;justify-content:center;left:0;padding:24px;position:fixed;right:0;top:0;z-index:99999}.user-create-modal{animation:modalPopUp .3s cubic-bezier(.175,.885,.32,1.15) forwards;background:#fff;border:1px solid #fff3;border-radius:24px;box-shadow:0 25px 60px -15px #0000004d;max-width:650px;overflow:hidden;width:100%}@keyframes modalPopUp{0%{opacity:0;transform:scale(.92) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.user-create-modal .modal-header{align-items:center;background:linear-gradient(135deg,#006a4e,#004d39);background:var(--avs-primary-gradient);color:#fff;display:flex;justify-content:space-between;padding:24px 30px}.user-create-modal .modal-header h3{font-size:1.3rem;font-weight:850;letter-spacing:-.2px;margin:0}.close-modal-btn{align-items:center;background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:38px;justify-content:center;transition:all .2s;width:38px}.close-modal-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.modal-form-body{padding:30px}.form-grid{grid-template-columns:repeat(2,1fr)}@media (max-width:576px){.form-grid{gap:15px;grid-template-columns:1fr}}.form-group-modal{display:flex;flex-direction:column;gap:8px}.form-group-modal label{color:#334155;font-size:.85rem;font-weight:750}.form-group-modal input,.form-group-modal select{border:1px solid #cbd5e1;border-radius:12px;color:#1e293b;font-size:.95rem;outline:none;padding:12px 16px;transition:all .2s}.form-group-modal input:focus,.form-group-modal select:focus{border-color:#006a4e;border-color:var(--avs-green);box-shadow:0 0 0 3px #006a4e1f}.password-modal-group .modal-input-actions{display:flex;gap:8px}.password-modal-group .modal-input-actions input{flex:1 1}.modal-gen-btn{align-items:center;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:12px;color:#475569;cursor:pointer;display:flex;justify-content:center;transition:all .2s;width:46px}.modal-gen-btn:hover{background:#f0fdf4;background:var(--avs-green-light);border-color:#006a4e;border-color:var(--avs-green);color:#006a4e;color:var(--avs-green)}.modal-form-actions{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;margin-top:30px;padding-top:24px}.modal-form-actions button{border:none;border-radius:12px;cursor:pointer;font-size:.9rem;font-weight:750;padding:12px 28px;transition:all .2s}.modal-form-actions .cancel-btn{background:#f1f5f9;color:#475569}.modal-form-actions .cancel-btn:hover{background:#e2e8f0}.modal-form-actions .submit-btn{background:linear-gradient(135deg,#006a4e,#004d39);background:var(--avs-primary-gradient);box-shadow:0 4px 12px #006a4e33;color:#fff}.modal-form-actions .submit-btn:hover{box-shadow:0 8px 20px #006a4e4d;transform:translateY(-2px)}.modal-form-actions .submit-btn:active{transform:translateY(0)}.view-only-control-card{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-left:5px solid #006a4e;border-radius:18px;box-shadow:0 4px 10px rgba(0,0,0,.015);display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:24px;padding:20px 24px;transition:all .3s ease}.view-only-control-card:hover{box-shadow:0 8px 20px #006a4e0a;transform:translateY(-2px)}.view-only-header{align-items:center;display:flex;gap:16px}.icon-shield{background:#006a4e14;border-radius:14px;color:#006a4e;font-size:32px;padding:10px}.view-only-title-box h4{color:#0f172a;font-size:1.05rem;font-weight:800;margin:0 0 4px}.view-only-title-box .card-sub-info{color:#64748b;font-size:.82rem;font-weight:500;margin:0}.view-only-switch-wrapper,.view-only-toggle-btn{align-items:center;display:flex}.view-only-toggle-btn{background:#cbd5e1;border:none;border-radius:100px;box-shadow:inset 0 2px 4px #0000000f;cursor:pointer;height:44px;padding:0 6px;position:relative;transition:all .3s cubic-bezier(.16,1,.3,1);width:170px}.view-only-toggle-btn .toggle-slider{background:#fff;border-radius:50%;box-shadow:0 3px 8px #00000026;height:32px;left:6px;position:absolute;transition:all .3s cubic-bezier(.16,1,.3,1);width:32px}.view-only-toggle-btn .toggle-label{color:#475569;font-size:.78rem;font-weight:800;letter-spacing:.5px;padding-right:15px;text-align:right;transition:all .3s;width:100%}.view-only-toggle-btn.active{background:#006a4e;background:var(--avs-green);box-shadow:inset 0 2px 4px #0000001a}.view-only-toggle-btn.active .toggle-slider{left:calc(100% - 38px)}.view-only-toggle-btn.active .toggle-label{color:#fff;padding-left:15px;padding-right:0;text-align:left}body{font-family:inherit}.sidebar-header{background:#ffffff08}.logo-full{filter:brightness(0) invert(1) drop-shadow(0 2px 4px rgba(0,0,0,.1));max-height:30px;max-width:100px;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.sidebar-nav{gap:.15rem;padding:.75rem}.sidebar-footer{margin-top:auto;padding:1rem}.logout-item{color:#ffb3b3!important;margin-bottom:0}.logout-item:hover{background:#dc262626!important;color:#ff8080!important}.logout-item .material-symbols-outlined{color:#ffb3b3!important}.logout-item:hover .material-symbols-outlined{color:#ff8080!important}.mobile-hamburger{display:none!important}@media screen and (max-width:1024px){.sidebar{display:none}.right-area{margin-left:0!important;width:100%!important}.mobile-hamburger{display:flex}.sidebar.mobile{background:#006a4e;background:var(--sidebar-bg);display:flex;flex-direction:column;height:100vh;left:-100%;max-width:320px;position:fixed;top:0;transition:left .3s cubic-bezier(.4,0,.2,1);width:85%;z-index:1050}.sidebar.mobile.mobile-open{left:0}.sidebar.mobile .sidebar-header{align-items:center;display:flex;height:70px;justify-content:center;padding:1.25rem 1rem;position:relative}.logo-container-mobile-fix{align-items:center;display:flex;justify-content:center;width:100%}.logo-mobile-enhanced{filter:brightness(0) invert(1);height:38px!important;max-width:110px;object-fit:contain;width:auto}.mobile-close{display:flex;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.sidebar.mobile .company-text,.sidebar.mobile .nav-text,.sidebar.mobile .sidebar-version,.sidebar.mobile .user-info{display:block}.sidebar.mobile .mobile-close{display:flex}.sidebar.mobile .sidebar-nav{gap:0;padding:.5rem}.sidebar.mobile .nav-item{justify-content:flex-start;margin-bottom:2px;padding:.5rem .6rem}.sidebar.mobile .submenu{padding-left:2rem}.sidebar.mobile .submenu-item{padding:.4rem .6rem}.sidebar-nav-divider{background:#ffffff1a;height:1px;margin:8px 12px}.logout-item-mobile{color:#ffb3b3!important}.logout-item-mobile:hover{background:#ff4d4d26!important}.sidebar-mobile-footer{margin-top:auto;padding-bottom:20px}.mobile-profile-info{align-items:center;background:#ffffff0d;border-radius:12px;display:flex;gap:12px;margin-bottom:12px;margin-left:10px;margin-right:10px;padding:12px 16px}.mobile-profile-avatar-container{align-items:center;background:#fff3;border:2px solid #fff;border-radius:50%;display:flex;height:40px;justify-content:center;overflow:hidden;width:40px}.mobile-profile-avatar{height:100%;object-fit:cover;width:100%}.mobile-avatar-initials{color:#fff;font-size:14px;font-weight:700}.mobile-profile-details{display:flex;flex-direction:column}.mobile-profile-name{color:#fff;font-size:14px;font-weight:700}.mobile-profile-role{color:#ffffffb3;font-size:11px;font-weight:600}.topbar-inner{padding:0 16px}.profile-text-modern,.search-wrapper,.v-divider{display:none}.icon-circle,.profile-avatar-modern{height:40px;width:40px}}@media (max-width:480px){.icon-circle,.profile-avatar-modern{height:38px;width:38px}.profile-dropdown{right:-5px;width:200px}.topbar-inner{padding:0 12px 0 66px}}.submenu{animation:slideDown .3s ease;background:#0000000d;display:flex;flex-direction:column;overflow:hidden;padding-left:2.5rem}.popup-menu{animation:fadeIn .2s ease;background:#fff!important;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 25px #0003;min-width:200px;padding:8px 0!important;position:fixed;z-index:2000}.submenu-item{align-items:center;color:#ffffffb3;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;padding:.5rem 1rem;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.popup-menu .submenu-item{color:#1e293b;padding:10px 20px}.submenu-item:hover{background:#ffffff0d;color:#fff}.popup-menu .submenu-item:hover{background:#006a4e14;color:#006a4e;color:var(--primary)}.submenu-item.active{color:#fff;font-weight:700}.popup-menu .submenu-item.active{background:#006a4e0d;color:#006a4e;color:var(--primary)}.nav-group{width:100%}.branch-icon{font-size:1.1rem!important;margin-left:auto;opacity:.6}.sidebar.mobile .submenu{background:#0000001a;padding-left:3rem;width:100%}.sidebar.mobile .submenu-item{color:#fffc;padding:.75rem 1rem}.notification-container{align-items:center;display:flex;position:relative}.notif-badge{align-items:center;background:#ef4444;border:2px solid #006a4e;border-radius:50%;box-shadow:0 2px 8px #0000004d;color:#fff;display:flex;font-size:11px;font-weight:900;height:20px;justify-content:center;letter-spacing:-.5px;position:absolute;right:-4px;top:-4px;width:20px;z-index:5}.notif-dropdown{animation:notifSlideIn .2s ease-out;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 10px 30px #00000026;overflow:hidden;position:absolute;right:-10px;top:calc(100% + 12px);width:320px;z-index:3000}@keyframes notifSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notif-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:16px}.notif-header h3{color:#0f172a;font-size:15px;font-weight:700;margin:0}.mark-all-btn{background:none;border:none;border-radius:4px;color:#006a4e;cursor:pointer;font-size:12px;font-weight:600;padding:4px 8px}.mark-all-btn:hover{background:#006a4e0d;text-decoration:underline}.notif-list{max-height:400px;overflow-y:auto}.notif-item{border-bottom:1px solid #f1f5f9;cursor:pointer;display:flex;gap:12px;padding:12px 16px;position:relative;transition:background .2s}.notif-item:hover{background:#f1f5f9}.notif-item.unread{background:#006a4e08}.notif-item.unread:before{background:#006a4e;border-radius:50%;content:"";height:6px;left:6px;position:absolute;top:50%;transform:translateY(-50%);width:6px}.notif-icon-box{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.notif-icon-box.attendance{background:#dcfce7;color:#166534}.notif-icon-box.sale{background:#dbeafe;color:#1e40af}.notif-icon-box.production{background:#fef9c3;color:#854d0e}.notif-icon-box.admin_push{background:#f3e8ff;color:#6b21a8}.notif-icon-box.system{background:#f1f5f9;color:#475569}.notif-content{flex:1 1}.notif-title{color:#1e293b;font-size:13px;font-weight:700;margin-bottom:2px}.notif-message{-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;color:#64748b;display:-webkit-box;font-size:12px;line-height:1.4;overflow:hidden}.notif-time{color:#94a3b8;font-size:10px;font-weight:500;margin-top:4px}.notif-empty{color:#94a3b8;padding:30px 20px;text-align:center}.notif-empty .material-symbols-outlined{display:block;font-size:40px;margin-bottom:8px}.notif-footer{border-top:1px solid #e2e8f0;padding:12px;text-align:center}.view-all-link{color:#006a4e;font-size:13px;font-weight:700;text-decoration:none}.view-all-link:hover{text-decoration:underline}.dark .notif-dropdown{background:#1e293b;border-color:#334155}.dark .notif-header{background:#0f172a;border-bottom-color:#334155}.dark .notif-header h3{color:#fff}.dark .notif-item:hover{background:#334155}.dark .notif-item.unread{background:#006a4e1a}.dark .notif-title{color:#fff}.dark .notif-message{color:#cbd5e1}.dark .notif-footer{border-top-color:#334155}:root{--primary:#006a4e;--primary-dark:#004d39;--primary-light:#006a4e1f;--primary-hover:#006a4e33;--sidebar-bg:#006a4e;--topbar-bg:#006a4e;--background-light:#f5f9f7;--background-dark:#0a3028;--text-light:#fff;--text-light-muted:#fffc;--text-dark:#0f172a;--text-secondary:#e2e8f0;--text-muted:#cbd5e1;--border-color:#ffffff26;--border-dark:#1f4a3e;--hover-bg:#ffffff14;--green-hover:#ffffff1f;--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 20px #0000001f;--transition:all 0.2s cubic-bezier(0.4,0,0.2,1)}.dark{--sidebar-bg:#004d39;--topbar-bg:#004d39;--background-light:#0a3028;--text-dark:#f1f5f9;--border-color:#ffffff1a;--hover-bg:#ffffff0d}body{color:#0f172a;color:var(--text-dark);font-family:Manrope,sans-serif}.dashboard-wrapper,body{background-color:#f5f9f7;background-color:var(--background-light)}.dashboard-wrapper{width:100vw}.right-area{margin-left:240px;width:calc(100% - 240px)}.sidebar{background:#006a4e;background:var(--sidebar-bg);border-right:1px solid #ffffff26;border-right:1px solid var(--border-color);box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow-md);flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:240px;z-index:1000}.sidebar,.sidebar-header{display:flex;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.sidebar-header{align-items:center;background:#0000;border-bottom:1px solid #ffffff26;border-bottom:1px solid var(--border-color);cursor:pointer;height:70px;justify-content:center;padding:1.25rem 1rem}.sidebar-header:hover{background:#ffffff14;background:var(--hover-bg)}.logo-full{display:block;filter:brightness(0) invert(1);height:auto;margin:0 auto;max-height:42px;max-width:130px;object-fit:contain;transition:transform .2s;width:auto}.sidebar-header:hover .logo-full{transform:scale(1.02)}.company-text{display:flex;flex-direction:column}.company-name{color:#fff;font-size:18px;letter-spacing:-.5px;line-height:1.2}.company-subtitle{color:#fffc;font-size:10px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:.25rem;overflow-y:auto;padding:1.25rem .75rem}.nav-item{align-items:center;border-radius:10px;color:#fffc;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.75rem;padding:.6rem .875rem;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.nav-item:hover{background:#ffffff14;background:var(--hover-bg);color:#fff}.nav-item.active{background:#ffffff1f;border-left:3px solid #fff;color:#fff}.nav-item.active .nav-text{color:#fff;font-weight:700}.nav-item .material-symbols-outlined{color:#ffffffe6;font-size:1.25rem;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 20}.nav-item.active .material-symbols-outlined{color:#fff;font-variation-settings:"FILL" 1,"wght" 500,"GRAD" 0,"opsz" 20}.nav-text{color:inherit;font-size:.875rem;font-weight:600;white-space:nowrap}.sidebar-user{background:#0000001a;border-bottom:1px solid #ffffff26;border-bottom:1px solid var(--border-color);gap:10px;height:70px;padding:12px 20px;position:relative}.sidebar-user,.user-avatar{align-items:center;display:flex}.user-avatar{background:#fff3;border:1px solid #ffffff4d;border-radius:10px;box-shadow:0 2px 6px #0000001a;height:40px;justify-content:center;width:40px}.user-initials{color:#fff;font-size:15px;font-weight:700}.profile-avatar-modern{background:#fff3;border:2px solid #ffffff4d;height:42px;width:42px}.user-info{flex:1 1}.user-info h4{color:#fff;font-size:14px;font-weight:700;margin:0 0 2px}.user-info p{color:#fffc;font-size:11px;font-weight:600;margin:0}.user-status{border:2px solid #006a4e;border:2px solid var(--sidebar-bg);border-radius:50%;bottom:16px;height:9px;left:54px;position:absolute;width:9px}.user-status.online{background:#10b981}.sidebar-footer{border-top:1px solid #ffffff26;border-top:1px solid var(--border-color);padding:16px 12px}.sidebar-version{align-items:center;background:#00000026;border-radius:30px;color:#ffffffb3;display:flex;font-size:11px;justify-content:space-between;padding:8px 14px}.version-badge{background:#fff;border-radius:30px;color:#006a4e;color:var(--primary);font-size:10px;font-weight:700;padding:3px 10px;text-transform:uppercase}.topbar-fixed{background:#006a4e;background:var(--topbar-bg);border-bottom:1px solid #ffffff26;border-bottom:1px solid var(--border-color);box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-sm);height:70px;position:-webkit-sticky;position:sticky;top:0;z-index:2000}.topbar-fixed,.topbar-inner{align-items:center;display:flex;width:100%}.topbar-inner{height:100%;justify-content:flex-end;margin:0;padding:0 24px}.mobile-header-left{align-items:center;display:flex;gap:16px}.mobile-hamburger-btn{align-items:center;background:#ffffff1f;border:none;border-radius:14px;color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:48px}.mobile-hamburger-btn:hover{background:#fff3}.mobile-header-logo{cursor:pointer;filter:brightness(0) invert(1);height:40px;width:auto}.search-wrapper{align-items:center;display:flex;position:relative;width:400px}.search-icon{color:#64748b;left:18px;pointer-events:none}.topbar-right-modern{align-items:center;display:flex;gap:4px;height:100%}.icon-circle{align-items:center;background:#ffffff1f;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:46px;justify-content:center;padding:0;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:46px}.icon-circle .material-symbols-outlined{color:#fff}.icon-circle:hover{background:#fff3;transform:translateY(-2px)}.icon-circle:hover .material-symbols-outlined{color:#fff}.notification-badge{background:#ef4444;border:2px solid #006a4e;border:2px solid var(--topbar-bg);border-radius:50%;height:9px;position:absolute;right:9px;top:9px;width:9px}.v-divider{background:#fff3;height:24px;margin:0 12px;width:1px}.profile-text-hover{align-items:flex-end;display:flex;flex-direction:column;justify-content:center;margin-right:0;max-width:0;opacity:0;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);visibility:hidden;white-space:nowrap}.profile-container:hover .profile-text-hover{margin-right:12px;max-width:200px;opacity:1;visibility:visible}.profile-name-hover{color:#fff;font-size:14px;font-weight:750;letter-spacing:-.2px;line-height:1.1}.profile-role-hover{color:#ffffffd9;font-size:10px;font-weight:600;letter-spacing:.5px;margin-top:2px;text-transform:uppercase}.profile-container,.profile-content{align-items:center;display:flex;height:100%}.profile-container{position:relative}.profile-avatar-modern{align-items:center;background:#ffffff1a;border:2px solid #fffc;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:800;height:46px;justify-content:center;overflow:hidden;transition:all .3s ease;width:46px}.profile-avatar-modern:hover{border-color:#22c55e;box-shadow:0 0 15px #10b98180;transform:translateY(-2px);transform:scale(1.05)}.avatar-image{border-radius:50%;cursor:pointer;display:block;object-fit:cover}.avatar-initials-circle{align-items:center;background:linear-gradient(145deg,#006a4e,#004d39);border-radius:50%;cursor:pointer;display:flex;height:100%;justify-content:center;transition:all .2s ease;width:100%}.avatar-initials-circle:hover{background:linear-gradient(145deg,#004d39,#006a4e);transform:scale(1.02)}.initials-text{color:#fff;font-size:18px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.avatar-logo-container{align-items:center;background:#fff;border-radius:50%;cursor:pointer;display:flex;height:100%;justify-content:center;padding:8px;transition:all .2s ease;width:100%}.avatar-logo-container:hover{background:#f8fafc;transform:scale(1.02)}.avatar-logo{display:block;height:100%;object-fit:contain;width:100%}.profile-dropdown{animation:dropdownFade .15s ease;box-shadow:0 12px 28px -8px #00000026;right:0;top:calc(100% + 4px);width:260px;z-index:1000}.dropdown-header{padding:16px 20px 8px}.dropdown-user-info{display:flex;flex-direction:column}.dropdown-user-name{color:#0f172a;font-size:15px;font-weight:700;margin-bottom:4px}.dropdown-user-role{color:#006a4e;font-size:12px;font-weight:600}.dropdown-item{font-size:.95rem;gap:14px;padding:12px 20px}.logout:hover .material-symbols-outlined{color:#dc2626}.dark .dropdown-user-name{color:#fff}.dark .dropdown-user-role{color:#9fd3c7}.dark .dropdown-item:hover{color:#fff}.dark .dropdown-item .material-symbols-outlined{color:#94a3b8}.dark .dropdown-item:hover .material-symbols-outlined{color:#fff}.dark .dropdown-divider{background:#1f4a3e}.dark .avatar-initials-circle{background:linear-gradient(145deg,#004d39,#003829)}.dark .avatar-logo-container{background:#1e4a3a}@media screen and (max-width:768px){.profile-avatar-modern.perfect-circle{height:42px;width:42px}.initials-text{font-size:16px}.profile-dropdown{right:-5px;width:220px}}@media (max-width:480px){.profile-avatar-modern.perfect-circle{height:40px;width:40px}.initials-text{font-size:15px}}.profile-modern{align-items:center;background:#0000;border-radius:40px;cursor:pointer;display:flex;gap:10px;height:100%;padding:2px 6px 2px 10px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}@media (hover:hover){.profile-modern:hover{background:#ffffff14}}.avatar-image-modern{height:100%;object-fit:cover;width:100%}.profile-dropdown{animation:dropdownFade .2s ease;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;padding:8px 0;position:absolute;right:-5px;top:calc(100% + 5px);width:220px;z-index:3000}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{color:#0f172a;font-size:.9rem;gap:12px;padding:10px 18px;transition:all .2s;width:100%}.dropdown-item:hover{background:#006a4e14;color:var(--primary)}.dropdown-item .material-symbols-outlined{font-size:1.25rem}.dropdown-item:hover .material-symbols-outlined{color:var(--primary)}.dropdown-divider{margin:6px 0}.logout,.logout .material-symbols-outlined{color:#dc2626}.logout:hover{background:#fee2e2;color:#dc2626}.mobile-hamburger{align-items:center;background:#006a4e;background:var(--primary);border:none;border-radius:12px;box-shadow:0 4px 12px #0003;cursor:pointer;display:none;flex-direction:column;gap:5px;height:42px;justify-content:center;left:16px;position:fixed;top:16px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:42px;z-index:1100}.mobile-hamburger.active{background:#004d39;background:var(--primary-dark)}.hamburger-line{background:#fff;border-radius:4px;height:2.5px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:22px}.mobile-hamburger.active .hamburger-line:first-child{transform:rotate(45deg) translate(5px,5px)}.mobile-hamburger.active .hamburger-line:nth-child(2){opacity:0}.mobile-hamburger.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#003729b3;height:100%;left:0;opacity:0;position:fixed;top:0;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition);visibility:hidden;width:100%;z-index:1040}.mobile-overlay.active{opacity:1;visibility:visible}.mobile-close{align-items:center;background:#ffffff26;border:1px solid #ffffff4d;border-radius:50%;cursor:pointer;display:flex;height:36px;justify-content:center;margin-left:auto;width:36px}.mobile-close .material-symbols-outlined{color:#fff;font-size:1.3rem}@media screen and (max-width:1024px){.sidebar{width:80px}.right-area{margin-left:80px;width:calc(100% - 80px)}.sidebar .company-text,.sidebar .dropdown-arrow,.sidebar .logo-full,.sidebar .nav-text,.sidebar .sidebar-version,.sidebar .user-info{display:none}.sidebar .sidebar-header{height:70px;justify-content:center;padding:1.25rem 0}.sidebar .nav-item{justify-content:center;padding:.75rem}.sidebar .nav-item .material-symbols-outlined{font-size:1.5rem}.search-wrapper{width:280px}.sidebar{display:none}.right-area{margin-left:0;width:100%}.mobile-hamburger{display:flex}.sidebar.mobile{background:#006a4e;background:var(--sidebar-bg);display:flex;flex-direction:column;height:100vh;left:-100%;max-width:320px;position:fixed;top:0;transition:left .3s cubic-bezier(.4,0,.2,1);width:85%;z-index:1050}.sidebar.mobile.mobile-open{left:0}.sidebar.mobile .sidebar-header{align-items:center;display:flex;justify-content:space-between;padding:1.25rem}.sidebar.mobile .logo-full{display:block!important;max-height:40px;max-width:120px}.sidebar.mobile .company-text,.sidebar.mobile .nav-text,.sidebar.mobile .sidebar-version,.sidebar.mobile .user-info{display:block}.sidebar.mobile .mobile-close{display:flex}.sidebar.mobile .nav-item{justify-content:flex-start;padding:.75rem 1rem}.mobile-header-left{align-items:center;display:flex;gap:12px;margin-right:auto}.mobile-hamburger-btn{align-items:center;background:#ffffff26;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.mobile-hamburger-btn:active{background:#ffffff4d}.mobile-hamburger-btn .material-symbols-outlined{font-size:26px}.mobile-logo-left{align-items:center;cursor:pointer;display:flex}.mobile-header-logo{filter:brightness(0) invert(1) drop-shadow(0 2px 4px rgba(0,0,0,.1));height:30px;width:auto}.topbar-fixed{background:#006a4e;background:var(--primary);height:65px}.topbar-inner{justify-content:space-between;max-width:none;padding:0 16px;width:100%}.topbar-right-modern{gap:12px}.profile-text-modern,.search-wrapper,.v-divider{display:none}.icon-circle{background:#ffffff26;height:40px;width:40px}.profile-avatar-modern{background:#ffffff40;border:1.5px solid #fff;font-size:14px;font-weight:700;height:40px;width:40px}.mobile-hamburger{display:none!important}}@media (max-width:480px){.icon-circle,.profile-avatar-modern{height:38px;width:38px}.profile-dropdown{right:-5px;width:200px}.topbar-inner{padding:0 12px}}.dark .sidebar,.dark .topbar-fixed{background:#004d39}.dark .search-input-modern{background:#0003}.dark .profile-dropdown{background:#0a3028;border-color:#1f4a3e}.dark .dropdown-item{color:#e2e8f0}.dark .dropdown-item:hover{background:#ffffff1a}.material-symbols-outlined{align-items:center;display:inline-flex;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 20;justify-content:center;-webkit-user-select:none;user-select:none;vertical-align:middle}:root{--avs-green:#006a4e;--avs-green-dark:#004d39;--avs-green-light:#d0fbde;--avs-green-muted:#d0fbde;--avs-text-dark:#0f172a;--avs-text-light:#64748b;--avs-white:#fff;--avs-bg:#f8fafc;--avs-card-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;--avs-popup-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--avs-base-radius:16px;--avs-transition:all 0.2s cubic-bezier(0.4,0,0.2,1);--bar-max-height:180px}.dashboard-container{background-color:#f8fafc;background-color:var(--avs-bg);color:#0f172a;color:var(--avs-text-dark);min-height:100vh;padding:24px}.greetings-header{align-items:center;background:linear-gradient(135deg,#004d39,#006a4e)!important;border:1px solid #ffffff1a;border-radius:36px;box-shadow:0 25px 50px -12px #00473466;display:flex;justify-content:space-between;margin-bottom:40px;overflow:hidden;padding:40px 56px;position:relative}.greetings-header:before{background:radial-gradient(circle at 10% 10%,#fff6 0,#0000 60%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.greetings-left{flex:1 1;z-index:2}.greetings-left-content{align-items:center;display:flex}.greetings-text h1{color:#fff;font-size:28px;font-weight:900;letter-spacing:-.05em;line-height:1.1;margin:0 0 8px;text-shadow:0 2px 10px #0000001a}.current-date{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border-radius:50px;color:#ffffffe6;display:flex;font-size:16px;font-weight:600;gap:10px;padding:8px 16px;width:-webkit-fit-content;width:fit-content}.current-date span{color:#006a4e;font-size:18px}.greetings-right{align-items:center;display:flex;z-index:2}.header-logo-card{align-items:center;background:#fff;border-radius:28px;box-shadow:0 20px 30px #0000001a;display:flex;justify-content:center;padding:24px;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.dashboard-brand-logo{height:54px;max-width:160px;object-fit:contain;width:auto}@media (hover:hover){.header-logo-container:hover{background:#fff6;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000000d;transform:translateY(-5px)}.header-logo:hover{filter:drop-shadow(0 15px 25px rgba(0,71,52,.25)) brightness(1.2) saturate(1.3);transform:scale(1.08) rotate(-1deg)}}.metrics-row{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-bottom:32px}.premium-stats-grid{grid-gap:24px;gap:24px;grid-template-columns:repeat(4,1fr);margin-bottom:32px}.premium-stat-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--p-slate-200,#e2e8f0);border-radius:20px;box-shadow:0 4px 6px -1px #0000000d;display:flex;flex-direction:column;padding:24px;transition:all .3s ease}.premium-stat-card:hover{box-shadow:0 10px 15px -3px #0000001a;transform:translateY(-5px)}.p-stat-label{color:#64748b;color:var(--p-slate-600,#64748b);font-size:13px;font-weight:800;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.p-stat-value{color:#0f172a;font-size:28px;font-weight:900;letter-spacing:-1px;margin-bottom:12px}.p-stat-breakdown{-ms-overflow-style:auto;display:flex;flex-wrap:nowrap;gap:8px;margin-top:auto;overflow-x:auto;padding-bottom:6px;scrollbar-color:#cbd5e199 #0000;scrollbar-width:thin}.p-stat-breakdown::-webkit-scrollbar{display:block;height:4px}.p-stat-breakdown::-webkit-scrollbar-track{background:#0000}.p-stat-breakdown::-webkit-scrollbar-thumb{background:#cbd5e199;border-radius:99px}.p-stat-breakdown:hover::-webkit-scrollbar-thumb{background:#94a3b8cc}.breakdown-tag{align-items:center;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:inline-flex;font-size:12px;font-weight:800;gap:6px;padding:5px 12px;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.breakdown-tag .b-size{font-size:10.5px;font-weight:800;letter-spacing:.4px;opacity:.85}.breakdown-tag .b-qty{font-size:13px;font-weight:900}.breakdown-tag:hover{box-shadow:0 6px 12px #0000001f;transform:translateY(-2px) scale(1.06)}.premium-stat-card.today .breakdown-tag{background:#10b98129!important;border:1.5px solid #10b98159!important;color:#065f46!important}.premium-stat-card.today .breakdown-tag:hover{background:#10b9813d!important;border-color:#10b98180!important;color:#044e37!important}.premium-stat-card.week .breakdown-tag{background:#3b82f629!important;border:1.5px solid #3b82f659!important;color:#1e40af!important}.premium-stat-card.week .breakdown-tag:hover{background:#3b82f63d!important;border-color:#3b82f680!important;color:#1e3a8a!important}.premium-stat-card.month .breakdown-tag{background:#f59e0b29!important;border:1.5px solid #f59e0b59!important;color:#78350f!important}.premium-stat-card.month .breakdown-tag:hover{background:#f59e0b3d!important;border-color:#f59e0b80!important;color:#5c2509!important}.premium-stat-card.stock .breakdown-tag{background:#8b5cf629!important;border:1.5px solid #8b5cf659!important;color:#4c1d95!important}.premium-stat-card.stock .breakdown-tag:hover{background:#8b5cf63d!important;border-color:#8b5cf680!important;color:#3b1375!important}.premium-stat-card.today{border-top:4px solid #10b981}.premium-stat-card.week{border-top:4px solid #3b82f6}.premium-stat-card.month{border-top:4px solid #f59e0b}.premium-stat-card.stock{border-top:4px solid #8b5cf6}.metric-card{align-items:center;background:#fff;border:1px solid #f1f5f9;border-radius:28px;box-shadow:0 10px 25px -5px #0000000d;display:flex;gap:24px;padding:30px;transition:all .3s cubic-bezier(.4,0,.2,1)}.metric-card.clickable{cursor:pointer}@media (hover:hover){.metric-card.clickable:hover{border-color:#006a4e;box-shadow:0 25px 40px -10px #006a4e26;transform:translateY(-5px)}}.metric-icon{align-items:center;border-radius:14px;display:flex;height:56px;justify-content:center;width:56px}.metric-icon span{color:#fff;font-size:28px}.sales-bg{background:linear-gradient(135deg,#0ea5e9,#2563eb)}.stock-bg{background:linear-gradient(135deg,#6366f1,#4338ca)}.production-bg{background:linear-gradient(135deg,#f43f5e,#be123c)}.expenses-bg{background:linear-gradient(135deg,#10b981,#047857)}.metric-content{flex:1 1}.metric-label{color:#64748b;font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.metric-value{color:#0f172a;display:block;font-size:24px;font-weight:850;letter-spacing:-.03em;margin:4px 0}.metric-trend{font-size:13px;font-weight:700}.metric-trend.positive{color:#10b981}.metric-status{font-size:13px;font-weight:700}.fixed-popup{animation:popupFadeIn .2s cubic-bezier(.4,0,.2,1);background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 40px -10px #0003;max-height:500px;max-width:400px;min-width:300px;overflow-y:auto;padding:20px;pointer-events:auto;position:fixed;scrollbar-width:thin;z-index:10000}.fixed-popup::-webkit-scrollbar{width:6px}.fixed-popup::-webkit-scrollbar-track{background:#f1f5f9}.fixed-popup::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.sales-popup{border-left:4px solid #0ea5e9}.stock-popup{border-left:4px solid #6366f1}.production-popup{border-left:4px solid #f43f5e}.expenses-popup{border-left:4px solid #10b981}@keyframes popupFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.popup-header{border-bottom:1px solid #f1f5f9;margin-bottom:12px;padding-bottom:8px}.popup-header h4{color:#64748b;font-size:13px;font-weight:800;letter-spacing:.5px;margin:0;text-transform:uppercase}.popup-content{display:flex;flex-direction:column;gap:16px}.popup-item{align-items:center;display:flex;justify-content:space-between}.popup-size{color:#1e293b;font-size:14px;font-weight:600}.popup-value{color:#0f172a;color:var(--avs-text-dark);font-size:14px;font-weight:700}.popup-details{align-items:flex-end;display:flex;flex-direction:column;gap:6px}.popup-badge{background:#f1f5f9;border-radius:6px;font-size:11px;font-weight:700;padding:4px 10px}.popup-badge.secondary{background:#e0f2fe;color:#0369a1}.popup-badge.success{background:#dcfce7;color:#166534}.popup-footer{border-top:1px solid #f1f5f9;color:#0f172a;color:var(--avs-text-dark);font-size:13px;font-weight:700;margin-top:16px;padding-top:12px;text-align:right}.charts-row{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr .8fr;margin-bottom:4px}.chart-card{border:1px solid #006a4e0d;border-radius:20px;box-shadow:0 4px 6px -1px #0000000d,0 10px 15px -3px #00000008;padding:20px}.chart-card.large-chart{min-height:280px}.chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.chart-header h3{color:var(--avs-text-dark);font-size:14px;font-weight:700;letter-spacing:.5px;margin:0}.chart-legend-row-bottom{border-top:1px solid #0000000d;display:flex;flex-wrap:wrap;gap:32px;justify-content:center;margin-top:24px;padding-top:16px}.chart-legend-item{align-items:center;display:flex;gap:8px}.legend-dot{border-radius:50%;height:10px;width:10px}.sales-dot{background:#3b82f6;box-shadow:0 0 10px #3b82f666}.expenses-dot{background:#f43f5e;box-shadow:0 0 10px #f43f5e66}.legend-text{color:#0f172a;color:var(--avs-text-dark);font-size:13px;font-weight:600}.legend-text strong{font-weight:800;margin-left:4px}.filter-group.small{background:#f1f5f9;border-radius:12px;display:flex;gap:6px;padding:4px}.filter-chip{background:#0000;border:none;border-radius:8px;color:#64748b;color:var(--avs-text-light);cursor:pointer;font-size:12px;font-weight:600;padding:6px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--avs-transition)}.filter-chip.active{background:#fff;box-shadow:0 2px 4px #0000000d;color:#0f172a;color:var(--avs-text-dark)}.enhanced-bar-chart-container{display:flex;flex-direction:column;gap:24px;position:relative}.enhanced-bar-chart{align-items:flex-end;border-bottom:1px solid #f1f5f9;display:flex;gap:16px;height:240px;justify-content:space-around;margin-top:20px;padding-bottom:30px}.enhanced-bar-group{align-items:center;display:flex;flex:1 1;flex-direction:column;max-width:80px}.enhanced-bar-label{color:#64748b;color:var(--avs-text-light);font-size:13px;font-weight:600;margin-bottom:12px}.enhanced-bars{gap:12px;height:220px;margin-bottom:12px}.bar-container,.enhanced-bars{align-items:flex-end;display:flex}.bar-container{height:100%;position:relative}.enhanced-bar{border-radius:8px 8px 0 0;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--avs-transition);width:38px}.sales-bar{background:linear-gradient(180deg,#3b82f6,#1d4ed8)}.expenses-bar{background:linear-gradient(180deg,#f43f5e,#be123c)}.bar-tooltip{background:#1e293b;border-radius:10px;box-shadow:0 10px 15px -3px #0000004d;color:#fff;font-size:12px;font-weight:500;padding:10px 14px;top:-80px;white-space:nowrap;z-index:100}.bar-tooltip,.bar-tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.bar-tooltip:after{border-left:6px solid #0000;border-right:6px solid #0000;border-top:6px solid #1e293b;bottom:-6px;content:""}.dynamic-tooltip{animation:tooltipFadeIn .1s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1e293bf2;border:1px solid #ffffff1a;box-shadow:0 10px 25px #0000004d;line-height:1.5;pointer-events:none;z-index:10000}@keyframes tooltipFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.bar-values{align-items:center;display:flex;flex-direction:column;gap:2px;margin-top:8px}.sales-value{color:#2563eb}.expenses-value,.sales-value{font-size:11px;font-weight:700}.expenses-value{color:#dc2626}.chart-summary-overlay{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:8px}.summary-pill{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;min-width:120px;padding:8px 16px}.summary-pill .pill-label{color:#64748b;font-size:10px;font-weight:700;text-transform:uppercase}.summary-pill .pill-value{font-size:15px;font-weight:800}.total-revenue .pill-value{color:#2563eb}.total-expenses .pill-value{color:#dc2626}.net-balance.profit{background:#f0fdf4;border-color:#bbf7d0}.net-balance.loss{background:#fef2f2;border-color:#fecaca}.net-balance.profit .pill-value{color:#16a34a}.net-balance.loss .pill-value{color:#dc2626}.attendance-section{cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--avs-transition)}@media (hover:hover){.attendance-section:hover{border-color:#006a4e26;box-shadow:0 16px 32px -8px #0000001f,0 8px 12px -6px #0000000f;transform:translateY(-8px) scale(1.01)}}.attendance-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.attendance-header h3{font-size:16px;font-weight:700;letter-spacing:.5px;margin:0}.view-details{color:#006a4e;color:var(--avs-green);font-size:13px;font-weight:600}.attendance-stats-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.attendance-stat-card{align-items:center;border-radius:16px;display:flex;gap:12px;padding:16px}.attendance-stat-card.present{background:#dcfce7}.attendance-stat-card.absent{background:#fee2e2}.attendance-stat-card.leave{background:#fef3c7}.stat-icon{background:#fff9}.present .stat-icon span{color:#166534}.absent .stat-icon span{color:#991b1b}.leave .stat-icon span{color:#92400e}.stat-label{color:var(--avs-text-light)}.stat-number{color:var(--avs-text-dark);display:block;font-size:20px;font-weight:700}.stat-percentage{color:#64748b;color:var(--avs-text-light);font-size:11px;font-weight:600}.attendance-pie-container{align-items:center;display:flex;gap:24px;margin-bottom:24px}.pie-chart-wrapper{display:flex;flex:1 1;justify-content:center;position:relative}.pie-chart{animation:pieAppear .3s ease;background:#f1f5f9;border-radius:50%;box-shadow:0 4px 12px #0000001a;height:140px;position:relative;width:140px}.pie-segment{border-radius:50%;cursor:pointer;height:100%;position:absolute;transition:transform .3s ease;width:100%}@media (hover:hover){.pie-segment:hover{filter:brightness(1.1);transform:scale(1.02)}.pie-segment:hover .pie-tooltip{opacity:1;top:-45px;visibility:visible}}.pie-tooltip{background:#1e293b;border-radius:8px;box-shadow:0 4px 12px #0000004d;color:#fff;font-size:12px;font-weight:600;opacity:0;padding:8px 12px;pointer-events:none;top:-40px;transition:opacity .2s,visibility .2s;visibility:hidden;white-space:nowrap;z-index:1000}.pie-tooltip,.pie-tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.pie-tooltip:after{border-left:6px solid #0000;border-right:6px solid #0000;border-top:6px solid #1e293b;bottom:-6px;content:""}.pie-center{align-items:center;background:#fff;border-radius:50%;box-shadow:0 2px 8px #0000001a;cursor:default;display:flex;flex-direction:column;height:60px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:60px;z-index:10}.pie-total{color:#0f172a;color:var(--avs-text-dark);font-size:20px;font-weight:800;line-height:1}.pie-total-label{color:#64748b;color:var(--avs-text-light);font-size:9px;font-weight:700;letter-spacing:.5px}.pie-legend{display:flex;flex:1 1;flex-direction:column;gap:8px}.legend-item{background:#f8fafc;border-radius:10px;cursor:pointer;gap:10px;padding:8px;position:relative;transition:all .2s}@media (hover:hover){.legend-item:hover{background:#f1f5f9;box-shadow:0 10px 20px -5px #0000000d;transform:translateX(4px) translateY(-2px)}}.legend-color{border-radius:4px;height:16px;width:16px}.present-color{background:linear-gradient(135deg,#10b981,#059669)}.absent-color{background:linear-gradient(135deg,#ef4444,#dc2626)}.leave-color{background:linear-gradient(135deg,#f59e0b,#d97706)}.legend-details{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:4px 8px}.legend-label{color:#64748b;color:var(--avs-text-light);font-size:12px;font-weight:700;min-width:70px}.legend-value{color:#0f172a;color:var(--avs-text-dark);font-size:14px;font-weight:800}.legend-percentage{background:#fff;border-radius:4px;color:#64748b;color:var(--avs-text-light);font-size:11px;font-weight:600;padding:2px 6px}.attendance-stats-summary{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-top:8px;padding-top:8px}.summary-item{align-items:center!important;background:#f8fafc;border-radius:8px;display:flex!important;flex-direction:row!important;gap:10px;justify-content:space-between!important;min-height:30px!important;padding:4px 12px!important;transition:all .2s}@media (hover:hover){.summary-item:hover{box-shadow:0 10px 20px -5px #00000014;transform:translateY(-5px)}}.summary-label{color:#64748b;color:var(--avs-text-light);font-size:9px;font-weight:700;letter-spacing:.3px}.summary-value{color:#0f172a;color:var(--avs-text-dark);font-size:14px}.rate-high{color:#10b981}@keyframes pieAppear{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.ila-section{border-radius:16px;margin-bottom:24px;margin-top:-10px;padding:16px}.ila-header{align-items:flex-end;border-bottom:1px solid #f1f5f9;margin-bottom:32px;padding-bottom:24px}.ila-label{display:block;font-weight:800;letter-spacing:2px;margin-bottom:8px}.ila-title-box h3{color:#1e293b;font-size:24px;font-weight:850;letter-spacing:-1px;margin:0}.ila-summary-badges{display:flex;gap:16px}.ila-badge{background:#f8fafc;border:1px solid #f1f5f9;border-radius:16px;display:flex;flex-direction:column;gap:4px;min-width:140px;padding:12px 20px}.ila-badge.urgent{background:#fff1f2;border-color:#ffe4e6}.ila-badge.urgent .badge-value{color:#e11d48}.badge-label{color:#64748b;font-size:10px;font-weight:700;text-transform:uppercase}.badge-value{color:#1e293b;font-size:18px;font-weight:800}.ila-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.ila-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px!important;cursor:pointer;overflow:hidden;padding:12px 16px!important;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.ila-card:hover{border-color:#3b82f6!important;box-shadow:0 20px 40px #00000014!important;transform:translateY(-8px)!important}.ila-card-status-dot{border-radius:50%;height:8px;position:absolute;right:15px;top:15px;width:8px}.ila-card.optimal .ila-card-status-dot{background:#10b981;box-shadow:0 0 10px #10b981}.ila-card.good .ila-card-status-dot{background:#3b82f6;box-shadow:0 0 10px #3b82f6}.ila-card.warning .ila-card-status-dot{background:#f59e0b;box-shadow:0 0 10px #f59e0b}.ila-card.critical .ila-card-status-dot{background:#ef4444;box-shadow:0 0 10px #ef4444}.item-main-info{display:flex;flex-direction:column;gap:4px}.stock-name-tag{color:#64748b;font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.stock-size-val{color:#64748b;font-size:14px;font-weight:700;letter-spacing:-.2px}.item-value-info{align-items:flex-end;display:flex;flex-direction:column;gap:2px}.stock-value-pcs{color:#2563eb;font-size:24px;font-weight:900;letter-spacing:-.5px}.stock-value-pcs small{color:#94a3b8;font-size:12px;font-weight:700}.stock-total-val{color:#64748b;font-size:12px;font-weight:700}.ila-item-details{border-top:1px dashed #f1f5f9;margin-top:20px;padding-top:16px}.ila-detail-row{color:#94a3b8;display:flex;font-size:12px;font-weight:600;justify-content:space-between;margin-bottom:16px}.ila-val{color:#1e293b;font-weight:700}.ila-progress-box{background:#f8fafc;border-radius:12px;padding:12px}.progress-text{color:#64748b;display:flex;font-size:10px;font-weight:800;justify-content:space-between;margin-bottom:8px;text-transform:uppercase}.progress-bar-container{background:#e2e8f0;height:6px;margin-bottom:8px}.progress-bar-fill{background:linear-gradient(90deg,#3b82f6,#2563eb)}.ila-card.optimal .progress-bar-fill{background:linear-gradient(90deg,#10b981,#059669)}.ila-card.critical .progress-bar-fill{background:linear-gradient(90deg,#ef4444,#dc2626)}.progress-counts{color:#94a3b8;font-size:10px;font-weight:700;text-align:right}.ila-card-footer{align-items:center;color:#2563eb;display:flex;font-size:11px;font-weight:700;gap:8px;margin-top:10px;opacity:0;transform:translateY(10px);transition:all .3s ease}.ila-card:hover .ila-card-footer{opacity:1;transform:translateY(0)}.ila-card-footer span:first-child{font-size:18px}.expenses-breakdown-section{background:#fff;border:1px solid #0000000d;border-radius:32px;box-shadow:0 10px 30px -5px #0000000a;margin-top:40px;padding:40px}.expenses-breakdown-section .section-header{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:32px}.section-label{color:#94a3b8;display:block;font-size:11px;font-weight:800;letter-spacing:2px;margin-bottom:6px}.section-title-box h3{color:#1e293b;font-size:18px;font-weight:850;letter-spacing:-.3px;margin:0}.view-all-expenses-btn{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;display:flex;font-size:11px;font-weight:700;gap:6px;padding:8px 14px;transition:all .2s ease}.view-all-expenses-btn:hover{background:#fff;border-color:#006a4e;border-color:var(--avs-green);box-shadow:0 4px 12px #006a4e1a;color:#006a4e;color:var(--avs-green);transform:translateY(-2px)}.view-all-expenses-btn span{font-size:18px}.expenses-categories-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr)}.expense-category-card{align-items:center;background:#fff;border:1px solid #f1f5f9;border-radius:20px;display:flex;gap:16px;overflow:hidden;padding:18px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.expense-category-card:hover{border-color:#0000;box-shadow:0 10px 25px -5px #00000014;transform:translateY(-4px)}.expense-category-card.machine:hover{border-color:#f9731633}.expense-category-card.stock:hover{border-color:#3b82f633}.expense-category-card.salary:hover{border-color:#10b98133}.expense-category-card.others:hover{border-color:#8b5cf633}.category-icon,.category-icon-wrapper{position:relative;z-index:2}.category-icon{align-items:center;border-radius:12px;display:flex;height:44px;justify-content:center;width:44px}.icon-glow{filter:blur(15px);height:100%;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease;width:100%;z-index:1}.expense-category-card:hover .icon-glow{opacity:.4}.category-icon span{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:26px}.machine .category-icon{background:linear-gradient(135deg,#f97316,#ea580c)}.machine .icon-glow{background:#f97316}.stock .category-icon{background:linear-gradient(135deg,#3b82f6,#2563eb)}.stock .icon-glow{background:#3b82f6}.salary .category-icon{background:linear-gradient(135deg,#10b981,#059669)}.salary .icon-glow{background:#10b981}.others .category-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.others .icon-glow{background:#8b5cf6}.category-details{display:flex;flex-direction:column;gap:2px}.category-name{color:#64748b;font-size:12px;letter-spacing:-.1px}.category-amount{color:#1e293b;font-size:18px;font-weight:850;letter-spacing:-.4px}.category-trend{color:#94a3b8;font-size:9px;font-weight:700;letter-spacing:.5px;margin-top:2px;text-transform:uppercase}@media screen and (max-width:1200px){.expenses-categories-grid,.metrics-row,.stock-grid{grid-template-columns:repeat(2,1fr)}.charts-row{grid-template-columns:1fr}}@media screen and (max-width:1024px){.dashboard-container,.greetings-header{padding:20px}.metrics-row{gap:16px;grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:768px){:root{--bar-max-height:100px}.dashboard-container{padding:10px}.greetings-header{align-items:center!important;border-radius:16px;flex-direction:row!important;gap:8px;justify-content:space-between!important;margin-bottom:20px;padding:12px 14px}.greetings-left h1{font-size:15px;font-weight:800}.greetings-left p{font-size:10px}.header-logo{height:40px;max-width:100px}.metrics-row{gap:12px!important;grid-template-columns:1fr!important;margin-bottom:24px!important}.metric-card{align-items:center;border-radius:12px;flex-direction:row;gap:16px;padding:16px!important;text-align:left}.header-status-row{gap:8px;margin-top:12px}.header-stat{flex:1 1;font-size:13px;min-width:140px;padding:6px 12px}.metric-icon{border-radius:8px;height:32px!important;width:32px!important}.metric-icon span{font-size:16px!important}.metric-label{font-size:11px!important;font-weight:700!important}.metric-value{font-size:20px!important;font-weight:700!important;margin:4px 0!important}.metric-status,.metric-trend{font-size:9px!important;margin-top:0!important}.charts-row{gap:16px;grid-template-columns:1fr}.chart-card{padding:16px 12px}.chart-card.large-chart{height:auto!important;min-height:0!important;min-height:auto!important}.chart-header{align-items:flex-start!important;flex-direction:column!important;gap:12px!important;margin-bottom:16px}.chart-header h3{font-size:11px;font-weight:800;letter-spacing:.5px}.filter-group.small{background:#f1f5f9;border-radius:10px;display:flex!important;flex-direction:row!important;gap:3px;padding:3px;width:100%}.filter-chip{border-radius:8px;flex:1 1!important;font-size:11px;font-weight:700;padding:8px 2px;text-align:center;white-space:nowrap}.enhanced-bar-chart{align-items:flex-end;gap:4px;height:160px;margin-top:8px;padding:0}.enhanced-bar-group{align-items:center;display:flex;flex:1 1;flex-direction:column;position:relative;width:auto}.enhanced-bar-label{color:#64748b;color:var(--avs-text-light);font-size:10px;font-weight:700;margin-bottom:4px;text-align:center;white-space:nowrap}.enhanced-bars{align-items:flex-end;gap:4px;height:100px;justify-content:center;margin-bottom:6px}.enhanced-bar{border-radius:4px 4px 0 0;width:18px!important}.bar-values{gap:2px;margin-top:0}.sales-value{font-size:9px;font-weight:800}.expenses-value{font-size:8px;font-weight:700;opacity:.85}.chart-legend-row-bottom{gap:12px;margin-top:12px}.legend-text{font-size:10px}.expenses-breakdown-section,.stock-overview-section{padding:16px}.expenses-breakdown-section h3,.stock-overview-section h3{color:#0f172a;color:var(--avs-text-dark);font-size:14px;font-weight:800;margin-bottom:20px}.stock-grid{grid-gap:12px!important;display:grid!important;gap:12px!important;grid-template-columns:repeat(2,1fr)!important}.stock-item-card{align-items:center;border-radius:12px;display:flex;flex-direction:column;justify-content:center;padding:12px 10px!important;text-align:center}.stock-item-header{align-items:center!important;flex-direction:column!important;gap:6px!important}.stock-size{font-size:13px;font-weight:800}.stock-value{font-size:11px;padding:4px 10px}.expenses-categories-grid{gap:12px;grid-template-columns:repeat(2,1fr)!important}.expense-category-card{align-items:center;border-radius:12px;flex-direction:column;gap:8px;padding:14px 10px!important;text-align:center}.category-icon{height:36px;width:36px}}@media screen and (max-width:480px){.dashboard-container{padding:10px}.greetings-header{border-radius:14px;padding:12px 14px}.greetings-left h1{font-size:14px}.greetings-left p{font-size:10px}.header-logo{height:36px}.metric-card{padding:14px 12px}.metric-value{font-size:18px}.filter-chip{font-size:10px;padding:8px 0}.enhanced-bar{width:13px}.enhanced-bar-label{font-size:9px}}@media screen and (min-width:1600px){.dashboard-container{margin-left:auto;margin-right:auto;max-width:1540px}.greetings-left h1{font-size:2.2rem}.header-logo{height:90px;max-width:260px}}.summary-pie-wrapper{gap:60px;height:250px;margin-top:30px}.summary-pie-container,.summary-pie-wrapper{align-items:center;display:flex;justify-content:center}.summary-pie-container{height:200px;position:relative;width:200px}.pie-chart-main{background:#f1f5f9;box-shadow:0 10px 30px #0000001a;overflow:hidden;position:relative}.pie-chart-main,.pie-slice{border-radius:50%;height:100%;width:100%}.pie-slice{cursor:pointer;left:0;position:absolute;top:0;transition:all .2s ease}.pie-center-hole{align-items:center;background:#fff;border:4px solid #f8fafc;border-radius:50%;box-shadow:inset 0 2px 10px #0000000d;display:flex;flex-direction:column;height:110px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:110px;z-index:20}.pie-center-label{color:#94a3b8;font-size:11px;font-weight:800;letter-spacing:1px}.pie-stats-column{display:flex;flex-direction:column;gap:20px}.stat-item{align-items:center;display:flex;gap:15px}.stat-item .stat-dot{border-radius:4px;height:14px;width:14px}.stat-dot.blue{background:#2563eb;box-shadow:0 0 10px #2563eb66}.stat-dot.red{background:#ef4444;box-shadow:0 0 10px #ef444466}.stat-details{display:flex;flex-direction:column}.stat-name{color:#64748b;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.stat-val{color:#1e293b;font-size:20px;font-weight:800}.stat-val.prominent{color:#1e293b;font-size:26px;font-weight:850;line-height:1.1}.attendance-warning-banner{align-items:center;background:linear-gradient(135deg,#fffbeb,#fef3c7);border:2px solid #f59e0b;border-radius:20px;box-shadow:0 10px 15px -3px #f59e0b1a;cursor:pointer;display:flex;gap:20px;margin-bottom:30px;padding:20px 30px;transition:all .3s ease}.attendance-warning-banner:hover{border-color:#d97706;box-shadow:0 15px 25px -5px #f59e0b33;transform:translateY(-3px)}.warning-icon{background:#f59e0b;border-radius:14px;color:#fff;height:50px;width:50px}.warning-icon span{font-size:30px}.warning-text{flex:1 1}.warning-text h4{color:#92400e;font-size:18px;font-weight:800;margin:0}.warning-text p{color:#b45309;font-size:14px;font-weight:600;margin:4px 0 0}.mark-now-btn{background:#92400e;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:13px;font-weight:700;padding:10px 20px;transition:all .2s ease}.mark-now-btn:hover{background:#78350f;transform:scale(1.05)}.raw-material-warning-banner{align-items:center;animation:pulseDashboardAlert 2s infinite;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:2px solid #ef4444;border-radius:20px;box-shadow:0 10px 15px -3px #ef44441a;cursor:pointer;display:flex;gap:20px;margin-bottom:30px;padding:20px 30px;transition:all .3s ease}.raw-material-warning-banner:hover{border-color:#dc2626;box-shadow:0 15px 25px -5px #ef444433;transform:translateY(-3px)}@keyframes pulseDashboardAlert{0%{border-color:#fca5a5;box-shadow:0 10px 15px -3px #ef44441a}50%{border-color:#ef4444;box-shadow:0 10px 25px -3px #ef44444d}to{border-color:#fca5a5;box-shadow:0 10px 15px -3px #ef44441a}}.balance-comparison-module{display:flex;flex-direction:column;gap:24px;padding:10px 0}.balance-bar-container{display:flex;flex-direction:column;gap:10px}.balance-bar-info{align-items:center;display:flex;gap:12px;justify-content:flex-start}.bar-label{color:#64748b;font-size:10px;font-weight:800;letter-spacing:.05em}.bar-value{font-size:15px;letter-spacing:-.01em}.bar-value.revenue{color:#2563eb}.bar-value.expenses{color:#f43f5e}.balance-progress-bg{background:#f1f5f9;border-radius:50px;box-shadow:inset 0 1px 2px #0000000d;height:14px;overflow:hidden;position:relative}.balance-progress-fill{border-radius:50px;height:100%;transition:width 1s cubic-bezier(.175,.885,.32,1.275)}.balance-progress-fill.revenue{background:linear-gradient(90deg,#3b82f6,#2563eb)}.balance-progress-fill.expenses{background:linear-gradient(90deg,#f43f5e,#e11d48)}.balance-summary-footer{border-top:1px dashed #e2e8f0;margin-top:10px;padding-top:24px}.net-balance-card{align-items:center;border-radius:20px;box-shadow:0 4px 6px #00000005;display:flex;flex-direction:column;gap:8px;padding:24px;transition:all .3s ease}.net-balance-card.profit{background:#f0fdf4;border:1px solid #bbf7d0;color:#15803d}.net-balance-card.loss{background:#fff1f2;border:1px solid #fecdd3;color:#be123c}.net-label{color:#64748b;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.net-amount{font-size:32px;font-weight:900;letter-spacing:-.01em}.ila-section{background:#fff;border:1px solid #f1f5f9;border-radius:24px;box-shadow:0 4px 20px #00000008;margin-top:8px;padding:32px}.ila-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.ila-label{color:#94a3b8;font-size:11px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase}.ila-title-box h2{color:#0f172a;font-size:24px;font-weight:900;letter-spacing:-.5px;margin:4px 0 0}.ila-stats{display:flex;gap:20px;justify-content:flex-end}.ila-stat-card{background:#f8fafc;border:1px solid #f1f5f9;border-radius:16px;display:flex;flex-direction:column;min-width:140px;padding:16px 24px}.ila-stat-label{color:#64748b;font-size:10px;font-weight:800;margin-bottom:6px;text-transform:uppercase}.ila-stat-value{color:#0f172a;font-size:20px;font-weight:900}.ila-stat-card.low-stock{background:#fef2f2;border:1px solid #fee2e2}.ila-stat-card.low-stock .ila-stat-label{color:#b91c1c}.ila-stat-card.low-stock .ila-stat-value{color:#ef4444}@media screen and (max-width:1440px){.greetings-header{padding:32px 40px}.greetings-text h1{font-size:32px}.p-stat-value{font-size:28px}}@media screen and (max-width:1200px){.premium-stats-grid{grid-template-columns:repeat(2,1fr)}.ila-grid{grid-template-columns:repeat(3,1fr)}.expenses-categories-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:1024px){.dashboard-container{padding:16px}.charts-row{grid-template-columns:1fr}.greetings-header{flex-direction:column;gap:24px;padding:24px;text-align:center}.current-date{margin:0 auto}.enhanced-bar-chart{height:200px}}@media screen and (max-width:768px){.greetings-text h1{font-size:26px}.metric-value{font-size:24px}.p-stat-value{font-size:22px}.ila-grid{grid-template-columns:repeat(2,1fr)}.ila-header{align-items:flex-start;flex-direction:column;gap:16px}.ila-summary-badges{overflow-x:auto;padding-bottom:8px;width:100%}.attendance-pie-container{flex-direction:column}.pie-chart{height:150px;width:150px}.pie-center{height:60px;width:60px}.pie-total{font-size:18px}}@media screen and (max-width:480px){.greetings-text h1{font-size:20px}.greetings-header{border-radius:24px}.premium-stat-card{padding:16px}.p-stat-label{font-size:11px}.p-stat-value{font-size:18px}.breakdown-tag{font-size:9px;padding:2px 4px}.expenses-categories-grid,.ila-grid{grid-template-columns:1fr}.summary-pill{min-width:100px;padding:6px 10px}.pill-value{font-size:13px}.enhanced-bar{width:24px}.enhanced-bar-chart{gap:8px}}.employee-dashboard{display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:1200px}.employee-welcome-banner{align-items:center;background:linear-gradient(135deg,#004d39,#006a4e);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 4px 12px #0000000d;color:#fff;display:flex;justify-content:space-between;padding:20px 28px}.welcome-text-group{display:flex;flex-direction:column;gap:2px}.welcome-greeting{color:#ffffffd9;font-size:10px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase}.welcome-name{color:#fff;font-size:24px;font-weight:800;letter-spacing:-.3px;margin:0}.welcome-role{color:#ffffffbf;font-size:11px;font-weight:600;letter-spacing:.5px;margin:0}@media (max-width:480px){.employee-welcome-banner{border-radius:12px;padding:16px 20px}.welcome-name{font-size:20px}.welcome-greeting{font-size:9px}.welcome-role{font-size:10px}}.premium-stat-card.attendance{border-left:4px solid #0ea5e9}.premium-stat-card.sales{border-left:4px solid #10b981}.premium-stat-card.stock{border-left:4px solid #8b5cf6}.progress-bar-bg{background:#0f172a14;border-radius:10px;height:8px;margin-top:14px;overflow:hidden;width:100%}.progress-bar-fill{background:linear-gradient(90deg,#0ea5e9,#2563eb);transition:width .5s ease}.employee-records-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 6px -1px #0000000d;padding:24px}.status-badge.paid{background:#dcfce7;color:#166534}.status-badge.paid,.status-badge.unpaid{border-radius:6px;font-size:11px;font-weight:700;padding:4px 10px}.status-badge.unpaid{background:#fee2e2;color:#991b1b}.employee-dashboard .premium-stats-grid{gap:24px;grid-template-columns:repeat(2,1fr)!important}.employee-charts-row{display:flex!important;flex-direction:column;width:100%}@media screen and (max-width:768px){.employee-dashboard .premium-stats-grid{gap:16px;grid-template-columns:1fr!important}}.employee-table-wrapper{-webkit-overflow-scrolling:touch;margin-top:12px;overflow-x:auto!important;width:100%!important}.employee-table-wrapper table{min-width:600px!important}@media screen and (max-width:768px){.dashboard-container{padding:12px!important}.greetings-header{border-radius:20px!important;flex-direction:column!important;gap:16px!important;margin-bottom:24px!important;padding:24px 20px!important;text-align:center!important}.greetings-text h1{font-size:22px!important;margin-bottom:6px!important}.current-date{font-size:14px!important;margin:0 auto!important;padding:6px 12px!important}.header-logo-card{border-radius:16px!important;padding:12px 16px!important}.dashboard-brand-logo{height:36px!important}.premium-stats-grid.dashboard-top-stats{gap:12px!important;grid-template-columns:repeat(2,1fr)!important;margin-bottom:24px!important}.premium-stat-card{border-radius:16px!important;padding:16px 12px!important}.p-stat-label{font-size:10px!important}.p-stat-value{font-size:20px!important;margin-bottom:8px!important}.breakdown-tag{font-size:9px!important;padding:2px 4px!important}.attendance-warning-banner,.raw-material-warning-banner{align-items:center!important;border-radius:16px!important;flex-direction:column!important;gap:12px!important;padding:16px!important;text-align:center!important}.warning-icon{flex-shrink:0!important;height:40px!important;width:40px!important}.warning-icon span{font-size:24px!important}.raw-material-warning-banner .warning-text h4,.warning-text h4{font-size:16px!important;margin:0!important;text-align:center!important}.raw-material-warning-banner .warning-text p,.warning-text p{font-size:12px!important;line-height:1.4!important;margin-top:4px!important;text-align:center!important}.attendance-warning-banner .mark-now-btn,.raw-material-warning-banner .mark-now-btn{box-sizing:border-box!important;margin-top:4px!important;padding:10px 16px!important;width:100%!important}.charts-row{gap:20px!important;grid-template-columns:1fr!important}.chart-card{padding:20px 16px!important}.attendance-pie-container{flex-direction:column!important;gap:24px!important}.pie-chart{height:120px!important;width:120px!important}.pie-center{height:50px!important;width:50px!important}.pie-total{font-size:16px!important}.pie-legend{width:100%!important}.attendance-stats-summary{grid-template-columns:1fr!important}.balance-bar-info{align-items:flex-start!important;flex-direction:column!important;gap:4px!important}.bar-label{font-size:9px!important}.bar-value{font-size:14px!important}.ila-header{align-items:flex-start!important;flex-direction:column!important;gap:20px!important}.ila-summary-badges{display:flex!important;flex-direction:column!important;gap:10px!important;width:100%!important}.ila-badge{min-width:0!important;min-width:auto!important;padding:12px 16px!important;width:100%!important}.ila-grid{gap:12px!important;grid-template-columns:repeat(2,1fr)!important}.ila-card{aspect-ratio:1/1!important;border-radius:20px!important;display:flex!important;justify-content:center!important;padding:12px 10px!important;text-align:center!important}.ila-card,.stock-item-header{align-items:center!important;flex-direction:column!important}.stock-item-header{gap:4px!important;width:100%!important}.item-main-info{align-items:center!important}.stock-size-val{font-size:18px!important;margin-bottom:2px!important}.item-value-info{align-items:center!important}.stock-value-pcs{font-size:15px!important}.ila-item-details{align-items:center!important;border-top:none!important;display:flex!important;flex-direction:column!important;margin-top:4px!important;padding-top:0!important;width:100%!important}.ila-card-footer{display:none!important}.ila-card-status-dot{right:10px!important;top:10px!important}.premium-table td,.premium-table th{font-size:12px!important;padding:10px 8px!important}}@media screen and (max-width:480px){.premium-stats-grid.dashboard-top-stats{grid-template-columns:1fr!important}.welcome-name{font-size:20px!important}}.emp-self-dashboard{background:#f0f4f8;min-height:100vh;padding:24px}.emp-hero-banner{align-items:center;background:linear-gradient(135deg,#004d39,#006a4e 60%,#007a5c);border-radius:24px;box-shadow:0 20px 60px -12px #004d3973;display:flex;justify-content:space-between;margin-bottom:28px;overflow:hidden;padding:28px 36px;position:relative}.emp-hero-banner:before{background:radial-gradient(circle,#ffffff0f 0,#0000 70%);border-radius:50%;content:"";height:400px;pointer-events:none;position:absolute;right:-10%;top:-50%;width:400px}.emp-hero-left{align-items:center;display:flex;gap:20px}.emp-avatar-ring{align-items:center;background:#ffffff26;border:3px solid #fff6;border-radius:50%;display:flex;flex-shrink:0;height:72px;justify-content:center;overflow:hidden;width:72px}.emp-avatar-img{height:100%;object-fit:cover;width:100%}.emp-avatar-initials{color:#fff;font-size:28px;font-weight:900;letter-spacing:-1px}.emp-greet-line{color:#ffffffbf;display:block;font-size:14px;font-weight:500;margin-bottom:4px}.emp-hero-name{color:#fff;font-size:26px;font-weight:900;letter-spacing:-.5px;margin:0 0 10px}.emp-hero-tags{display:flex;flex-wrap:wrap;gap:8px}.emp-tag{border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.emp-tag.role{background:#fff3;border:1px solid #ffffff4d;color:#fff}.emp-tag.dept{background:#10b98140;border:1px solid #10b9814d;color:#6ee7b7}.emp-tag.empid{background:#ffffff1a;border:1px solid #ffffff26;color:#ffffffb3}.emp-hero-right{text-align:right}.emp-hero-date{align-items:flex-end;display:flex;flex-direction:column;gap:2px}.emp-date-label{color:#ffffff80;font-size:10px;font-weight:800;letter-spacing:2px;text-transform:uppercase}.emp-date-value{color:#fff;font-size:20px;font-weight:900;letter-spacing:-.5px}.emp-date-day{color:#ffffffa6;font-size:13px;font-weight:500}.emp-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1.4fr 1fr 1fr;margin-bottom:24px}.emp-stat-card{background:#fff;border:1px solid #e8edf3;border-radius:20px;box-shadow:0 4px 20px -4px #00000014;display:flex;flex-direction:column;gap:16px;padding:24px;transition:transform .2s ease,box-shadow .2s ease}.emp-stat-card:hover{box-shadow:0 12px 32px -8px #0000001f;transform:translateY(-3px)}.emp-card-header{align-items:center;display:flex;gap:12px}.emp-card-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.emp-card-icon .material-symbols-outlined{color:#fff;font-size:22px}.att-icon{background:linear-gradient(135deg,#10b981,#047857)}.sal-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.act-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.emp-card-title{color:#64748b;display:block;font-size:13px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.emp-card-sub{color:#94a3b8;display:block;font-size:11px;font-weight:500;margin-top:2px}.emp-att-numbers{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr)}.emp-att-num{align-items:center;border-radius:12px;display:flex;flex-direction:column;gap:4px;padding:10px 8px}.emp-att-num.present{background:#f0fdf4;border:1px solid #bbf7d0}.emp-att-num.absent{background:#fef2f2;border:1px solid #fecaca}.emp-att-num.half{background:#fffbeb;border:1px solid #fde68a}.emp-att-num.leave{background:#f5f3ff;border:1px solid #ddd6fe}.num-val{font-size:22px;font-weight:900;line-height:1}.emp-att-num.present .num-val{color:#059669}.emp-att-num.absent .num-val{color:#dc2626}.emp-att-num.half .num-val{color:#d97706}.emp-att-num.leave .num-val{color:#7c3aed}.num-lbl{color:#94a3b8;font-size:10px;font-weight:700;letter-spacing:.3px;text-transform:uppercase}.emp-att-bar-wrap{display:flex;flex-direction:column;gap:6px}.emp-att-bar-bg{background:#e2e8f0;border-radius:99px;height:8px;overflow:hidden}.emp-att-bar-fill{background:linear-gradient(90deg,#10b981,#059669);border-radius:99px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.emp-att-pct{color:#059669;font-size:12px;font-weight:700}.emp-week-heatmap{display:flex;gap:8px;justify-content:space-between}.emp-heat-day{align-items:center;cursor:default;display:flex;flex-direction:column;gap:6px}.emp-heat-dot{border-radius:8px;height:28px;transition:transform .15s ease;width:28px}.emp-heat-day:hover .emp-heat-dot{transform:scale(1.15)}.emp-heat-lbl{color:#94a3b8;font-size:10px;font-weight:700;text-transform:uppercase}.emp-heat-legend{color:#64748b;display:flex;flex-wrap:wrap;font-size:11px;font-weight:600;gap:10px}.emp-heat-legend i{border-radius:3px;display:inline-block;font-style:normal;height:10px;margin-right:4px;vertical-align:middle;width:10px}.emp-salary-amount{color:#0f172a;font-size:36px;font-weight:900;letter-spacing:-1.5px;line-height:1}.emp-salary-meta{border-top:1px solid #f1f5f9;display:flex;flex-direction:column;gap:8px;padding-top:8px}.btn-view-salary-slip{align-items:center!important;background:#006a4e!important;border:1px solid #ffffff1a!important;border-radius:12px!important;box-shadow:0 4px 12px #006a4e26!important;box-sizing:border-box!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:.95rem!important;font-weight:700!important;gap:10px!important;justify-content:center!important;letter-spacing:.5px!important;margin-top:14px!important;max-width:100%!important;overflow:hidden!important;padding:12px 20px!important;position:relative!important;text-transform:uppercase!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;width:100%!important}.btn-view-salary-slip:after{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:none!important;width:100%}.btn-view-salary-slip:hover:after{left:100%;transition:left .6s ease-in-out!important}.btn-view-salary-slip:hover{background:#004d39!important;border-color:#fff3!important;box-shadow:0 8px 20px #004d3940!important;transform:translateY(-2px)!important}.btn-view-salary-slip:active{transform:translateY(-1px) scale(.98)!important}.btn-view-salary-slip span{align-items:center!important;color:#fff!important;display:inline-flex!important;justify-content:center!important}.btn-view-salary-slip .material-symbols-outlined{font-size:20px!important}@media screen and (max-width:768px){.btn-view-salary-slip{border-radius:12px!important;font-size:.92rem!important;padding:12px 16px!important}}.emp-salary-meta-row{align-items:center;color:#64748b;display:flex;font-size:13px;justify-content:space-between}.emp-salary-meta-row strong{color:#0f172a;font-weight:700}.emp-salary-status{margin-top:4px}.emp-salary-badge{border-radius:20px;font-size:11px;font-weight:800;letter-spacing:.3px;padding:4px 12px}.emp-salary-badge.credited{background:#dcfce7;border:1px solid #bbf7d0;color:#166534}.emp-salary-empty{color:#94a3b8;font-size:13px;font-style:italic;margin:0}.emp-table tbody tr:last-child td{border-bottom:none}.emp-table tbody tr:hover{background:#f8fafc}.emp-row-num{color:#94a3b8!important;font-size:12px!important;font-weight:800;width:32px}.emp-money{font-feature-settings:"tnum";color:#0f172a!important;font-variant-numeric:tabular-nums;font-weight:700!important}.emp-empty-row{padding:32px!important}.emp-status-pill{display:inline-block;font-size:11px;letter-spacing:.3px;text-transform:capitalize}.emp-status-pill.paid{background:#dcfce7;color:#166534}.emp-status-pill.unpaid{background:#fef2f2;color:#991b1b}.emp-status-pill.partial{background:#fffbeb;color:#92400e}.emp-status-pill.pending{background:#f1f5f9;color:#475569}.emp-status-pill.grade-a{background:#dcfce7;color:#166534}.emp-status-pill.grade-b{background:#fffbeb;color:#92400e}.emp-status-pill.grade-c{background:#fef2f2;color:#991b1b}.emp-cal-grid{gap:8px;margin-bottom:16px}.emp-cal-empty{font-size:13px;margin:0}.emp-cal-day{border:2px solid #0000;cursor:default;gap:4px;min-width:44px;padding:10px 8px;transition:transform .15s ease}.emp-cal-day:hover{transform:scale(1.08)}.emp-cal-p{background:#f0fdf4;border-color:#bbf7d0}.emp-cal-l{background:#f5f3ff;border-color:#ddd6fe}.emp-cal-daynum{font-size:16px;font-weight:900;line-height:1}.emp-cal-p .emp-cal-daynum{color:#059669}.emp-cal-a .emp-cal-daynum{color:#dc2626}.emp-cal-h .emp-cal-daynum{color:#d97706}.emp-cal-l .emp-cal-daynum{color:#7c3aed}.emp-cal-dayname{color:#94a3b8;font-size:9px;font-weight:700;letter-spacing:.3px}.emp-cal-status-dot{height:6px;width:6px}.emp-cal-legend{flex-wrap:wrap}.emp-cal-leg-item{font-size:12px}.emp-cal-leg-item span{display:inline-block}.emp-cal-p.emp-cal-leg-item span{background:#10b981}.emp-cal-a.emp-cal-leg-item span{background:#ef4444}.emp-cal-h.emp-cal-leg-item span{background:#f59e0b}.emp-cal-l.emp-cal-leg-item span{background:#8b5cf6}@media screen and (max-width:900px){.emp-stats-grid{grid-template-columns:1fr}}@media screen and (max-width:768px){.emp-self-dashboard{padding:12px!important}.emp-hero-banner{align-items:flex-start;border-radius:16px!important;flex-direction:column;gap:16px;padding:20px!important}.emp-hero-right{text-align:left;width:100%}.emp-hero-date{align-items:center;flex-direction:row;gap:12px}.emp-hero-name{font-size:20px!important}.emp-att-numbers{grid-template-columns:repeat(2,1fr)}.emp-salary-amount{font-size:28px!important}.emp-activity-big-num{font-size:26px!important}.emp-cal-day{min-width:36px!important;padding:6px 4px!important}.emp-cal-daynum{font-size:13px!important}.emp-salary-meta button{min-width:auto;width:100%}}.size-charts-row{grid-template-columns:1fr 1fr!important;margin-bottom:24px}@media screen and (max-width:900px){.size-charts-row{grid-template-columns:1fr!important}}.size-chart-card{display:flex;flex-direction:column;justify-content:flex-start;min-height:320px}.size-chart-card .css-size-grid{display:flex;flex-direction:column;gap:16px;padding-top:8px}.size-chart-card .size-stat-item{align-items:center;display:flex;gap:16px;padding:4px 0}.size-chart-card .s-lbl{color:#64748b;color:var(--avs-text-light,#64748b);font-size:13px;font-weight:700;text-transform:uppercase;width:70px}.size-chart-card .s-bar-group{align-items:center;display:flex;flex:1 1;gap:12px}.size-chart-card .s-bar{border-radius:8px;box-shadow:0 2px 4px #0000000d;height:14px;transition:width .8s cubic-bezier(.4,0,.2,1)}.size-chart-card .s-qty{color:#0f172a;color:var(--avs-text-dark,#0f172a);font-size:14px;font-weight:800;min-width:40px;text-align:right}.size-chart-card .empty-chart-msg{align-items:center;color:#64748b;color:var(--avs-text-light,#64748b);display:flex;font-size:13px;font-style:italic;font-weight:600;justify-content:center;min-height:150px}.emp-activity-section,.emp-cal-section{background:#fff;border:1px solid #f1f5f9;border-radius:20px;box-shadow:0 10px 30px #0000000a;margin-bottom:24px;padding:24px}.emp-section-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.emp-section-title{align-items:center;color:#0f172a;display:flex;font-size:1.1rem;font-weight:800;gap:10px;margin:0}.emp-section-title .material-symbols-outlined{color:#006a4e}.emp-section-sub{color:#64748b;font-size:.9rem;font-weight:600}.emp-cal-grid{display:flex;flex-wrap:wrap;gap:10px}.emp-cal-day{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;height:70px;justify-content:center;position:relative;width:60px}.emp-cal-daynum{color:#1e293b;font-size:1.2rem;font-weight:800}.emp-cal-dayname{color:#64748b;font-size:.75rem;font-weight:600;text-transform:uppercase}.emp-cal-status-dot{border-radius:50%;height:8px;position:absolute;right:6px;top:6px;width:8px}.emp-cal-p{background:#ecfdf5;border-color:#a7f3d0}.emp-cal-p .emp-cal-status-dot{background:#10b981}.emp-cal-a{background:#fef2f2;border-color:#fecaca}.emp-cal-a .emp-cal-status-dot{background:#ef4444}.emp-cal-h{background:#fffbeb;border-color:#fde68a}.emp-cal-h .emp-cal-status-dot{background:#f59e0b}.emp-cal-l{background:#f3e8ff;border-color:#e9d5ff}.emp-cal-l .emp-cal-status-dot{background:#8b5cf6}.emp-cal-empty{color:#94a3b8;font-size:.95rem;font-style:italic;padding:20px 0}.emp-cal-legend{border-top:1px solid #f1f5f9;display:flex;gap:16px;margin-top:20px;padding-top:16px}.emp-cal-leg-item{align-items:center;color:#64748b;display:flex;font-size:.85rem;font-weight:600;gap:6px}.emp-cal-leg-item span{border-radius:4px;height:12px;width:12px}.emp-table-wrap{overflow-x:auto}.emp-table{border-collapse:collapse;width:100%}.emp-table th{background:#f8fafc;border-bottom:2px solid #e2e8f0;color:#64748b;font-size:.8rem;font-weight:800;padding:12px 16px;text-align:left;text-transform:uppercase}.emp-table td{border-bottom:1px solid #f1f5f9;color:#1e293b;font-size:.95rem;padding:14px 16px}.emp-row-num{color:#94a3b8;font-weight:700}.emp-money{color:#059669;font-weight:700}.emp-empty-row{color:#94a3b8;font-style:italic;padding:30px!important;text-align:center}.emp-status-pill{border-radius:20px;font-size:.75rem;font-weight:800;padding:4px 10px;text-transform:uppercase}.grade-a{background:#ecfdf5;color:#059669}.grade-b{background:#eff6ff;color:#2563eb}.grade-c{background:#fef2f2;color:#dc2626}.module-hub-card{transition:all .3s cubic-bezier(.4,0,.2,1)!important}.module-hub-card:hover{border-color:#cbd5e1!important;box-shadow:0 16px 20px -5px #00000014,0 8px 8px -5px #00000008!important;transform:translateY(-5px)}.module-hub-card:hover .launch-text{transform:translateX(4px)}.module-hub-card:hover .launch-text span{transform:translateX(2px)}.emp-prod-breakdown{border-top:1px solid #e2e8f0;margin-top:20px;padding-top:16px}.emp-breakdown-title{color:#000;font-size:12px;font-weight:800;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.emp-breakdown-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.emp-breakdown-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;padding:10px 14px;transition:all .2s}.emp-breakdown-item:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateX(2px)}.emp-b-size{font-weight:700}.emp-b-qty,.emp-b-size{color:#000;font-size:14px}.emp-b-qty{font-weight:800}.product-list-container{background-color:#fff;font-family:inherit;min-height:100vh;padding:28px 32px}.dark .product-list-container{background-color:#0a3028}.primary-btn{align-items:center;background:#006a4e;border:none;border-radius:40px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.primary-btn:hover{background:#004d39;box-shadow:0 4px 12px #006a4e4d;transform:translateY(-2px)}.primary-btn .material-symbols-outlined{font-size:20px}.product-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:28px;margin-top:24px}.stat-card{border:1px solid #b0e6a0;box-shadow:0 4px 12px #006a4e14;padding:20px;transition:all .2s}.stat-card.clickable{cursor:pointer}.stat-card.clickable:hover{background:#f0ffe8;border-color:#006a4e;box-shadow:0 16px 32px -8px #006a4e2e,0 8px 12px -6px #0000000f;transform:translateY(-8px) scale(1.02)}.dark .stat-card{background:#1c2e21;border-color:#2a3a2e}.stat-icon.green{background:#006a4e1a;color:#006a4e}.stat-icon.orange{background:#f59e0b1a;color:#f59e0b}.stat-label{color:#2a6e4b;font-size:12px;margin:0 0 4px}.dark .stat-label{color:#a1b8a9}.stat-value{line-height:1}.filters-section{margin-bottom:20px}.search-input{border:1px solid #b0e6a0}.filter-select{background:#006a4e;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;border:1px solid #005a42;color:#fff}.filter-select:focus{box-shadow:0 0 0 2px #006a4e33}.dark .filter-select{background:#1c2e21;border-color:#2a3a2e}.view-toggle{border:1px solid #b0e6a0;border-radius:12px;gap:8px;padding:4px}.view-btn{border-radius:10px;height:44px;width:44px}.view-btn:hover{background:#f0ffe8}.clear-filters-btn,.table-wrapper{border-radius:20px}.table-wrapper{background:#fff;border:1px solid #b0e6a0;box-shadow:0 4px 12px #006a4e14;padding:24px}.dark .table-wrapper{background:#1c2e21;border-color:#2a3a2e}.product-table{border-collapse:collapse;min-width:1000px;width:100%}.product-table th{border-bottom:1px solid #b0e6a0;color:#2a6e4b;font-size:12px;font-weight:700;letter-spacing:.05em;padding:16px;text-align:left;text-transform:uppercase}.dark .product-table th{border-bottom-color:#2a3a2e;color:#a1b8a9}.product-table td{border-bottom:1px solid #b0e6a0;color:#0a3b2e;font-size:14px;padding:16px}.dark .product-table td{border-bottom-color:#2a3a2e;color:#fff}.product-info{align-items:center;display:flex;gap:16px}.product-image{background-color:#f0ffe8;background-position:50%;background-repeat:no-repeat;background-size:contain;border:1px solid #b0e6a0;border-radius:12px;height:48px;width:48px}.dark .product-image{background-color:#1d3324}.product-name{color:#0a3b2e;font-weight:700;margin:0 0 4px}.dark .product-name{color:#fff}.product-sku{color:#2a6e4b;font-size:12px;margin:0}.dark .product-sku{color:#a1b8a9}.product-margin{color:#006a4e;font-weight:600}.status-badge{font-size:12px;font-weight:600;padding:6px 14px}.status-badge.active{background:#006a4e1a;color:#006a4e}.status-badge.inactive{background:#ef44441a;color:#ef4444}.stock-badge{border-radius:30px;display:inline-block;font-size:12px;font-weight:600;padding:6px 14px}.stock-badge.normal{background:#006a4e1a;color:#006a4e}.stock-badge.low{background:#f59e0b1a;color:#f59e0b}.action-btn{background:#f1f5f9}.action-btn.edit{background:#dcfce7}.action-btn.edit:hover{background:#bbf7d0;transform:translateY(-2px)}.action-btn.delete{color:#dc2626}.action-btn.delete:hover{background:#fecaca;transform:translateY(-2px)}.product-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.product-card{background:#fff;border:1px solid #b0e6a0;border-radius:20px;box-shadow:0 4px 12px #006a4e14;overflow:hidden;transition:all .2s}.product-card:hover{border-color:#006a4e;box-shadow:0 18px 36px -10px #006a4e26;transform:translateY(-8px) scale(1.01)}.dark .product-card{background:#1c2e21;border-color:#2a3a2e}.product-card-image{background-color:#f0ffe8;background-position:50%;background-repeat:no-repeat;background-size:contain;height:200px;padding:20px;position:relative}.dark .product-card-image{background-color:#1d3324}.card-status{border-radius:30px;font-size:11px;font-weight:700;padding:6px 14px;position:absolute;right:16px;text-transform:uppercase;top:16px}.card-status.active{background:#006a4ee6;color:#fff}.card-status.inactive{background:#ef4444e6;color:#fff}.product-card-content{padding:20px}.product-card-title{color:#064e3b;font-size:18px;font-weight:800;letter-spacing:-.01em;margin:0 0 6px}.dark .product-card-title{color:#fff}.product-card-sku{color:#2a6e4b;font-size:12px;margin:0 0 12px}.modal-overlay{animation:fadeIn .2s ease}.modal-content{overflow-y:auto}.dark .product-card-sku{color:#a1b8a9}.product-card-details{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.product-card-size{background:#f0ffe8;border-radius:8px;color:#166534;font-size:14px;font-weight:600;padding:4px 12px}.product-card-price{align-items:center;color:#006a4e;display:flex;font-size:22px;font-weight:800}.product-card-footer{align-items:center;border-top:1.5px solid #dcfce7;display:flex;justify-content:flex-end;margin-top:10px;padding-top:20px}.dark .product-card-footer{border-top-color:#2a3a2e}.stock-indicator{font-size:12px;font-weight:600}.stock-indicator.normal{color:#006a4e}.stock-indicator.low{color:#f59e0b}.product-card-actions{display:flex;gap:12px;width:auto}.icon-btn{background:#f1f5f9;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;display:flex;flex:0 0 44px;height:44px;transition:all .2s cubic-bezier(.4,0,.2,1);width:44px}.icon-btn.edit{background:#006a4e;color:#fff}.icon-btn.edit:hover{background:#004d39;box-shadow:0 10px 15px -3px #006a4e4d;transform:translateY(-3px)}.icon-btn.delete{background:#dc2626;color:#fff}.icon-btn.delete:hover{background:#b91c1c;box-shadow:0 10px 15px -3px #dc26264d;transform:translateY(-3px)}.empty-state,.empty-state-grid{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:48px;text-align:center}.empty-icon{color:#b0e6a0;font-size:64px!important}.empty-state h4,.empty-state-grid h4{color:#0a3b2e;font-size:18px;font-weight:700;margin:0 0 8px}.dark .empty-state h4,.dark .empty-state-grid h4{color:#fff}.empty-state p,.empty-state-grid p{color:#2a6e4b;font-size:14px;margin:0 0 20px}.dark .empty-state p,.dark .empty-state-grid p{color:#a1b8a9}.modal-overlay{background:#003729b3;display:block;padding:5vh 0 15vh;z-index:99999}.modal-content{animation:modalSlideUp .3s ease;box-shadow:0 24px 48px #0003;margin:0 auto;max-height:80vh;position:relative;width:90%}.dark .modal-content{background:#0a3028;border:1px solid #1f4a3e}.modal-header{border-radius:24px 24px 0 0}.dark .modal-header{border-bottom-color:#1f4a3e}.modal-header h3{color:#0a3b2e;font-weight:700}.dark .modal-header h3{color:#fff}.modal-close{background:#fff;border:1px solid #e2e8f0;position:absolute;right:20px;top:20px;z-index:10}.modal-close:hover{border-color:#ef4444}.modal-close .material-symbols-outlined{color:#64748b;font-size:20px}.modal-close:hover .material-symbols-outlined{color:#ef4444}.modal-body{padding:24px 24px 40px}.modal-icon{margin:0 auto 16px}.modal-icon.warning{background:#f59e0b1a;color:#f59e0b}.modal-title{color:#0a3b2e;font-size:18px;font-weight:700;margin:0 0 8px;text-align:center}.dark .modal-title{color:#fff}.modal-desc{color:#2a6e4b;font-size:14px;margin-bottom:24px;text-align:center}.dark .modal-desc{color:#a1b8a9}.modal-form-group label{color:#006a4e;font-weight:600}.dark .modal-form-group label{color:#a1b8a9}.modal-input,.modal-select{background:#f8fafc;border-radius:12px;padding:12px 16px;transition:all .2s}.dark .modal-input,.dark .modal-select{background:#1c2e21;border-color:#2a3a2e;color:#fff}.modal-input:focus,.modal-select:focus{box-shadow:0 0 0 3px #006a4e1a}.modal-footer{background:inherit;padding:16px 24px}.modal-cancel,.modal-confirm{border:none;border-radius:40px;font-weight:600}.modal-cancel{background:#0000;border:1px solid #b0e6a0;color:#2a6e4b}.modal-cancel:hover{background:#f0ffe8;border-color:#006a4e;color:#006a4e}.modal-confirm:hover{box-shadow:0 4px 12px #006a4e4d}.modal-confirm.delete:hover{background:#dc2626}.feedback-toast .material-symbols-outlined{color:#fff;font-size:20px}@media (max-width:1024px){.product-list-container{padding:12px}.page-header.premium-header{align-items:center!important;border-radius:16px;flex-direction:row!important;gap:12px;justify-content:space-between!important;margin-bottom:16px;padding:14px 16px}.page-header h1.page-title{font-size:18px;font-weight:800;margin:0}.page-header .page-subtitle{display:none}.header-actions{flex-shrink:0;width:auto!important}.btn-transfer-premium{align-items:center!important;border-radius:10px!important;display:flex!important;height:36px!important;justify-content:center!important;padding:0!important;width:36px!important}.btn-transfer-premium .btn-text{display:none}.btn-transfer-premium .material-symbols-outlined{font-size:20px!important;margin:0!important}.product-stats{gap:10px;grid-template-columns:repeat(2,1fr)!important;margin-bottom:12px}.stat-card{border-radius:12px;gap:6px;padding:10px 8px}.stat-icon{border-radius:8px;height:32px;width:32px}.stat-label{font-size:8px}.stat-value{font-size:16px}.filters-section{flex-direction:column;gap:10px;margin-bottom:14px}.search-box{min-width:100%;width:100%}.search-input{padding:0 36px}.filter-select,.search-input{border-radius:18px;font-size:12px;height:36px}.filter-select{background-position:right 8px center;padding:0 12px}.view-toggle{display:none}.product-grid{gap:8px;grid-template-columns:repeat(2,1fr)!important}.product-card{border-radius:12px}.product-card-image{height:110px;padding:8px}.product-card-content{padding:8px}.product-card-title{font-size:11px;margin-bottom:2px}.product-card-sku{font-size:8px;margin-bottom:4px}.product-card-price{font-size:14px;font-weight:800}.product-card-size{border-radius:6px;font-size:9px;padding:2px 5px}.product-card-footer{border-top:1.2px solid #f0f0f0;margin-top:2px;padding-top:6px}.product-card-actions{gap:8px;width:100%}.icon-btn{border-radius:12px!important;flex:1 1!important;height:36px!important;max-width:none!important;min-width:0!important;width:auto!important}.icon-btn .material-symbols-outlined{font-size:16px!important}.table-wrapper{border-radius:12px;padding:10px}.product-table{min-width:600px}.product-table td,.product-table th{font-size:11px;padding:10px 6px}.modal-overlay{align-items:flex-start!important;padding:40px 16px 60px!important}.modal-content{border-radius:20px!important;margin-bottom:40px!important;max-height:70vh!important;max-width:100%!important;width:100%!important}}.checkbox-group{display:flex;flex-wrap:wrap;gap:12px;padding:8px 0}.checkbox-label{align-items:center;background:#f0ffe8;border:1px solid #b0e6a0;border-radius:12px;color:#0a3b2e!important;cursor:pointer;display:flex!important;font-size:14px!important;gap:8px;margin-bottom:0!important;padding:8px 16px;transition:all .2s}.checkbox-label:hover{background:#dcfce7;border-color:#006a4e}.checkbox-label input[type=checkbox]{accent-color:#006a4e;cursor:pointer;height:18px;width:18px}.modal-input.disabled{background:#f1f5f9;border-color:#e2e8f0;color:#64748b;cursor:not-allowed}.dark .modal-input.disabled{background:#111e16;border-color:#1f4a3e;color:#a1b8a9}.product-text-avatar{background:linear-gradient(135deg,#006a4e,#004d39);border-radius:12px;box-shadow:0 4px 10px #006a4e33;color:#fff;font-size:13px;font-weight:800;height:48px;letter-spacing:.5px;text-transform:uppercase;width:48px}.product-card-text-container,.product-text-avatar{align-items:center;display:flex;justify-content:center}.product-card-text-container{background:#f0ffe8;height:160px;overflow:hidden;position:relative}.dark .product-card-text-container{background:#111e16}.product-card-text-badge{color:#006a4e;font-size:32px;font-weight:900;letter-spacing:-1px;opacity:.8;position:relative;z-index:1}.product-card-text-container:after{background:#006a4e;border-radius:50%;content:"";height:150px;opacity:.05;position:absolute;right:-30px;top:-30px;width:150px}.product-card-text-container:before{background:#006a4e;border-radius:50%;bottom:-20px;content:"";height:100px;left:-20px;opacity:.03;position:absolute;width:100px}.modal-content.large{border-radius:28px!important;display:flex;flex-direction:column;margin:auto;max-height:90vh;max-width:1100px!important;overflow:hidden;width:95%!important}.nested-table-wrapper{background:#fff;border-radius:12px;margin:15px 0;overflow-x:auto}.nested-table{border-collapse:collapse;min-width:800px;width:100%}.nested-table th{background:#f1f5f9;border-bottom:1px solid #e2e8f0;color:#64748b;font-size:13px;font-weight:600;padding:12px 16px;text-align:left}.dark .nested-table th{background:#1a2e25;border-bottom-color:#1f4a3e;color:#a1b8a9}.nested-table td{border-bottom:1px solid #e2e8f0;font-size:14px;padding:12px 16px}.dark .nested-table td{border-bottom-color:#1f4a3e;color:#fff}.header-info h3{color:#006a4e;margin:0}.header-info p{color:#64748b;font-size:13px;margin:4px 0 0}.dark .header-info p{color:#a1b8a9}@keyframes toastIn{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}.centered-text{text-align:center!important;width:100%!important}.centered-modal-header{align-items:center!important;flex-direction:column!important;gap:8px!important;padding:24px!important;position:relative}.manage-sizes-subtitle{color:#64748b!important;font-size:14px!important;text-align:center!important}.centered-stat{flex-direction:row!important;gap:12px!important;justify-content:center!important;text-align:center!important}.centered-stat .stat-info{display:flex!important;flex-direction:column!important;gap:4px!important;justify-content:center!important;text-align:left!important}.centered-stat .stat-label{letter-spacing:.5px;margin-bottom:0!important;opacity:.8;text-transform:uppercase;white-space:nowrap!important}.nested-table-wrapper{background:#fff!important;border:1px solid #e2e8f0;border-radius:12px!important;overflow-x:auto!important;padding:0!important}.nested-table{min-width:600px!important}@media screen and (max-width:768px){.product-list-container{padding:20px 16px!important}.product-stats{gap:12px!important;grid-template-columns:1fr!important;margin-bottom:20px!important}.stat-card.centered-stat{border-radius:12px!important;flex-direction:column!important;gap:2px!important;justify-content:center!important;min-height:70px!important;padding:8px 10px!important}.stat-card.centered-stat .stat-icon{display:none!important}.stat-card.centered-stat .stat-info{align-items:center!important;text-align:center!important}.stat-card.centered-stat .stat-label{font-size:9px!important}.stat-card.centered-stat .stat-value{font-size:20px!important}.product-grid{gap:20px!important;grid-template-columns:1fr!important}.page-header.premium-header{flex-direction:column!important;gap:16px!important;padding:20px 24px!important;text-align:center!important}.header-actions{justify-content:center!important;width:100%!important}.mobile-hidden{display:none!important}.desktop-hidden{display:block!important}.product-card.mobile-expanded{border-color:#006a4e!important;box-shadow:0 12px 24px #006a4e26!important;transform:none!important}.mobile-product-details{animation:slideFadeIn .3s ease;border-top:1px solid #f1f5f9;margin-top:20px;padding-top:20px}.details-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.details-header span{color:#64748b;font-size:12px;font-weight:700;text-transform:uppercase}.edit-btn-mini{align-items:center;background:#f0fdf4;border:1px solid #dcfce7;border-radius:8px;color:#006a4e;cursor:pointer;display:flex;font-size:11px;font-weight:750;gap:6px;padding:6px 12px}.mobile-variants-stack{display:flex;flex-direction:column;gap:10px}.mobile-variant-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;justify-content:space-between;padding:12px 16px}.v-name{color:#0f172a;font-size:14px;font-weight:800}.v-prices{display:flex;gap:8px}.v-price-chip{align-items:center;border-radius:6px;display:flex;flex-direction:column;font-size:12px;font-weight:700;min-width:60px;padding:4px 10px}.v-price-chip.cost{background:#f1f5f9;color:#475569}.v-price-chip.sell{background:#006a4e;color:#fff}.v-price-chip small{font-size:8px;opacity:.8;text-transform:uppercase}}.desktop-hidden{display:none}@media screen and (max-width:480px){.modal-overlay{align-items:flex-start!important;padding:0!important}.modal-content.large{border-radius:0!important;bottom:0!important;display:flex!important;flex-direction:column!important;height:100%!important;left:0!important;margin:0!important;max-height:none!important;overflow-y:auto!important;padding:16px 16px calc(16px + env(safe-area-inset-bottom))!important;position:fixed!important;right:0!important;top:0!important;width:100%!important}.nested-table td,.nested-table th{font-size:13px!important;padding:12px 10px!important}.nested-table-wrapper{border-left:none!important;border-radius:12px!important;border-right:none!important;margin:10px -10px!important}.action-btn{height:32px!important;width:32px!important}}.variants-header{border-bottom:2px solid #f1f5f9;margin:24px 0 16px;padding-bottom:12px}.variants-header h4{color:#006a4e;font-size:16px;font-weight:700;margin:0 0 4px}.variants-header p{color:#64748b;font-size:13px;margin:0}.dark .variants-header{border-bottom-color:#1f4a3e}.variants-list{background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;box-shadow:inset 0 2px 4px #00000005;margin-bottom:24px;overflow-x:auto;padding:12px}.dark .variants-list{background:#0d1a14;border-color:#1f4a3e}.variant-table{border-collapse:initial;border-spacing:0 8px;width:100%}.variant-table th{color:#64748b;font-size:12px;font-weight:600;padding:12px;text-align:left;text-transform:uppercase}.variant-table td{background:#fff;border-bottom:1px solid #e2e8f0;border-top:1px solid #e2e8f0;padding:14px 16px;transition:all .25s cubic-bezier(.4,0,.2,1);vertical-align:middle}.variant-table tr td:first-child{border-left:1px solid #e2e8f0;border-radius:16px 0 0 16px}.variant-table tr td:last-child{border-radius:0 16px 16px 0;border-right:1px solid #e2e8f0}.dark .variant-table td{background:#1c2e21;border-color:#2a3a2e}.active-row td{background:#f0fff4!important}.active-row td,.active-row td:first-child,.active-row td:last-child{border-color:#b0e6a0}.dark .active-row td{background:#0f2b1d!important;border-color:#006a4e}.inactive-row td{opacity:.6}.table-input{background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;color:#0f172a;font-size:14px;min-width:120px;padding:10px 14px;text-align:center;transition:all .2s;width:120px}.dark .table-input{background:#0a3028;border-color:#2a3a2e;color:#fff}.table-input:focus{border-color:#006a4e;box-shadow:0 0 0 2px #006a4e1a;outline:none}.add-custom-row td{background:#f1f5f9!important;border-color:#0000!important;padding-bottom:16px;padding-top:16px}.dark .add-custom-row td{background:#1a2e25!important}.add-custom-row .table-input{background:#fff;border-color:#cbd5e1}.dark .add-custom-row .table-input{background:#0a1410;border-color:#1f4a3e}.add-row-btn{background:#006a4e;border:none;border-radius:10px;box-shadow:0 4px 6px #006a4e33;color:#fff;cursor:pointer;font-size:13px;font-weight:700;padding:10px 20px;transition:all .2s;white-space:nowrap}.add-row-btn:hover{background:#004d39;box-shadow:0 6px 12px #006a4e4d;transform:translateY(-1px)}.modal-content.large{box-shadow:0 32px 64px #00372966;display:flex!important;flex-direction:column!important;max-height:85vh!important;max-width:900px!important}.modal-content.large .modal-body{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:20px}.modal-footer{border-radius:0 0 24px 24px;flex-shrink:0;padding:16px 24px 32px;z-index:100}.dark .modal-footer{background:#0a3028;border-top-color:#1f4a3e}.centered-row{margin-bottom:32px!important}.centered-row,.inline-group{display:flex!important;justify-content:center!important}.inline-group{align-items:center!important;gap:20px!important;max-width:600px!important;width:100%!important}.inline-label{color:#006a4e!important;font-size:14px!important;font-weight:700!important;margin-bottom:0!important;min-width:140px;text-align:right;white-space:nowrap!important}.inline-input{flex:1 1!important;max-width:400px!important}.dark .inline-label{color:#b0e6a0!important}.variant-modal-overlay{-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background:#0006!important}.variant-modal-overlay .modal-content{border:1px solid #ffffff1a!important;box-shadow:0 30px 60px #0006!important}.mobile-variants-container{display:flex;flex-direction:column;gap:16px;padding:8px 0}.mobile-variant-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:18px;box-shadow:0 4px 12px #00000008;padding:16px;transition:all .2s ease}.dark .mobile-variant-card{background:#1c2e21;border-color:#2a3a2e}.mobile-variant-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.dark .mobile-variant-header{border-bottom-color:#2a3a2e}.mobile-checkbox-group{align-items:center;color:#006a4e;display:flex;font-size:14px;font-weight:700;gap:10px}.mobile-checkbox-group input[type=checkbox]{accent-color:#006a4e;height:18px;width:18px}.mobile-delete-btn{align-items:center;background:#fee2e2;border:none;border-radius:10px;color:#ef4444;cursor:pointer;display:flex;height:36px;justify-content:center;width:36px}.mobile-card-inputs{display:flex;flex-direction:column;gap:12px}.mobile-input-group{display:flex;flex-direction:column;gap:6px}.mobile-input-group label{color:#64748b;font-size:11px;font-weight:750;letter-spacing:.5px;text-transform:uppercase}.mobile-input-group input{border:1.5px solid #e2e8f0;border-radius:12px;color:#0f172a;font-size:14px;font-weight:600;height:44px;outline:none;padding:0 14px;transition:border-color .2s}.dark .mobile-input-group input{background:#0a3028;border-color:#2a3a2e;color:#fff}.mobile-input-group input:focus{border-color:#006a4e}.mobile-price-row{display:flex;gap:10px;width:100%}.mobile-price-row .mobile-input-group{flex:1 1;min-width:0}.mobile-price-row .mobile-input-group input{width:100%}.mobile-add-row-btn{align-items:center;background:#f1f5f9;border:2px dashed #cbd5e1;border-radius:16px;color:#006a4e;cursor:pointer;display:flex;font-size:14px;font-weight:750;gap:10px;height:52px;justify-content:center;margin-top:8px;width:100%}.dark .mobile-add-row-btn{background:#0d1a14;border-color:#1f4a3e}#root,body,html{margin:0;padding:0}.dashboard-wrapper{display:flex;height:100vh;overflow:hidden}.page-header.premium-header{background:#006a4e;box-shadow:0 15px 35px -5px #00000014;margin-bottom:24px}.header-content{align-items:center;display:flex;justify-content:space-between;width:100%}.page-header .page-title{align-items:center;color:#fff!important;display:flex;font-size:24px;font-weight:800;gap:12px;letter-spacing:-.04em;margin:0}.page-header .page-title:before{background:#10b981;border-radius:4px;box-shadow:0 0 10px #10b98166;content:"";display:block;height:28px;width:4px}.page-header .page-subtitle{color:#ffffffd9!important;font-size:15px;font-weight:500;margin-top:6px}.btn-add-circle-premium{background:#ffffff26;border:1px solid #fff6;box-shadow:0 4px 12px #0000001a;color:#fff;height:52px;transition:all .2s cubic-bezier(.4,0,.2,1);width:52px}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#e2e8f0}::-webkit-scrollbar-thumb:hover{background:#cbd5e1}*{scrollbar-color:#e2e8f0 #0000;scrollbar-width:thin}.right-area{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.right-area>:last-child{flex:1 1;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth}.employees-container{background-color:#fff;box-sizing:border-box;min-height:100%;padding:28px 32px}.dark .employees-container{background-color:#0a3028}.employees-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.page-title{font-size:28px;letter-spacing:-.025em;margin:0 0 6px}.page-subtitle{font-size:14px;margin:0}.add-employee-btn{align-items:center;background:#006a4e;border:none;border-radius:40px;box-shadow:0 4px 12px #006a4e4d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;padding:12px 24px;transition:all .2s ease}.add-employee-btn:hover{background:#004d39;box-shadow:0 6px 16px #006a4e66;transform:translateY(-2px)}.add-employee-btn .material-symbols-outlined{font-size:20px}.employees-subheader{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.breadcrumb{align-items:center;display:flex;font-size:14px;gap:8px}.breadcrumb-link{color:#2a6e4b;cursor:pointer;font-weight:600;text-decoration:none;transition:color .2s}.breadcrumb-link:hover{color:#006a4e;text-decoration:underline}.breadcrumb-separator{color:#e2e8f0}.breadcrumb-current{color:#0a3b2e;font-weight:700}.dark .breadcrumb-current{color:#fff}.view-toggle{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-sizing:border-box;display:flex;gap:4px;height:46px;padding:3px}.dark .view-toggle{background:#1c2e21;border-color:#2a3a2e}.view-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#2a6e4b;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.view-btn:hover{background:#fff;color:#006a4e}.view-btn.active{background:#006a4e;color:#fff}.dark .view-btn.active{background:#004d39;color:#fff}.filters-section{flex-wrap:nowrap;margin-bottom:28px}.search-icon{color:#2a6e4b}.search-input{color:#0a3b2e;height:46px}.search-input:focus{box-shadow:0 0 0 3px #006a4e1a}.clear-search{color:#2a6e4b}.custom-dropdown{min-width:220px}.dropdown-trigger{background:#fff;border:1px solid #e2e8f0;border-radius:40px;box-shadow:0 2px 8px #006a4e0d;color:#0a3b2e;gap:12px;height:46px;justify-content:space-between;padding:0 20px}.dropdown-trigger:hover{background:#fff;border-color:#006a4e;transform:translateY(-1px)}.dark .dropdown-trigger{background:#1c2e21;border-color:#2a3a2e;color:#fff}.dropdown-trigger .material-symbols-outlined{color:#006a4e;transition:transform .3s}.dropdown-menu{animation:slideDownCustom .3s cubic-bezier(.16,1,.3,1);background:#fff;border:1px solid #f1f5f9;box-shadow:0 15px 45px #0000001f;margin-top:12px;padding:8px;right:0;top:100%;transform-origin:top center;z-index:100}@keyframes slideDownCustom{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dark .dropdown-menu{background:#1c2e21;border-color:#2a3a2e;box-shadow:0 10px 40px #0000004d}.dropdown-item{color:#475569;font-weight:600;justify-content:space-between;margin-bottom:2px;padding:12px 18px;transition:all .2s ease}.dropdown-item:hover{background:#f8fafc}.dropdown-item.active{box-shadow:0 8px 16px #006a4e33;color:#fff!important}.dropdown-item.active:hover{background:#005a42}.filter-select{color:#0a3b2e;padding:12px 20px}.filter-actions{display:flex;gap:12px}.export-btn,.more-filters-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:40px;color:#2a6e4b;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s}.export-btn:hover,.more-filters-btn:hover{background:#fff;border-color:#006a4e;color:#006a4e}.dark .export-btn,.dark .more-filters-btn{background:#1c2e21;border-color:#2a3a2e;color:#a1b8a9}.filter-badge-container{margin-bottom:20px}.filter-badge{background:#006a4e;border-radius:30px;color:#fff;font-size:13px;padding:8px 16px}.clear-filters-btn{background:#fff3;border-radius:14px;color:#fff;font-size:12px;padding:4px 12px}.clear-filters-btn:hover{background:#ffffff4d}.employee-stats{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(2,1fr);margin-bottom:36px}.stat-card{align-items:stretch;border:1px solid #fff;border-radius:24px;box-shadow:0 4px 20px #0000000a;justify-content:space-between;padding:28px}.stat-card:hover{box-shadow:0 18px 36px -10px #006a4e2e,0 8px 12px -6px #00000014;transform:translateY(-8px) scale(1.02)}.stat-content{flex:1 1;gap:24px}.stat-icon{border-radius:14px}.stat-icon.total{background:#e0f2fe;color:#0284c7}.stat-icon.department{background:#f3e8ff;color:#9333ea}.stat-icon .material-symbols-outlined{font-size:36px}.stat-info{align-items:flex-start;justify-content:center}.stat-visual{align-items:flex-end;display:flex;padding-left:20px}.mini-chart{height:60px}.mini-chart .bar{background:#0284c7;border-radius:4px;opacity:.3;width:6px}.total-card:hover .mini-chart .bar{opacity:.8;transform:scaleY(1.1)}.stat-label{font-weight:700;letter-spacing:1px;margin:0 0 6px}.stat-number{color:#0f172a;font-size:36px;font-weight:900;line-height:1;margin:0 0 4px}.stat-subtext{color:#94a3b8;font-size:13px;margin:0}.dept-distribution{gap:8px;justify-content:center;min-width:140px}.dept-pill{color:#64748b;font-size:11px;font-weight:600;transition:all .2s}.dept-pill:hover{background:#006a4e;color:#fff}.dept-count{background:#0000000d;border-radius:6px;padding:2px 6px}.dept-pill:hover .dept-count{background:#fff3}.filter-summary-bar{margin-bottom:24px;padding:0 8px}.filter-badge-row{animation:fadeIn .3s ease}.filter-badge{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:40px;color:#475569;display:inline-flex;font-size:14px;font-weight:600;gap:12px;padding:10px 18px}.clear-filters-btn{background:#e2e8f0;border-radius:50%;color:#64748b;height:24px;justify-content:center;transition:all .2s;width:24px}.clear-filters-btn:hover{background:#ef4444;color:#fff}.quick-info{color:#94a3b8;font-size:14px;font-style:italic}.employee-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 4px 12px #006a4e14;margin-bottom:28px;overflow:hidden;width:100%}.dark .employee-table-container{background:#1c2e21;border-color:#2a3a2e}.table-responsive{border-radius:14px}.employee-table{border-collapse:collapse;table-layout:auto;width:100%}.employee-table thead{background:#fff}.dark .employee-table thead{background:#1d3324}.employee-table th{border-bottom:1px solid #e2e8f0;color:#2a6e4b;font-size:12px;font-weight:700;letter-spacing:.05em;padding:18px 20px;text-align:left;text-transform:uppercase;white-space:nowrap}.dark .employee-table th{border-bottom-color:#2a3a2e;color:#a1b8a9}.employee-table td{border-bottom:1px solid #e2e8f0;color:#0a3b2e;font-size:14px;padding:18px 20px;vertical-align:middle}.dark .employee-table td{border-bottom-color:#2a3a2e;color:#fff}.employee-row{transition:background-color .2s}.employee-row:hover{background:#fff}.dark .employee-row:hover{background:#1d3324}.sticky-col-no{left:0;min-width:40px;text-align:left;width:40px}.sticky-col,.sticky-col-no{background:#fff;position:-webkit-sticky;position:sticky;z-index:10}.sticky-col{box-shadow:2px 0 5px #0000000d;left:40px;min-width:140px}.employee-table th.sticky-col,.employee-table th.sticky-col-no{background:#f0fdf4!important}.dark .sticky-col,.dark .sticky-col-no{background:#1c2e21}.dark .employee-table th.sticky-col,.dark .employee-table th.sticky-col-no{background:#1d3324!important}.employee-info{gap:12px;justify-content:flex-start}.employee-info,.name-email-row{align-items:center;display:flex}.name-email-row{gap:10px}.email-separator{color:#cbd5e1;font-size:14px}.employee-avatar{align-items:center;background:#006a4e;border:1px solid #00543e;border-radius:8px;box-shadow:0 4px 10px #006a4e1a;display:flex;flex-shrink:0;height:35px;justify-content:center;overflow:hidden;width:35px}.avatar-image{background-position:50%;background-size:cover;height:100%;width:100%}.avatar-initials{align-items:center;background:#006a4e;border-radius:8px;color:#fff!important;display:flex;font-size:13px;font-weight:700;height:100%;justify-content:center;width:100%}.employee-name{color:#0a3b2e;font-size:15px;font-weight:700;margin:0}.dark .employee-name{color:#fff}.employee-email,.employee-phone{color:#2a6e4b;font-size:12px;margin:0}.dark .employee-email,.dark .employee-phone{color:#a1b8a9}.department-badge{background:#fff;border:1px solid #006a4e33;border-radius:30px;color:#006a4e;display:inline-block;font-size:12px;font-weight:600;padding:6px 16px;white-space:nowrap}.action-buttons{align-items:center;gap:4px}.action-btn{background:#0000;border-radius:8px;color:#2a6e4b}.action-btn.view{color:#3b82f6}.action-btn.view:hover{background:#3b82f61a;transform:scale(1.1)}.action-btn.edit{color:#006a4e}.action-btn.edit:hover{background:#006a4e1a}.action-btn.delete:hover{background:#ef44441a}.employee-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:28px}.employee-card{background:#fff;border:1px solid #fff;border-radius:24px;box-shadow:0 4px 15px #00000008;display:flex;flex-direction:column;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.employee-card-header{background:#f8fafc;border-bottom:1px solid #f1f5f9;min-height:100px;padding:20px;position:relative}.employee-card-profile-section{align-items:center;display:flex;gap:16px;width:100%}.dark .employee-card-header{background:#1d3324;border-bottom-color:#2a3a2e}.employee-card-avatar{background:#fff;border:4px solid #fff;border-radius:14px;box-shadow:0 8px 16px #00000014;flex-shrink:0;height:64px;overflow:hidden;width:64px}.avatar-image-large,.avatar-initials-large{background-position:50%;background-size:cover;height:100%;width:100%}.avatar-initials-large{align-items:center;background:#006a4e;color:#fff!important;display:flex;font-size:24px;font-weight:800;height:100%;justify-content:center;width:100%}.employee-stats{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:24px}.stat-card.basic-card{align-items:center;background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 2px 8px #00000005;display:flex;gap:12px;min-width:auto;padding:8px 16px;transition:all .2s ease;width:-webkit-fit-content;width:fit-content}.stat-card.basic-card:hover{box-shadow:0 8px 20px #0000000f;transform:translateY(-2px)}.stat-card:hover{box-shadow:0 20px 40px #0000000d}.stat-content{align-items:center;display:flex;gap:12px;z-index:2}.stat-icon{background:#f1f5f9;height:44px;width:44px}.stat-icon span{font-size:20px!important}.stat-icon.total span{color:#2563eb}.stat-icon.department span{color:#8b5cf6}.stat-info{gap:0}.stat-info .stat-label{color:#94a3b8;font-size:10px;font-weight:800;letter-spacing:.02em;text-transform:uppercase}.stat-info .stat-number{align-items:baseline;color:#2563eb;display:flex;font-size:22px;font-weight:800;gap:4px}.stat-unit{color:#60a5fa;font-size:12px;font-weight:600}.stat-growth{gap:8px;margin-top:4px}.growth-up,.stat-growth{align-items:center;display:flex}.growth-up{color:#10b981;font-size:12px;font-weight:700;gap:2px}.growth-up span{font-size:14px}.stat-info .stat-subtext{color:#94a3b8;font-size:13px;font-weight:500}.salary-visual,.stat-visual{z-index:1}.mini-chart{align-items:flex-end;display:flex;gap:4px;height:40px}.mini-chart .bar{background:#cbd5e1;border-radius:10px;transition:all .5s ease;width:4px}.stat-card:hover .bar{background:#006a4e}.gender-dist{width:80px}.dist-item{display:flex;flex-direction:column;gap:4px}.dist-label{color:#64748b;font-size:11px;font-weight:700;text-align:right}.dist-bar-bg{background:#f1f5f9;border-radius:10px;height:6px;overflow:hidden}.dist-bar-fill{background:#006a4e;border-radius:10px;height:100%}.dept-distribution{display:flex;flex-direction:column;gap:6px}.dept-pill{align-items:center;background:#f8fafc;border-radius:12px;display:flex;gap:12px;justify-content:space-between;min-width:140px;padding:6px 12px}@media (max-width:768px){.employees-header-standard.premium-header{align-items:center;border-radius:0 0 16px 16px;flex-direction:row;justify-content:space-between;margin-bottom:20px;padding:14px 18px}.employees-header-standard .header-content{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.employees-header-standard .btn-add-circle-premium{background:#fff3;height:44px;width:44px}.employees-header-standard .page-title{font-size:18px!important}}.dept-name{color:#475569;font-size:12px;font-weight:600}.dept-count{background:#fff;border-radius:8px;box-shadow:0 2px 4px #00000005;color:#64748b;font-size:11px;font-weight:800;padding:2px 8px}@media (max-width:1200px){.employee-stats{grid-template-columns:repeat(2,1fr)}}.employee-card-content{display:flex;flex:1 1;flex-direction:column;padding:16px 20px 20px}.employee-card-main{display:flex;flex-direction:column;justify-content:center;text-align:left}.employee-card-name{color:#0f172a;font-size:16px;font-weight:800;margin:0 0 4px}.dark .employee-card-name{color:#fff}.employee-card-role{color:#2a6e4b;font-size:14px;font-weight:600;margin:0 0 4px}.employee-card-dept{color:#64748b;font-size:13px;font-weight:700;letter-spacing:.5px;margin:0 0 20px;text-transform:uppercase}.employee-card-dept-tag{align-items:center;background:#fff;border-radius:14px;color:#475569;display:inline-flex;font-size:12px;font-weight:700;gap:6px;padding:4px 12px}.dept-dot{background:#006a4e;border-radius:50%;height:6px;width:6px}.employee-card-contact{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.dark .employee-card-contact{border-bottom-color:#2a3a2e}.contact-item{align-items:center;color:#64748b;display:flex;font-size:13px;gap:10px;justify-content:center}.dark .contact-item{color:#94a3b8}.contact-item .material-symbols-outlined{color:#94a3b8;font-size:18px}.employee-card-actions{display:flex;justify-content:center;margin-top:auto;width:100%}.card-view-btn{max-width:160px;width:100%}.card-edit-btn,.card-view-btn{border:none;border-radius:12px;cursor:pointer;font-size:13px;font-weight:700;padding:10px;text-align:center;transition:all .2s}.card-view-btn{background:#fff;color:#475569}.card-view-btn:hover{background:#e2e8f0;color:#0f172a}.card-edit-btn{background:#006a4e;color:#fff}.card-edit-btn:hover{background:#005a42;box-shadow:0 4px 12px #006a4e33}.emp-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a3b2e73;bottom:0;display:flex;font-family:Manrope,sans-serif!important;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:70px!important;z-index:1200}.emp-modal-frame{animation:modalSlideUp .3s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;font-family:Manrope,sans-serif!important;max-height:calc(100vh - 160px);max-width:550px;width:95%}.emp-modal-frame,.emp-modal-frame form{display:flex;flex-direction:column;overflow:hidden}.emp-modal-frame form{flex:1 1;margin:0}.emp-modal-frame.modal-lg{max-width:700px}.modal-header{border-radius:20px 20px 0 0}.modal-header h3{align-items:center;display:flex;font-weight:850;gap:12px}.modal-header h3:before{background:#10b981;border-radius:4px;box-shadow:0 0 10px #10b98166;content:"";display:block;height:20px;width:4px}.modal-close{padding:4px}.modal-close:hover{background:#fff}.modal-body{padding:16px 20px 24px}.modal-section-header{align-items:center;background:#f8fafc;border-left:4px solid #006a4e;border-radius:12px;color:#006a4e;display:flex;gap:12px;margin:24px 0 16px;padding:10px 14px}.modal-section-header .material-symbols-outlined{color:#006a4e;font-size:20px}.modal-section-header h4{color:#0f172a;font-size:12px;font-weight:850;letter-spacing:.08em;margin:0;text-transform:uppercase}.modal-form-group{margin-bottom:16px}.modal-form-group label{color:#64748b;letter-spacing:.06em;padding-left:2px}.modal-input,.modal-select{background-color:#fff;border:1.5px solid #e2e8f0;border-radius:10px;box-sizing:border-box;color:#0f172a;height:42px;padding:0 14px;transition:all .2s cubic-bezier(.4,0,.2,1)}.modal-input::placeholder{color:#94a3b8}.modal-input:hover,.modal-select:hover{border-color:#cbd5e1}.modal-input:focus,.modal-select:focus{background:#fff;border-color:#006a4e;box-shadow:0 0 0 4px #006a4e1a;outline:none}.modal-mui-input .MuiOutlinedInput-root{background:#fff!important;border-radius:10px!important;height:42px!important}.modal-mui-input .MuiOutlinedInput-notchedOutline{border:1.5px solid #e2e8f0!important}.modal-mui-input .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#cbd5e1!important}.modal-mui-input .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#006a4e!important;border-width:1.5px!important}.modal-mui-input .MuiInputBase-input{font-size:16px!important;font-weight:500!important}.modal-mui-input .MuiSvgIcon-root{color:#006a4e!important}.modal-row{margin-bottom:4px}@media (max-width:600px){.modal-row{gap:12px;grid-template-columns:1fr 1fr;margin-bottom:8px}.view-toggle{display:none!important}}.file-upload-wrapper{position:relative;width:100%}.modal-file-input{height:.1px;opacity:0;overflow:hidden;position:absolute;width:.1px;z-index:-1}.file-upload-label{align-items:center;background:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:12px;color:#475569;cursor:pointer;display:flex;font-size:13px;font-weight:800;gap:8px;height:48px;justify-content:center;padding:0 16px;transition:all .2s}.file-upload-label:hover{background:#f1f5f9;border-color:#006a4e;color:#006a4e}.file-upload-label .material-symbols-outlined{font-size:20px}.modal-footer{background:#fff;border-radius:0 0 20px 20px}.modal-confirm{border-radius:40px;box-shadow:0 4px 12px #006a4e4d;font-size:14px;height:48px;transition:all .2s cubic-bezier(.4,0,.2,1)}.modal-confirm:hover{background:#004d39;box-shadow:0 8px 20px #006a4e66;transform:translateY(-2px)}.modal-cancel{border:1.5px solid #e2e8f0;border-radius:40px;color:#64748b;font-size:14px;height:48px;padding:0 28px}.modal-cancel:hover{color:#0f172a;transform:translateY(-1px)}.modal-confirm.delete{box-shadow:0 4px 12px #ef444433}.modal-delete{align-items:center;background:#fff5f5;border:1.5px solid #feb2b2;border-radius:12px;color:#c53030;cursor:pointer;display:flex;font-size:13px;font-weight:700;gap:8px;justify-content:center;margin:12px 0;padding:10px 20px;transition:all .2s ease;width:100%}.modal-delete:hover{background:#fff0f0;border-color:#fc8181;box-shadow:0 4px 12px #0000000d;color:#9b2c2c;transform:translateY(-1px)}.modal-delete .material-symbols-outlined{font-size:18px}.modal-mui-input{width:100%!important}.modal-mui-input .MuiInputBase-root{background-color:#fff!important;border:none!important;border-radius:12px!important;font-family:inherit!important;height:46px!important}.modal-mui-input .MuiOutlinedInput-notchedOutline{border-color:#cbd5e1!important;border-radius:12px!important;transition:all .2s!important}.modal-mui-input:hover .MuiOutlinedInput-notchedOutline{border-color:#006a4e!important}.modal-mui-input .Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#006a4e!important;border-width:1px!important;box-shadow:0 0 0 3px #006a4e1a!important}.modal-mui-input .MuiInputBase-input{box-sizing:border-box!important;color:#0f172a!important;font-size:14px!important;height:100%!important;padding:12px 16px!important}.modal-mui-input .MuiInputAdornment-root{margin-left:0!important}.dark .modal-mui-input .MuiInputBase-root{background-color:#1c2e21!important;color:#fff!important}.dark .modal-mui-input .MuiInputBase-input{color:#fff!important}.dark .modal-mui-input .MuiOutlinedInput-notchedOutline{border-color:#2a3a2e!important}.employee-profile-header{background:#fff;border-bottom:1px solid #fff;margin-bottom:32px;padding:50px 32px 32px;padding:16px 20px 8px;position:relative}.employee-profile-header,.profile-main-info{align-items:center;display:flex;flex-direction:column;gap:4px}.profile-main-info{text-align:center}.employee-profile-avatar{background:#f8fafc;border:2px solid #fff;border-radius:50%;box-shadow:0 4px 10px #0000000f;height:50px;overflow:hidden;width:50px}.profile-avatar-image{background-position:50%;background-size:cover;height:100%;width:100%}.profile-avatar-initials{align-items:center;background:#006a4e;color:#fff;display:flex;font-size:18px;font-weight:800;height:100%;justify-content:center;width:100%}.employee-profile-text h2{color:#0f172a;font-size:16px;font-weight:800;margin:0}.profile-dept-badge{background:#e0f2fe;border-radius:20px;color:#0369a1;font-size:9px;font-weight:700;letter-spacing:.5px;padding:3px 10px;text-transform:uppercase}.profile-details-section{padding:0 20px 12px}.employee-details-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.detail-item{background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;justify-content:center;padding:8px 10px;text-align:center}.detail-item:hover{background:#fff;border-color:#006a4e;box-shadow:0 4px 12px #0000000d;transform:translateY(-2px)}.detail-label{color:#64748b;display:block;font-size:9px;font-weight:800;letter-spacing:.1em;margin-bottom:2px}.detail-value{color:#0f172a;font-size:11px;font-weight:600;letter-spacing:-.1px}.pagination{background:#fcfdfd;border-radius:0 0 24px 24px;border-top:1px solid #fff;flex-wrap:wrap;gap:12px;justify-content:flex-end;margin-top:20px;padding:20px 24px}.pagination-info{color:#64748b;font-size:13px;margin:0}.pagination-info strong{color:#006a4e;font-weight:700}.pagination-btn{align-items:center;border-radius:4px;box-shadow:0 2px 4px #00000005;color:#475569;display:flex;font-size:14px;height:38px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:38px}.pagination-btn:hover:not(:disabled){background:#f8fafc;border-color:#006a4e;box-shadow:0 4px 12px #006a4e1f;color:#006a4e;transform:translateY(-2px)}.pagination-btn.active{box-shadow:0 8px 16px #006a4e40}.pagination-dots{align-items:center;color:#64748b;display:flex;font-size:14px;padding:0 4px}.mobile-employee-cards{display:none}.mobile-emp-card{align-items:center;background:#fff;border-bottom:1px solid #e0f0e5;cursor:pointer;display:flex;gap:10px;padding:12px 14px;transition:background .15s ease}.mobile-emp-card:first-child{border-radius:0}.mobile-emp-card:last-child{border-bottom:none;border-radius:0 0 16px 16px}.mobile-emp-card:active,.mobile-emp-card:hover{background:#f8fdfa}.mobile-emp-sno{color:#b0c4bb;font-size:10px;font-weight:800;min-width:24px;text-align:center}.mobile-emp-avatar{background:#e0f2e9;border-radius:50%;flex-shrink:0;height:38px;overflow:hidden;width:38px}.mobile-emp-initials{align-items:center;background:#006a4e!important;border-radius:50%;color:#fff!important;display:flex;font-size:13px;font-weight:800;height:100%;justify-content:center;width:100%}.mobile-emp-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.mobile-emp-name{color:#0f172a;font-size:14px;font-weight:800;margin:0}.mobile-emp-dept,.mobile-emp-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-emp-dept{background:#e0f2e9;border-radius:14px;color:#006a4e;display:inline-block;font-size:10px;font-weight:700;max-width:100%;padding:2px 8px}.mobile-emp-phone{color:#64748b;display:none;flex-shrink:0;font-size:11px;white-space:nowrap}.mobile-emp-delete{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#ef4444;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.mobile-emp-delete:active{background:#ef4444;color:#fff}.mobile-emp-delete .material-symbols-outlined{font-size:16px}.mobile-emp-empty{color:#94a3b8;padding:40px 20px;text-align:center}.mobile-emp-empty .material-symbols-outlined{display:block;font-size:48px;margin-bottom:10px;opacity:.4}.mobile-emp-empty p{font-size:14px;margin:0 0 16px}@media (max-width:1024px){.employees-subheader{display:none!important}.employees-container{gap:16px;padding:12px}.premium-header{background:#006a4e;border-radius:16px;box-shadow:0 10px 30px #006a4e26;margin-bottom:0;padding:12px 14px!important}.employees-container.modal-open .premium-header{display:none!important}.header-content{align-items:center!important;flex-direction:row!important;gap:12px!important;justify-content:space-between!important}.premium-header .page-title{color:#fff;font-size:16px!important;margin:0;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap!important}.premium-header .page-subtitle{display:none}.header-actions{margin-top:0!important;width:auto!important}.add-employee-btn{align-items:center!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26!important;border:1px solid #ffffff4d!important;border-radius:10px!important;color:#fff!important;display:flex!important;font-size:11px!important;font-weight:800!important;gap:4px!important;height:38px!important;padding:0 12px!important;white-space:nowrap!important;width:auto!important}.employee-stats{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-bottom:16px;margin-top:12px}.stat-card{align-items:center;border-radius:12px!important;box-shadow:0 2px 8px #0000000d!important;display:flex;flex-direction:column;gap:2px;justify-content:center!important;min-height:70px!important;padding:10px 8px;text-align:center}.dept-distribution,.salary-visual,.stat-icon,.stat-visual{display:none!important}.stat-content{align-items:center;flex-direction:column;gap:4px}.stat-info{align-items:center!important}.stat-number{color:#0f172a;font-size:26px!important;font-weight:900!important;margin:2px 0}.stat-label{color:#64748b;font-size:10px!important;letter-spacing:.06em}.stat-subtext{color:#94a3b8;font-size:10px!important}.filters-section{align-items:center;background:#fff;border:1px solid #e0f0e5;border-radius:14px;display:flex;flex-direction:row;gap:8px;margin-bottom:12px;margin-top:8px;padding:8px}.search-box{flex:2 1;min-width:0}.search-input{border-radius:10px!important;font-size:12px!important;height:40px!important;padding:0 36px!important}.search-icon{font-size:16px!important;left:10px!important}.filter-group{flex:1.2 1;min-width:0}.custom-dropdown{min-width:0;width:100%}.dropdown-trigger{border-radius:10px!important;font-size:11px;gap:4px;height:40px;padding:0 10px}.dropdown-menu{border-radius:12px;font-size:12px}.filter-summary-bar{margin-bottom:10px}.filter-badge{font-size:12px;padding:6px 12px}.desktop-table-view{display:none!important}.mobile-employee-cards{display:flex!important;flex-direction:column;padding:4px 0 8px}.mobile-emp-phone{display:block}.employee-table-container{border:1px solid #e0f0e5!important;border-radius:16px;margin-top:4px;overflow-x:hidden}.employee-table{min-width:100%!important;table-layout:fixed}.sticky-col-no{font-size:10px!important;padding:10px 4px!important;text-align:center;width:28px!important}.sticky-col,.sticky-col-no{display:table-cell!important;left:auto!important;position:static!important}.sticky-col{padding:10px 6px!important;width:auto!important}.col-dept{width:90px!important}.col-actions,.col-dept{display:table-cell!important;padding:10px 4px!important}.col-actions{text-align:center;width:44px!important}.col-contact,.col-date{display:none!important}.employee-table th{font-size:10px!important;letter-spacing:0;padding:10px 4px!important}.employee-table td{font-size:11px!important;padding:10px 4px!important}.employee-info{align-items:center;display:flex;gap:8px}.employee-avatar{flex-shrink:0;min-width:32px}.avatar-initials,.employee-avatar{border-radius:10px!important;height:32px!important;width:32px!important}.avatar-initials{align-items:center;background:#e0f2e9;color:#006a4e;display:flex;font-size:11px!important;font-weight:800;justify-content:center}.employee-details-text{display:flex!important;flex-direction:column;gap:1px;overflow:hidden}.employee-name{color:#0f172a;display:block;font-size:12px!important;font-weight:700!important;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.employee-email{display:none!important}.department-badge{border-radius:6px!important;display:inline-block;font-size:9px!important;max-width:85px;overflow:hidden;padding:3px 7px!important;text-overflow:ellipsis;white-space:nowrap}.action-btn,.action-buttons{display:flex;justify-content:center}.action-btn{align-items:center;border-radius:8px!important;height:30px!important;padding:0!important;width:30px!important}.action-btn .material-symbols-outlined{font-size:16px!important}.emp-modal-overlay{background:#fff!important;bottom:0!important;display:block!important;height:calc(100% - 70px)!important;left:0!important;overflow:hidden!important;padding:0!important;right:0!important;top:70px!important;width:100%!important;z-index:9999!important}.emp-modal-frame{animation:none!important;border-radius:0!important;box-shadow:none!important;height:100%!important;margin:0!important;max-height:100%!important;max-width:none!important;width:100%!important}.modal-header{background:#fff!important;border-bottom:1px solid #f1f5f9!important;padding:14px 20px!important;position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:100!important}.modal-header h3{font-size:18px!important;font-weight:900!important}.modal-header h3:before{height:24px!important;width:5px!important}.modal-body{flex:1 1!important;height:auto!important;overflow-y:auto!important;padding:16px!important}.modal-row{gap:8px!important;grid-template-columns:1fr!important;margin-bottom:0!important}.modal-form-group.full-width{grid-column:span 2!important}.modal-form-group{margin-bottom:8px!important}.modal-section-header{margin:16px 0 10px!important;padding:8px 12px!important}.modal-form-group label{color:#006a4e!important;font-size:11px!important;font-weight:850!important;margin-bottom:4px!important;text-transform:uppercase!important}.modal-input,.modal-mui-input .MuiOutlinedInput-root,.modal-select{font-size:14px!important;height:46px!important}.modal-footer{background:#fff!important;border-top:1px solid #f1f5f9!important;display:flex!important;flex-direction:row!important;gap:12px!important;margin-top:0!important;padding:16px!important;position:relative!important}.modal-cancel,.modal-confirm{border-radius:12px!important;flex:1 1!important;font-size:15px!important;font-weight:800!important;height:50px!important}.emp-modal-frame.modal-lg .modal-body{padding:0!important}.employee-profile-header{border-radius:28px 28px 0 0!important;margin-bottom:0!important;padding:24px 20px!important}.profile-main-info{flex-direction:column!important;gap:12px!important;text-align:center!important}.employee-profile-avatar{border:4px solid #fff!important;box-shadow:0 4px 12px #0000001a!important;height:90px!important;margin:-30px auto 0!important;position:relative;width:90px!important;z-index:5}.profile-details-section{padding:20px!important}.employee-details-grid{gap:12px!important;grid-template-columns:repeat(2,1fr)!important;padding-bottom:20px}.detail-item{align-items:center;background:#f8fafc!important;border:1px solid #fff!important;border-radius:12px!important;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:16px 14px!important;text-align:center}.detail-label{color:#94a3b8!important;font-size:10px!important;font-weight:700!important;letter-spacing:.1em;margin-bottom:2px;text-transform:uppercase}.detail-value{color:#0f172a!important;font-size:14px!important;font-weight:800!important;width:100%;word-break:break-word}body.hide-topbar-mobile .topbar-fixed{display:none!important}}.refresh-db-btn{background:#ffffff1f;border:1px solid #ffffff40;border-radius:40px;font-size:14px;font-weight:700;padding:10px 20px}.refresh-db-btn:hover:not(:disabled){background:#fff3;transform:scale(1.02)}.refresh-db-btn:disabled{cursor:not-allowed;opacity:.6}.spin{display:inline-block}.glass-loading-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff6;z-index:100000}.premium-spinner{height:50px;width:50px}.view-modal-footer{background:#fff;border-radius:0 0 20px 20px;border-top:1px solid #f1f5f9;display:flex;flex-wrap:wrap;gap:10px;padding:16px 20px}.view-modal-btn,.view-modal-footer{align-items:center;justify-content:center}.view-modal-btn{border:none;border-radius:12px;cursor:pointer;display:inline-flex;flex:1 1;font-size:13px;font-weight:800;gap:6px;height:42px;letter-spacing:.02em;max-width:150px;min-width:110px;padding:0 18px;transition:all .2s cubic-bezier(.4,0,.2,1)}.view-modal-btn .material-symbols-outlined{font-size:18px}.view-modal-btn.btn-delete{background:#fff5f5;border:1.5px solid #feb2b2;color:#c53030}.view-modal-btn.btn-delete:hover{background:#fed7d7;border-color:#fc8181;box-shadow:0 4px 12px #ef444426;color:#9b2c2c;transform:translateY(-2px)}.view-modal-btn.btn-edit{background:#006a4e;border:1.5px solid #006a4e;box-shadow:0 4px 10px #006a4e40;color:#fff}.view-modal-btn.btn-edit:hover{background:#004d39;border-color:#004d39;box-shadow:0 6px 16px #006a4e59;transform:translateY(-2px)}.view-modal-btn.btn-close{background:#f8fafc;border:1.5px solid #e2e8f0;color:#475569}.view-modal-btn.btn-close:hover{background:#e2e8f0;box-shadow:0 4px 10px #0000000f;color:#0f172a;transform:translateY(-2px)}.view-modal-btn.btn-deactivate{background:#fff7ed;border:1.5px solid #fed7aa;color:#c2410c}.view-modal-btn.btn-deactivate:hover{background:#ffedd5;border-color:#fb923c;box-shadow:0 4px 12px #f9731626;color:#9a3412;transform:translateY(-2px)}.view-modal-btn.btn-activate{background:#ecfdf5;border:1.5px solid #6ee7b7;color:#065f46}.view-modal-btn.btn-activate:hover{background:#d1fae5;border-color:#34d399;box-shadow:0 4px 12px #10b98126;color:#064e3b;transform:translateY(-2px)}@media (max-width:480px){.view-modal-footer{gap:8px;padding:12px 14px}.view-modal-btn{font-size:12px;height:38px;min-width:80px;padding:0 12px}}.modal-input:disabled{background-color:#f8fafc!important;border:1.5px dashed #cbd5e1!important;box-shadow:none!important;color:#64748b!important;cursor:not-allowed!important;font-weight:700;opacity:.8}:root{--att-primary:#006a4e;--att-primary-dark:#004d39;--att-primary-light:#f0fdf4;--att-green:#22c55e;--att-red:#ef4444;--att-amber:#f59e0b;--att-blue:#3b82f6;--att-purple:#8b5cf6;--att-orange:#ea580c;--att-text:#0f172a;--att-text-muted:#64748b;--att-border:#e2e8f0;--att-bg:#f8fafc;--att-white:#fff;--att-radius:16px;--att-shadow:0 4px 24px #0000000d;--att-shadow-lg:0 12px 40px #0000001a;--att-transition:all 0.2s cubic-bezier(0.4,0,0.2,1)}.att-container{background-color:#f8faf9;font-family:inherit;margin:0 auto;max-width:1600px;min-height:100vh;padding:20px 32px}.premium-header-green.att-header{border:1px solid #ffffff1a}.header-left-group{display:flex;flex-direction:column}.page-title-white{font-weight:850;gap:16px;padding-left:14px;position:relative}.page-title-white:before{background:#22c55e;border-radius:10px;box-shadow:0 0 10px #22c55e66;height:24px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:5px}.header-right-group{align-items:center;display:flex;gap:12px}.btn-add-premium-pill{background:#fff;border:none;border-radius:50px;box-shadow:0 4px 12px #0000001a;color:#006a4e;display:flex;padding:8px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.att-btn,.btn-add-premium-pill{align-items:center;cursor:pointer;font-size:14px;font-weight:700;gap:8px}.att-btn{border:none;border-radius:40px;display:inline-flex;padding:10px 20px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--att-transition);white-space:nowrap}.att-btn-outline{background:#fff;border:1.5px solid #ea580c;border:1.5px solid var(--att-orange);color:#ea580c;color:var(--att-orange)}.att-btn-ghost{background:#fff;border:1.5px solid #e2e8f0;border:1.5px solid var(--att-border);color:#64748b;color:var(--att-text-muted)}.att-btn-success-outline{background:#f0fdf4;background:var(--att-primary-light);border:1.5px solid #bbf7d0;color:#006a4e;color:var(--att-primary)}.att-date-nav{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--att-border);border-radius:16px;border-radius:var(--att-radius);box-shadow:0 4px 24px #0000000d;box-shadow:var(--att-shadow);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px;padding:10px 18px}.att-date-controls{align-items:center;display:flex;gap:12px}.att-date-actions{align-items:center;display:flex;gap:10px;margin-left:auto}.att-date-btn{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border:1.5px solid var(--att-border);border-radius:50%;color:#64748b;color:var(--att-text-muted);cursor:pointer;display:flex;height:36px;justify-content:center;width:36px}.att-date-display{align-items:center;background:#f8fafc;background:var(--att-bg);border:1px solid #e2e8f0;border:1px solid var(--att-border);border-radius:10px;color:#0f172a;color:var(--att-text);display:flex;font-size:15px;font-weight:700;gap:8px;padding:8px 18px}.att-today-badge{background:#006a4e;background:var(--att-primary);border-radius:20px;color:#fff;font-size:11px;font-weight:700;padding:2px 10px}.att-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.att-stat-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--att-border);border-radius:16px;border-radius:var(--att-radius);box-shadow:0 4px 24px #0000000d;box-shadow:var(--att-shadow);gap:16px;padding:20px 24px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--att-transition)}.att-stat-card,.att-stat-icon{align-items:center;display:flex}.att-stat-icon{border-radius:14px;flex-shrink:0;height:52px;justify-content:center;width:52px}.att-stat-icon.blue{background:#eff6ff;color:#3b82f6;color:var(--att-blue)}.att-stat-icon.green{background:#f0fdf4;background:var(--att-primary-light);color:#006a4e;color:var(--att-primary)}.att-stat-icon.red{background:#fef2f2;color:#ef4444;color:var(--att-red)}.att-stat-icon.amber{background:#fffbeb;color:#f59e0b;color:var(--att-amber)}.att-stat-label{color:#64748b;color:var(--att-text-muted);font-size:12px;font-weight:700;margin:0 0 4px;text-transform:uppercase}.att-stat-number{color:#0f172a;color:var(--att-text);font-size:30px;font-weight:900;line-height:1;margin:0}.att-filter-row{flex-wrap:wrap;margin-bottom:20px}.att-filter-row,.att-filters-scroll{align-items:center;display:flex;gap:12px}.att-filters-scroll{flex:1 1}.att-search-box{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border:1.5px solid var(--att-border);border-radius:40px;display:flex;min-width:260px;padding:0 16px;position:relative}.att-search-box input{background:#0000;border:none;flex:1 1;font-weight:500;padding:11px 10px}.att-search-box input,.att-select{color:#0f172a;color:var(--att-text);font-size:14px;outline:none}.att-select{background:#fff;border:1.5px solid #e2e8f0;border:1.5px solid var(--att-border);border-radius:40px;cursor:pointer;font-weight:600;height:44px;min-width:170px;padding:0 16px}.att-table-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--att-border);border-radius:20px;box-shadow:0 4px 24px #0000000d;box-shadow:var(--att-shadow);overflow:hidden}.att-table-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--att-border);display:flex;justify-content:space-between;padding:20px 28px}.att-table-header h3{color:#0f172a;color:var(--att-text);font-size:18px;font-weight:800;margin:0}.att-table-wrap{overflow-x:auto}.att-table{border-collapse:collapse;width:100%}.att-table thead tr{background:#f8fafc}.att-table th{color:#64748b;color:var(--att-text-muted);font-size:11px;font-weight:800;padding:14px 20px;text-align:left;text-transform:uppercase}.att-table-row td{border-bottom:1px solid #f1f5f9;padding:16px 20px;vertical-align:middle}.att-emp-cell{gap:12px}.att-avatar,.att-emp-cell{align-items:center;display:flex}.att-avatar{border-radius:14px;flex-shrink:0;font-size:14px;font-weight:800;height:42px;justify-content:center;width:42px}.att-avatar-present{background:linear-gradient(135deg,#bbf7d0,#dcfce7);color:#166534}.att-avatar-absent{background:linear-gradient(135deg,#fecaca,#fee2e2);color:#991b1b}.att-avatar-half{background:linear-gradient(135deg,#fde68a,#fef3c7);color:#92400e}.att-avatar-stoppage{background:linear-gradient(135deg,#fed7aa,#ffedd5);color:#ea580c}.att-avatar-none{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1px dashed #cbd5e1;color:#64748b}.att-emp-info{display:flex;flex-direction:column;gap:2px}.att-emp-name{color:#0f172a;font-size:16px;font-weight:800}.att-emp-dept{color:#64748b;color:var(--att-text-muted);font-size:11.5px}.att-toggle-group{background:#f4f6f8;border-radius:16px;box-shadow:inset 0 2px 4px #00000005;display:inline-flex;gap:4px;padding:4px}.att-toggle-btn{align-items:center;background:#0000;border:none;border-radius:12px;color:#94a3b8;cursor:pointer;display:flex;font-size:14px;font-weight:800;height:38px;justify-content:center;padding:0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:38px}.att-toggle-btn:disabled{cursor:not-allowed;opacity:.5}.att-p:hover:not(:disabled):not(.active){background:#dcfce7;color:#22c55e}.att-h:hover:not(:disabled):not(.active){background:#ffedd5;color:#f59e0b}.att-a:hover:not(:disabled):not(.active){background:#fee2e2;color:#ef4444}.att-p.active{background:#22c55e;box-shadow:0 6px 14px -2px #22c55e80;color:#fff}.att-h.active{background:#f59e0b;box-shadow:0 6px 14px -2px #f59e0b80;color:#fff}.att-a.active{background:#ef4444;box-shadow:0 6px 14px -2px #ef444480;color:#fff}.att-pagination{background:#fcfdfd;border-top:1px solid #f1f5f9;justify-content:space-between;padding:20px 24px}.att-page-btn,.att-pagination{align-items:center;display:flex}.att-page-btn{background:#fff;border:1.5px solid #e2e8f0;border:1.5px solid var(--att-border);border-radius:9px;cursor:pointer;font-weight:700;height:38px;justify-content:center;min-width:38px}.att-page-btn.active{background:#006a4e;background:var(--att-primary);border-color:#006a4e;border-color:var(--att-primary);color:#fff}.att-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000073;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:5000}.att-modal{background:#fff;border-radius:20px;max-width:460px;overflow:hidden;width:100%}.att-modal-header{border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:20px 24px}.att-modal-body{padding:24px}.att-modal-footer{background:#f8fafc;border-top:1px solid #f1f5f9;display:flex;gap:10px;justify-content:flex-end;padding:16px 24px}@media (max-width:768px){.att-container{background-color:#fcfdfe;padding:12px 10px}.premium-header-green.att-header{align-items:center;border-radius:16px;display:flex;height:74px;margin-bottom:16px;padding:18px 24px}.page-title-white{font-size:22px!important;font-weight:850!important;gap:12px!important;padding-left:14px!important}.page-title-white:before{height:28px;left:0;width:5px}.att-mobile-header-stack{background:#fff;border:1.5px solid #f1f5f9;border-radius:16px;box-shadow:0 4px 15px #00000008;display:flex;flex-direction:column!important;gap:12px;margin-bottom:16px;padding:16px}.att-mobile-header-stack .att-date-controls{align-items:center;display:flex;gap:10px;width:100%}.att-mobile-header-stack .att-date-btn{background:#f8fafc;border:none;border-radius:12px;height:40px;width:40px}.att-mobile-header-stack .att-date-display{background:#f1f5f9;border-radius:12px;flex:1 1;font-size:14px!important;font-weight:800;height:40px;justify-content:center}.att-mobile-header-stack .att-date-actions{margin:0!important;width:100%!important}.att-mobile-header-stack .att-stoppage-btn{background:#fff7ed!important;border:1.5px solid #ffedd5!important;border-radius:12px!important;color:#ea580c!important;font-size:13px!important;font-weight:800!important;height:44px!important;justify-content:center!important;width:100%!important}.att-stats-grid{gap:10px;grid-template-columns:1fr 1fr;margin-bottom:16px}.att-stat-card{border:1.5px solid #f1f5f9;border-radius:16px;gap:10px;padding:14px}.att-stat-icon{border-radius:10px;height:36px;width:36px}.att-stat-icon .material-symbols-outlined{font-size:18px}.att-stat-number{font-size:20px;font-weight:900}.att-stat-label{font-size:9px;margin-bottom:2px}.att-filter-row{display:flex!important;flex-direction:column!important;gap:12px;margin-bottom:16px}.att-filters-scroll{grid-gap:10px;display:grid!important;gap:10px;grid-template-columns:1fr 1fr;overflow:visible!important;width:100%}.att-search-box{grid-column:1/-1}.att-search-box,.att-select-dept{border-radius:12px;flex:none!important;height:44px;min-width:0!important}.att-select-dept{font-size:13px}.att-select-status{border-radius:12px;font-size:13px;height:44px}.att-action-group{grid-gap:10px;display:grid!important;gap:10px;grid-template-columns:1fr 1fr;width:100%}.att-mark-all-btn,.att-save-mobile-inline{border-radius:14px!important;display:flex!important;font-size:14px!important;font-weight:800!important;height:48px!important;justify-content:center!important;margin:0!important}.att-save-mobile-inline{background:#006a4e!important;border:none!important;color:#fff!important}.att-mobile-list{gap:8px}.att-mobile-row-premium{align-items:center;background:#fff;border:1.5px solid #f1f5f9;border-radius:16px;box-shadow:0 2px 8px #00000005;display:flex;gap:12px;justify-content:space-between;padding:12px}.att-mobile-row-left{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.att-mobile-avatar-small{border-radius:11px;font-size:13px;height:38px;width:38px}.att-mobile-name-bold{color:#0f172a;font-size:14.5px;font-weight:800}.att-mobile-dept-sub{color:#64748b;font-size:10.5px;font-weight:600}.att-mobile-row-right{flex-shrink:0}.att-mobile-toggle-compact{background:#f1f5f9!important;border-radius:10px!important;padding:3px!important}.att-mobile-toggle-compact .att-toggle-btn{border-radius:7px;font-size:12px;height:32px;width:32px}.att-empty-state{background:#fff;border-radius:18px;color:#94a3b8;padding:50px 20px;text-align:center}.att-empty-state .material-symbols-outlined{font-size:40px;margin-bottom:8px;opacity:.5}.att-pagination{background:#fff;border:1.5px solid #f1f5f9;border-radius:18px;flex-direction:column;gap:12px;margin-top:16px;padding:16px}}.att-field-label{color:#1e293b;display:block;font-size:13px;font-weight:750;letter-spacing:.5px;margin-bottom:8px;margin-top:16px;text-transform:uppercase}.att-field-label:first-of-type{margin-top:0}.att-optional{color:#94a3b8;font-size:11px;font-weight:500;margin-left:4px;text-transform:none}.att-presets{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.att-preset-btn{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;color:#475569;cursor:pointer;font-size:12px;font-weight:700;padding:8px 14px;transition:all .2s ease}.att-preset-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.att-preset-btn.selected{background:#fffbeb;border-color:#f59e0b;box-shadow:0 2px 6px #f59e0b1a;color:#92400e}.att-time-row{align-items:flex-end;display:flex;gap:12px;margin-bottom:16px}.att-time-group{flex:1 1}.att-time-input{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;color:#1e293b;font-size:14px;font-weight:600;height:44px;outline:none;padding:0 12px;transition:border-color .2s ease;width:100%}.att-time-input:focus{border-color:#006a4e}.att-time-sep{color:#94a3b8;font-size:14px;font-weight:700;padding-bottom:12px}.att-textarea{border:1.5px solid #e2e8f0;border-radius:14px;color:#1e293b;font-size:14px;font-weight:500;outline:none;padding:12px 16px;resize:none;transition:border-color .2s ease;width:100%}.att-textarea:focus{border-color:#006a4e}.att-modal-header-orange{background:#fff7ed;border-bottom:1px solid #ffedd5;color:#ea580c}.att-modal-header-red{background:#fef2f2;border-bottom:1px solid #fee2e2;color:#ef4444}.att-modal-header-amber{background:#fffbeb;border-bottom:1px solid #fef3c7;color:#d97706}.att-modal-emp-row{align-items:center;background:#f8fafc;border-radius:14px;display:flex;gap:12px;margin-bottom:16px;padding:12px}.att-modal-sub{color:#64748b;font-size:12px;font-weight:500;margin:2px 0 0}.att-stoppage-warn{align-items:flex-start;background:#fff7ed;border:1px solid #ffedd5;border-radius:12px;color:#9a3412;display:flex;font-size:13px;gap:10px;line-height:1.4;margin-top:16px;padding:14px}.att-stoppage-warn .material-symbols-outlined{color:#ea580c;font-size:18px}.large-calendar-popper .react-datepicker{border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 30px #0000001a;font-size:1.25rem!important;padding:8px}.large-calendar-popper .react-datepicker__month{margin:1rem}.large-calendar-popper .react-datepicker__day,.large-calendar-popper .react-datepicker__day-name{border-radius:8px;font-weight:600;line-height:2.5rem!important;width:2.5rem!important}.large-calendar-popper .react-datepicker__current-month{color:#006a4e;font-size:1.3rem!important;font-weight:800;margin-bottom:8px}.large-calendar-popper .react-datepicker__header{background-color:#fff;border-bottom:1px solid #e2e8f0;border-top-left-radius:12px;border-top-right-radius:12px;padding-top:12px}.large-calendar-popper .react-datepicker__day--selected{background-color:#006a4e!important;color:#fff!important}.large-calendar-popper .react-datepicker__day:hover{background-color:#dcfce7!important}.att-toast{align-items:center;animation:toastSlideIn .5s cubic-bezier(.16,1,.3,1);background:#fff;border-radius:20px;box-shadow:0 15px 45px -5px #00000026,0 0 0 1px #0000000d;color:#1e293b;display:flex;font-size:14.5px;font-weight:700;gap:16px;min-width:320px;padding:16px 20px 16px 16px;position:fixed;right:30px;top:30px;z-index:9999}.att-toast-msg{flex:1 1}.att-toast-icon-bg{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.att-toast-icon-bg .material-symbols-outlined{font-size:24px}.att-toast-success .att-toast-icon-bg{background:#dcfce7;color:#166534}.att-toast-error .att-toast-icon-bg{background:#fee2e2;color:#991b1b}.att-toast-warning .att-toast-icon-bg{background:#ffedd5;color:#9a3412}.att-toast-info .att-toast-icon-bg{background:#e0f2fe;color:#075985}.att-toast-close{align-items:center;background:none;border:none;border-radius:50%;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;padding:4px}.att-toast-close:hover{background:#f1f5f9;color:#475569}.deactivated-attendance-row{background-color:#f8fafc!important;cursor:not-allowed;filter:grayscale(90%);opacity:.45;pointer-events:none}.deactivated-attendance-row td{border-bottom-color:#e2e8f0!important}.attendance-report-page{background-color:#f0f4f2;font-family:Inter,-apple-system,sans-serif;min-height:100vh;padding:40px 60px}.dark .attendance-report-page{background-color:#0a3028}.premium-header{position:relative;z-index:110}.report-header-actions{align-items:center;display:flex;gap:16px}.back-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:40px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:10px;padding:10px 24px;transition:all .3s ease}.back-btn:hover{background:#ffffff40;box-shadow:0 10px 20px -5px #0003;transform:translateY(-5px)}.export-group{align-items:center;display:flex;gap:12px}.export-group .dropdown-trigger{background:#ffffff14;border:1px solid #ffffff26;border-radius:10px;gap:10px;margin-right:8px;padding:10px 20px;transition:all .2s ease}.export-group .dropdown-trigger,.export-group .range-trigger{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700}.export-group .range-trigger{background:#ffffff1a;border:1px solid #fff3;border-radius:40px;gap:8px;height:44px;padding:0 24px;transition:all .3s ease}.export-group .range-trigger:hover{background:#fff3;border-color:#fff6;box-shadow:0 5px 15px #0000001a;transform:translateY(-2px)}.export-group .range-trigger .material-symbols-outlined{font-size:20px;transition:transform .3s ease}.export-group .dropdown-trigger .material-symbols-outlined{color:#ffffffe6;font-size:20px}.export-btn{align-items:center;background:#006a4e;border:none;border-radius:8px;box-shadow:0 4px 10px #006a4e33;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:800;gap:8px;padding:10px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.export-btn:hover{background:#004d39;box-shadow:0 15px 30px -5px #006a4e4d;transform:translateY(-5px) scale(1.02)}.filters-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 10px 25px -5px #0000000d;display:flex;gap:48px;justify-content:center;margin-bottom:24px;padding:24px 32px;position:relative;z-index:100}.dark .filters-card{background:#1c2e21;border-color:#2a3a2e}.filter-item{gap:12px}.filter-label{color:#ffffffbf;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.custom-dropdown{display:inline-block;position:relative;z-index:1000}.dropdown-trigger{align-items:center;background:#0000;border:none;border-radius:6px;color:#475569;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px 16px;transition:all .2s}.dropdown-trigger:hover{background:#f1f5f9;color:#0f172a}.dropdown-trigger .material-symbols-outlined{color:#94a3b8;font-size:20px}.dropdown-menu{animation:dropDownSlide .3s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;background-color:#fff!important;border:1px solid #e2e8f0!important;border-radius:20px;box-shadow:0 15px 50px #00000040,0 0 0 1px #0000000d!important;left:0;min-width:280px;opacity:1!important;overflow:hidden;padding:12px;position:absolute;right:auto;top:calc(100% + 4px);transform-origin:top right;visibility:visible!important;width:auto;z-index:100000!important}.dropdown-item{align-items:center;border-radius:12px;color:#334155;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:16px;margin-bottom:4px;padding:14px 18px;text-align:left;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.dropdown-item:last-child{margin-bottom:0}.dropdown-item .material-symbols-outlined{color:#64748b;font-size:22px;transition:color .2s}.dropdown-item:hover{background:#f1f8f6;color:#006a4e}.dropdown-item:hover .material-symbols-outlined{color:#006a4e;transform:scale(1.1)}.dropdown-item.active{background:#006a4e;color:#fff;font-weight:700}.dropdown-menu.scrollable{max-height:250px;overflow-y:auto}.dropdown-menu.scrollable::-webkit-scrollbar{width:6px}.dropdown-menu.scrollable::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}@keyframes dropDownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.custom-select-wrapper,.report-select{align-items:center;display:flex;position:relative}.report-select{-webkit-appearance:none;appearance:none;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;color:#0f172a;cursor:pointer;font-size:17px;font-weight:700;height:46px;min-width:140px;padding:0 40px 0 16px;transition:all .2s}.report-select:hover{background:#fff;border-color:#006a4e}.select-arrow{color:#94a3b8;font-size:20px;pointer-events:none;position:absolute;right:12px}.month-nav-group{align-items:center;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;box-sizing:border-box;display:flex;height:46px;padding:4px}.nav-arrow-btn{background:#fff;border:none;box-shadow:0 2px 5px #0000000d;color:#64748b;height:34px;width:34px}.nav-arrow-btn:hover{background:#fff;color:#006a4e;transform:scale(1.1)}.month-display-select{font-size:17px;outline:none;padding:0 12px;text-align:center;transition:all .2s}.month-display-select:hover{color:#006a4e}.month-arrow{color:#94a3b8;font-size:18px;transition:transform .2s}.month-display-select:hover .month-arrow{color:#006a4e}.attendance-report-main-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 10px 30px #0000000a;overflow:hidden;padding:0}.dark .attendance-report-main-card{background:#1c2e21;border-color:#2a3a2e}.matrix-scroll-wrapper{max-height:calc(100vh - 350px);overflow-x:auto}.attendance-data-matrix{background:#fff;border:1px solid #e2e8f0;border-collapse:collapse;box-shadow:0 4px 12px #00000008;font-family:Inter,system-ui,-apple-system,sans-serif;width:100%}.attendance-data-matrix td,.attendance-data-matrix th{border:1px solid #e2e8f0;font-size:11px;height:28px;padding:6px 4px;text-align:center}.attendance-data-matrix td{background-color:#fff}.excel-header-green{background-color:#006a4e!important;color:#fff!important;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.excel-header-yellow{background-color:#fef3c7!important;color:#92400e!important;font-size:11px;font-weight:700}.excel-header-summary{background-color:#ccfbf1!important;color:#0f766e!important;font-size:10px;font-weight:700}.excel-cell-sno{color:#64748b;font-weight:600}.excel-cell-name{color:#1e293b;font-weight:600;padding-left:16px!important;text-align:left!important;white-space:nowrap}.emp-name-excel{text-transform:capitalize}.excel-data-cell{color:#475569}.sunday-col{background-color:#fff1f2!important;color:#e11d48!important;font-size:10px;font-weight:700}.sunday-header{background-color:#fef3c7!important;color:#e11d48!important}.excel-stat-cell{background-color:#ccfbf14d!important;color:#1e293b;font-size:13px;font-weight:700}.excel-header-green.sticky-col,.excel-header-green.sticky-col-no{z-index:10}.sticky-col-no.excel-cell-sno,.sticky-col.excel-cell-name{background:#fff!important;z-index:5}.attendance-data-matrix tr:nth-child(2n) td{background-color:#fafbfc}.attendance-data-matrix td.status-p{background-color:#22c55e!important;color:#fff!important;font-weight:800}.attendance-data-matrix td.status-a{background-color:#ef4444!important;color:#fff!important;font-weight:800}.attendance-data-matrix td.status-hd{background-color:#ffedd5!important;color:#9a3412!important;font-weight:800}.attendance-data-matrix td.status-ws{background-color:#facc15!important;color:#854d0e!important;font-weight:800}.attendance-data-matrix td.status-sun{background-color:#fff1f2!important;color:#e11d48!important;font-weight:800}.attendance-data-matrix tr:nth-child(2n) td.status-a,.attendance-data-matrix tr:nth-child(2n) td.status-hd,.attendance-data-matrix tr:nth-child(2n) td.status-p,.attendance-data-matrix tr:nth-child(2n) td.status-sun,.attendance-data-matrix tr:nth-child(2n) td.status-ws{opacity:.95}.matrix-month-title{background-color:#fcd34d;border:1px solid #d1d5db;border-radius:4px;color:#000;font-size:14px;font-weight:800;padding:4px 60px}.attendance-data-matrix th{background:#f8fafc;border-bottom:2px solid #e2e8f0;border-right:1px solid #f1f5f9;color:#64748b;font-size:10px;font-weight:800;padding:8px 4px;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:10}.attendance-data-matrix td.sticky-col-no,.attendance-data-matrix th.sticky-col-no{background:#fff;border-right:1px solid #e2e8f0;left:0!important;max-width:40px;min-width:40px;position:-webkit-sticky!important;position:sticky!important;text-align:center;width:40px;z-index:30}.attendance-data-matrix td.sticky-col,.attendance-data-matrix th.sticky-col{background:#fff;border-right:2px solid #006a4e;box-shadow:4px 0 8px -4px #0000001a;left:40px!important;overflow:hidden;position:-webkit-sticky!important;position:sticky!important;text-align:left;text-overflow:ellipsis;white-space:nowrap;z-index:30}.attendance-data-matrix th.sticky-col,.attendance-data-matrix th.sticky-col-no{z-index:45}.attendance-data-matrix td{border-bottom:1px solid #f1f5f9;border-right:1px solid #f1f5f9;font-size:11px;padding:6px 4px;text-align:center}.emp-cell-info{display:flex;flex-direction:column;text-align:left}.emp-name{color:#0f172a;font-size:12px;font-weight:700}.emp-id{color:#64748b;font-size:10px}.status-cell{font-size:11px;font-weight:800;transition:all .2s ease}.attendance-cell-marker{align-items:center;border-radius:6px;display:flex;font-size:11px;font-weight:800;height:24px;justify-content:center;margin:0 auto;width:24px}.status-cell.present{background:#dcfce7;color:#166534}.status-cell.absent{background:#fee2e2;color:#991b1b}.status-cell.half{background:#ffedd5;color:#9a3412}.status-cell.stoppage{background:#fef9c3;color:#854d0e}.status-cell.sunday{background:#fef2f2;color:#dc2626}.stat-cell-val{font-weight:800}.stat-cell-val.pres{background:#f0fdf4;color:#006a4e}.stat-cell-val.abs{background:#fef2f2;color:#dc2626}.report-filters-row{align-items:center;display:flex;flex-wrap:wrap;gap:24px;justify-content:flex-start;margin-bottom:24px;padding:0 4px}.filter-item{align-items:center;display:flex;gap:16px}.filter-label{color:#4b5563;font-size:14px;font-weight:600;letter-spacing:normal;text-transform:none;white-space:nowrap}.legend-item{color:#64748b;font-size:12px;font-weight:700;gap:8px}.legend-box,.legend-item{align-items:center;display:flex}.legend-box{border-radius:4px;font-size:10px;height:24px;justify-content:center;width:24px}.legend-box.present{background:#dcfce7;color:#166534}.legend-box.absent{background:#fee2e2;color:#991b1b}.legend-box.half{background:#ffedd5;color:#9a3412}.legend-box.stoppage{background:#fef9c3;color:#854d0e}.legend-box.sunday{background:#fef2f2;color:#dc2626}.ar-banner-header{align-items:center;background:#006a4e;border-radius:24px;box-shadow:0 10px 30px #006a4e26;display:flex;flex-wrap:wrap;gap:32px;justify-content:space-between;margin-bottom:24px;padding:24px 48px;position:relative;z-index:200}.ar-banner-left{display:flex;flex-direction:column;gap:4px}.ar-banner-title{color:#fff;font-size:26px;font-weight:800;letter-spacing:-.01em;margin:0}.ar-banner-subtitle{color:#ffffffbf;font-size:13px;margin:0}.ar-export-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border:1px solid #fff6;border-radius:50px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:10px;padding:12px 32px;transition:all .25s cubic-bezier(.4,0,.2,1)}.ar-export-btn:hover{background:#fff;box-shadow:0 4px 15px #0003;color:#006a4e;transform:translateY(-2px)}.ar-export-btn.yearly{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff4d;box-shadow:none;color:#fff}.ar-export-btn.yearly:hover{background:#ffffff40;border-color:#ffffff80;box-shadow:0 10px 25px #00000026;transform:translateY(-3px)}.ar-filter-btn{color:#0f172a;cursor:pointer;font-weight:700;gap:12px;justify-content:space-between;min-width:100px;padding:12px 20px;transition:all .2s}.ar-filter-btn,.ar-month-nav{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px #00000005;display:flex}.ar-month-nav{gap:4px;padding:4px}.month-display-select{background:#0000;border:none;color:#0f172a;font-weight:700;gap:8px;min-width:120px;padding:8px 16px}.month-display-select,.nav-arrow-btn{align-items:center;cursor:pointer;display:flex;justify-content:center}.nav-arrow-btn{background:#f1f5f9!important;border:none!important;border-radius:8px;color:#64748b!important;height:32px;transition:all .2s;width:32px}.nav-arrow-btn:hover{background:#e2e8f0!important;color:#006a4e!important}.status-legend{align-items:center;background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 2px 10px #00000005;display:flex;flex-wrap:wrap;gap:40px;margin-bottom:24px;padding:24px 40px}@media (max-width:1024px){.attendance-report-page{padding:16px 20px}.filters-card{flex-wrap:wrap;gap:20px}}@media (max-width:768px){.attendance-report-page{gap:16px;padding:12px}.ar-banner-header{background:#006a4e;border-radius:20px;box-shadow:0 10px 30px #006a4e26;flex-direction:column;gap:16px;margin-bottom:12px;padding:24px 16px;text-align:center}.ar-banner-left{align-items:center}.ar-banner-title{font-size:22px;letter-spacing:-.5px}.ar-banner-subtitle{font-size:13px;opacity:.9}.ar-banner-actions{display:block;margin-top:4px;width:100%}.filters-card{align-items:stretch;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:row;gap:8px;margin-bottom:20px;padding:12px}.filter-item{align-items:stretch;display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.filter-label{color:#94a3b8;font-size:9px;font-weight:800;letter-spacing:.05em;margin-left:2px;text-transform:uppercase;width:auto}.report-select{align-items:center;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;color:#0f172a;display:flex;font-size:15px;font-weight:700;height:48px;justify-content:flex-start;min-width:0;padding:0 34px 0 12px;position:relative;width:100%}.report-select .select-ar.dropdown-menu{color:#94a3b8;font-size:18px;left:0;margin-top:4px;pointer-events:none;position:absolute;right:0;top:100%;transform:translateY(-50%)}.month-nav-group{align-items:center;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;display:flex;height:48px;justify-content:space-between;padding:2px}.nav-arrow-btn{background:#fff;border-radius:8px;box-shadow:0 1px 4px #0000000d;height:32px;width:32px}.month-display-select{color:#0f172a;flex:1 1;font-size:14px;padding:0 4px}.status-legend{grid-gap:10px;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #00000008;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-bottom:12px;padding:16px}.status-legend::-webkit-scrollbar{display:none}.legend-item{background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;display:flex;font-size:11px;justify-content:flex-start;padding:10px 12px;width:100%}.legend-box{border-radius:6px;font-size:9px;height:22px;width:22px}.attendance-report-main-card{border:1px solid #e2e8f0;border-radius:16px;overflow:hidden}.matrix-month-title{background:#f0fdf4;color:#006a4e;font-size:14px;font-weight:800;letter-spacing:.05em;padding:12px;text-align:center;text-transform:uppercase}.matrix-scroll-wrapper{-webkit-overflow-scrolling:touch;max-height:calc(100vh - 350px);overflow-x:auto;overflow-y:auto}.attendance-data-matrix td,.attendance-data-matrix th{font-size:10px;height:24px;min-width:24px;padding:4px 2px}.attendance-data-matrix td.sticky-col-no,.attendance-data-matrix th.sticky-col-no{background:#fff;left:0!important;min-width:30px;position:-webkit-sticky!important;position:sticky!important;width:30px;z-index:30}.attendance-data-matrix td.sticky-col,.attendance-data-matrix th.sticky-col{background:#fff;border-right:2px solid #006a4e;left:30px!important;min-width:180px;overflow:visible;padding:6px 14px;position:-webkit-sticky!important;position:sticky!important;text-align:left;text-overflow:clip;white-space:nowrap;z-index:30}.attendance-data-matrix th.sticky-col,.attendance-data-matrix th.sticky-col-no{background:#f1f5f9!important;z-index:40}.emp-name{display:block;font-size:11px;font-weight:700;width:100%}.emp-id{display:none}.status-cell{padding:2px!important}.status-p{background:#dcfce7!important;color:#166534}.status-a{background:#fee2e2!important;color:#991b1b}.status-hd{background:#ffedd5!important;color:#9a3412}.status-ws{background:#fef9c3!important;color:#854d0e}.status-sun{background:#fef2f2!important;color:#dc2626}.attendance-cell-marker{align-items:center;border-radius:4px;display:flex;font-size:10px;font-weight:900;height:20px;justify-content:center;margin:0 auto;width:20px}.status-cell.present .attendance-cell-marker{background:#0000;color:#166534;font-weight:900}.status-cell.present{background:#dcfce7!important}.status-cell.absent{background:#fee2e2!important}.status-cell.absent .attendance-cell-marker{color:#991b1b}.status-cell.half{background:#ffedd5!important}.status-cell.half .attendance-cell-marker{color:#9a3412}.status-cell.stoppage{background:#fef9c3!important}.status-cell.stoppage .attendance-cell-marker{color:#854d0e}.status-cell.sunday{background:#fef2f2!important;border-left:1px solid #fee2e2}.status-cell.sunday .attendance-cell-marker{color:#dc2626}.stat-cell-val{font-size:11px;font-weight:900;min-width:32px}.dropdown-menu{border-radius:12px;min-width:150px}}@media (max-width:480px){.attendance-report-page{padding:10px}.ar-banner-header{border-radius:14px;padding:14px 12px}.ar-banner-title{font-size:18px}.filters-card{gap:10px;padding:12px 10px}.filter-label{font-size:9px;min-width:45px;width:45px}.attendance-data-matrix td.sticky-col-no,.attendance-data-matrix th.sticky-col-no{left:0!important;min-width:25px;position:-webkit-sticky!important;position:sticky!important;width:25px;z-index:30}.attendance-data-matrix td.sticky-col,.attendance-data-matrix th.sticky-col{left:25px!important;min-width:150px;overflow:visible;padding:5px 10px;position:-webkit-sticky!important;position:sticky!important;text-overflow:clip;white-space:nowrap;z-index:30}.attendance-cell-marker{font-size:8px;height:18px;width:18px}.attendance-data-matrix td,.attendance-data-matrix th{height:20px;min-width:20px}}.attendance-cell-marker{align-items:center!important;color:inherit!important;display:flex!important;font-size:12px!important;font-weight:900!important;height:100%!important;justify-content:center!important;width:100%!important}@media (max-width:768px){.desktop-only-export{display:none!important}.report-filters-row{gap:10px;justify-content:flex-start;margin-bottom:20px}.filter-item{gap:6px}.filter-label{font-size:11px}.month-nav-group,.report-select{font-size:15px;height:44px}.nav-arrow-btn{height:32px;width:32px}.month-display-select{font-size:15px;min-width:90px}.matrix-scroll-wrapper{max-height:calc(100vh - 300px)}}.my-attendance-container{animation:fadeIn .3s ease-out;margin:0 auto;max-width:800px;padding:2rem}.attendance-header{align-items:center!important;display:flex!important;flex-direction:column!important;margin-bottom:2rem;text-align:center}.attendance-header h1{color:#1e293b;font-size:2rem;font-weight:700;margin-bottom:.5rem}.attendance-header p{color:#64748b;font-size:1.1rem}.punch-card{align-items:center;background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000d;display:flex;flex-direction:column;gap:2rem;padding:3rem 2rem}.live-clock{font-feature-settings:"tnum";color:#0f172a;font-size:3.5rem;font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:-1px}.punch-actions{display:flex;justify-content:center;width:100%}.punch-btn{align-items:center;border:none;border-radius:50px;box-shadow:0 4px 15px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;font-weight:600;gap:12px;padding:1.25rem 3rem;transition:all .2s ease}.punch-btn:hover:not(:disabled){box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.punch-btn:active:not(:disabled){transform:translateY(0)}.punch-btn:disabled{cursor:not-allowed;opacity:.6}.punch-btn:disabled:not(.btn-completed){background:#e2e8f0!important;box-shadow:none!important;color:#94a3b8!important}.btn-in{background:linear-gradient(135deg,#10b981,#059669)}.btn-out{background:linear-gradient(135deg,#ef4444,#dc2626)}.btn-completed{background:linear-gradient(135deg,#64748b,#475569)}.btn-icon{font-size:1.5rem}.punch-history{grid-gap:1rem;border-top:1px solid #e2e8f0;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1rem;padding-top:2rem;width:100%}.history-card{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;display:flex;flex-direction:column;gap:.5rem;padding:1.5rem}.history-label{color:#64748b;font-size:.875rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.history-time{color:#0f172a;font-size:1.5rem;font-weight:700}.history-status{align-items:center;color:#10b981;display:flex;font-size:.875rem;font-weight:600;gap:4px}.status-pending{color:#f59e0b}.status-active{color:#3b82f6}@media (max-width:640px){.my-attendance-container{padding:.75rem}.attendance-header{align-items:center!important;display:flex!important;flex-direction:column!important;justify-content:center!important;margin-bottom:1.5rem;padding-left:0;text-align:center!important;width:100%!important}.attendance-header h1{font-size:1.8rem;margin-bottom:.5rem;text-align:center!important}.attendance-header p{font-size:1.05rem;text-align:center!important}.punch-card{gap:1.5rem;padding:2rem 1.25rem}.live-clock{font-size:2.75rem}.punch-btn{font-size:1.1rem;justify-content:center;padding:1rem 2rem;width:100%}.geo-status-banner{gap:12px;padding:1rem}.banner-title{font-size:.95rem}.banner-desc{font-size:.85rem}.office-warning-text{font-size:.875rem!important;padding:8px 16px!important}.punch-history{gap:.75rem;grid-template-columns:1fr;padding-top:1.5rem}.history-card{padding:1rem}.history-time{font-size:1.25rem}}.geo-status-banner{align-items:flex-start;animation:slideDown .3s cubic-bezier(.16,1,.3,1);border-left:5px solid #0000;border-radius:12px;box-sizing:border-box;display:flex;gap:16px;padding:1.25rem 1.5rem;width:100%}.status-allowed{background:#10b9810f;border:1px solid #10b98126;border-left:5px solid #10b981}.status-allowed .banner-icon{color:#10b981}.status-allowed .banner-title{color:#065f46}.status-allowed .banner-desc{color:#047857}.status-denied{background:#ef44440f;border:1px solid #ef444426;border-left:5px solid #ef4444}.status-denied .banner-icon{color:#ef4444}.status-denied .banner-title{color:#991b1b}.status-denied .banner-desc{color:#b91c1c}.banner-icon{font-size:1.75rem;font-variation-settings:"FILL" 1;margin-top:2px}.banner-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.banner-title{font-size:1.05rem;font-weight:700}.banner-desc{font-size:.925rem;font-weight:500;line-height:1.5}.maps-link-btn{align-items:center;background:#ef4444;border-radius:8px;box-shadow:0 2px 6px #ef444433;color:#fff!important;display:inline-flex;font-size:.875rem;font-weight:600;gap:8px;margin-top:10px;padding:8px 16px;text-decoration:none;transition:all .2s ease;width:-webkit-fit-content;width:fit-content}.maps-link-btn:hover{background:#dc2626;box-shadow:0 4px 12px #ef444459;transform:translateY(-1px)}.verify-loc-btn{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:30px;color:#475569;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:8px;outline:none;padding:10px 20px;transition:all .2s cubic-bezier(.4,0,.2,1)}.verify-loc-btn:hover:not(:disabled){background:#e2e8f0;border-color:#cbd5e1;color:#0f172a;transform:translateY(-1px)}.verify-loc-btn:active:not(:disabled){transform:translateY(0)}.verify-loc-btn:disabled{cursor:not-allowed;opacity:.6}.btn-icon-small{font-size:1.2rem}.verify-loc-btn.verifying .btn-icon-small{animation:spin 1.2s linear infinite}.status-checking{background:#3b82f60f;border:1px solid #3b82f626;border-left:5px solid #3b82f6}.status-checking .banner-icon{color:#3b82f6}.status-checking .banner-title{color:#1e3a8a}.status-checking .banner-desc{color:#1d4ed8}.verifying-icon{animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.92)}}.office-warning-text{align-items:center;background:#fef2f2;border:1px solid #fee2e2;border-radius:30px;box-shadow:0 2px 8px #ef44440d;box-sizing:border-box;color:#ef4444;display:flex;flex-wrap:wrap;font-size:14.5px;font-weight:750;gap:6px;justify-content:center;margin-top:8px;padding:10px 20px;text-align:center;width:100%}.office-warning-text .material-symbols-outlined{color:#ef4444;font-size:18px}.profile-pass-modal{border:1px solid #e2e8f0;max-width:500px!important}.profile-icon{background-color:#f1f5f9!important}.profile-icon .header-icon{color:#006a4e!important}.profile-submit{background:#006a4e!important;box-shadow:0 4px 12px #006a4e33!important}.profile-submit:hover{background:#004d39!important}.pass-divider{background:#f1f5f9;height:1px;margin:32px 0}.success-msg{animation:fadeIn .3s ease-out;background:#f0fdf4;border:1px solid #dcfce7;border-radius:12px;color:#16a34a;font-size:.9rem;font-weight:600;margin-bottom:24px;padding:12px 18px;text-align:center}.profile-page-modern{animation:profileFadeIn .5s cubic-bezier(.16,1,.3,1);font-family:Inter,sans-serif;margin:0 auto;max-width:1100px;padding:30px}@keyframes profileFadeIn{0%{filter:blur(5px);opacity:0;transform:translateY(20px)}to{filter:blur(0);opacity:1;transform:translateY(0)}}.profile-loading-screen{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:70vh}.profile-loader{animation:spin .8s linear infinite;border:4px solid #f1f5f9;border-radius:50%;border-top-color:#006a4e;height:44px;width:44px}.profile-hero-section{align-items:center;background:linear-gradient(135deg,#006a4e,#004d39);border-radius:24px;box-shadow:0 12px 30px #006a4e1a;color:#fff;display:flex;justify-content:space-between;margin-bottom:30px;overflow:hidden;padding:32px 48px;position:relative}.hero-content{align-items:center;display:flex;gap:32px;z-index:2}.hero-avatar{box-shadow:0 8px 16px #00000026;object-fit:cover}.hero-avatar,.hero-avatar-initials{border:4px solid #fff3;border-radius:28px;height:100px;width:100px}.hero-avatar-initials{align-items:center;background:#fff3;color:#fff;display:flex;font-size:36px;font-weight:800;justify-content:center}.status-indicator{background:#10b981;border:4px solid #006a4e;border-radius:50%;bottom:2px;height:22px;position:absolute;right:2px;width:22px}.hero-text .hero-name{font-size:34px;font-weight:800;letter-spacing:-1.5px;margin:0}.badge-group{display:flex;gap:10px;margin-top:8px}.hero-dept-badge,.hero-role-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:1px solid #fff3;border-radius:10px;font-size:11px;font-weight:700;padding:6px 14px;text-transform:uppercase}.info-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 2px 10px -2px #00000005;padding:30px}.card-header{border-bottom:2px solid #f8fafc;gap:16px;margin-bottom:24px;padding-bottom:12px}.card-header .material-symbols-outlined{color:#006a4e;font-size:24px}.card-header h3{color:#1e293b;font-size:17px}.detail-item label{color:#94a3b8;font-size:11px;font-weight:800;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.detail-item span{color:#334155;font-size:15px;font-weight:600}.profile-input{background:#f8fafc;border:2px solid #f1f5f9;border-radius:14px;color:#1e293b;font-size:14px;padding:12px 16px;width:100%}.profile-input:focus{background:#fff;border-color:#006a4e;outline:none}.profile-page-modern.admin-view .profile-info-grid{display:flex;justify-content:center}.profile-page-modern.admin-view .info-card{max-width:950px;width:100%}.profile-page-modern.admin-view .card-body{align-items:flex-start;flex-direction:row;gap:30px;justify-content:space-between}.security-action-btn-inline{align-items:center;background:#eff6ff;border:2px solid #dbeafe;border-radius:16px;color:#2563eb;cursor:pointer;display:flex;font-size:14px;font-weight:800;gap:10px;padding:14px 24px;transition:all .2s}.security-action-btn-inline:hover{background:#2563eb;color:#fff;transform:translateY(-2px)}.profile-toast-modern{align-items:center;border-radius:12px;box-shadow:0 10px 20px #00000026;display:flex;font-size:14px;font-weight:700;gap:10px;left:50%;padding:12px 24px;position:fixed;top:20px;transform:translateX(-50%);z-index:2000}.profile-toast-modern.success{background:#10b981;color:#fff}.profile-toast-modern.error{background:#ef4444;color:#fff}.hero-actions .glass-btn{border-radius:12px;font-size:13px;font-weight:700;padding:10px 20px}@media (max-width:900px){.profile-page-modern.admin-view .card-body{flex-direction:column}.profile-hero-section{flex-direction:column;gap:20px;padding:30px}}.erp-page{background-color:#f8fafc;min-height:100vh;padding:24px}.erp-header{margin-bottom:24px}.header-left{align-items:center;display:flex;justify-content:space-between}.erp-title{color:#0f172a;font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0}.salary-panel{background:#fff;border-radius:16px;box-shadow:0 1px 3px #00000014;margin-bottom:32px;overflow:hidden;transition:box-shadow .2s ease}.salary-panel:hover{box-shadow:0 4px 12px #0000001a}.erp-card-header{background:#fff;border-bottom:1px solid #e2e8f0;padding:20px 24px}.erp-card-title{align-items:center;color:#1e293b;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0}.salary-control-row{align-items:center;background:#fafbfc;display:flex;flex-wrap:wrap;gap:16px;padding:20px 24px}.salary-select{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;color:#1e293b;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;min-width:250px;outline:none;padding:12px 16px;transition:all .2s ease}.salary-select:hover{border-color:#94a3b8}.salary-select:focus{border-color:#006a4e;box-shadow:0 0 0 3px #006a4e1a}.salary-btn{align-items:center;background:#006a4e;border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease;white-space:nowrap}.salary-btn:hover{background:#005a42;box-shadow:0 4px 12px #006a4e33;transform:translateY(-1px)}.salary-btn:active{transform:translateY(0)}.salary-card-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));padding:24px}.salary-employee-card{background:#fff;border:2px solid #e2e8f0;border-radius:16px;cursor:pointer;display:block;padding:20px;text-align:left;transition:all .25s ease;width:100%}.salary-employee-card:hover{border-color:#cbd5e1;box-shadow:0 8px 20px #0000001a;transform:translateY(-2px)}.salary-employee-card.selected{background:#f0fdf9;border-color:#006a4e;box-shadow:0 4px 12px #006a4e26}.salary-employee-head{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:20px}.salary-employee-name{color:#0f172a;font-size:18px;font-weight:700;margin-bottom:4px}.salary-employee-dept{color:#64748b;font-size:13px;font-weight:500}.salary-employee-stats{border-top:1px solid #f1f5f9;display:flex;flex-direction:column;gap:12px;padding-top:16px}.salary-stat-item{align-items:baseline;display:flex;font-size:13px;justify-content:space-between}.salary-stat-item span{color:#64748b;font-weight:500}.salary-stat-item strong{color:#1e293b;font-size:15px;font-weight:700}.salary-entry-card{background:linear-gradient(135deg,#fff,#fafcfb);border:1px solid #e2e8f0;border-radius:16px;padding:20px;transition:all .2s ease}.salary-entry-card:hover{border-color:#cbd5e1;box-shadow:0 6px 16px #00000014;transform:translateY(-2px)}.salary-empty-state{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;color:#94a3b8;font-size:16px;font-weight:500;grid-column:1/-1;padding:60px 24px;text-align:center}.salary-slip-wrapper{margin:0 auto;max-width:800px;padding:20px}.salary-slip-card{animation:slideUp .4s ease;background:#fff;border-radius:20px;box-shadow:0 20px 40px -15px #00000026;overflow:hidden}.slip-header{background:linear-gradient(135deg,#006a4e,#00855f);color:#fff;padding:35px 30px;text-align:center}.slip-header h1{font-size:32px;font-weight:700;letter-spacing:-.5px;margin:0}.slip-header .company-tagline{font-size:13px;margin:8px 0 0;opacity:.85}.slip-title-section{border-bottom:2px solid #e2e8f0;padding:25px 30px 15px;text-align:center}.slip-title-section h2{color:#0f172a;font-size:26px;font-weight:700;letter-spacing:1px;margin:0}.slip-title-section .slip-subtitle{color:#64748b;font-size:13px;margin:8px 0 0}.employee-info-section{background:#fafbfc;border-bottom:1px solid #e2e8f0;padding:25px 30px}.info-row-slip{align-items:center;border-bottom:1px dashed #e2e8f0;display:flex;padding:12px 0}.info-row-slip:last-child{border-bottom:none}.info-label-slip{color:#475569;font-size:14px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;width:120px}.info-value-slip{color:#0f172a;flex:1 1;font-size:16px;font-weight:600}.info-value-slip small{color:#64748b;font-size:13px;font-weight:400}.info-two-column{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.salary-breakdown{padding:25px 30px}.section-title{border-bottom:2px solid #006a4e;color:#0f172a;display:inline-block;margin:0 0 20px;padding-bottom:10px}.salary-table-slip{border-collapse:collapse;margin-top:15px;width:100%}.salary-table-slip th{background:#f1f5f9;border-bottom:2px solid #e2e8f0;color:#475569;font-size:13px;font-weight:600;padding:12px 8px;text-align:left}.salary-table-slip td{border-bottom:1px solid #f1f5f9;color:#334155;font-size:14px;padding:12px 8px}.salary-table-slip td:last-child,.salary-table-slip th:last-child{text-align:right}.salary-table-slip td:first-child,.salary-table-slip th:first-child{padding-left:0}.earning-text{color:#10b981;font-weight:500}.deduction-text{color:#ef4444;font-weight:500}.total-row-slip{background:#f0fdf9;border-top:2px solid #006a4e}.total-row-slip td{color:#006a4e;font-size:16px;font-weight:700;padding:15px 8px}.net-pay-section-slip{align-items:center;background:linear-gradient(135deg,#f0fdf9,#dcfce7);border:1px solid #bbf7d0;border-radius:16px;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin:0 30px 25px;padding:25px 30px}.net-pay-label-slip{color:#065f46;font-size:18px;font-weight:700}.net-pay-amount-slip{color:#006a4e;font-size:36px;font-weight:800}.payment-mode-slip{align-items:center;background:#fff;border-radius:40px;box-shadow:0 1px 3px #0000000d;color:#475569;display:flex;font-size:14px;font-weight:500;gap:10px;padding:10px 20px}.slip-footer{background:#f8fafc;border-top:1px solid #e2e8f0;padding:20px 30px;text-align:center}.footer-text{color:#94a3b8;font-size:12px;margin:0}.slip-action-buttons{display:flex;gap:12px;justify-content:flex-end;margin-bottom:20px}.action-btn{border:1.5px solid #e2e8f0;color:#475569;display:inline-flex;font-size:13px;font-weight:500;gap:8px;padding:10px 20px}.action-btn.print-btn{background:#006a4e;border-color:#006a4e;color:#fff}.action-btn.print-btn:hover{background:#005a42;box-shadow:0 4px 12px #006a4e33;transform:translateY(-2px)}.download-btn{background:#fff;border-color:#006a4e;color:#006a4e}.download-btn:hover{background:#006a4e;color:#fff}.material-symbols-outlined{transition:color .2s ease}@media (max-width:640px){.slip-header h1{font-size:24px}.slip-title-section h2{font-size:20px}.employee-info-section{padding:20px}.info-row-slip{align-items:flex-start;flex-direction:column;gap:6px}.info-label-slip{font-size:12px;width:auto}.info-value-slip{font-size:14px}.salary-breakdown{overflow-x:auto;padding:20px}.salary-table-slip{min-width:400px}.net-pay-section-slip{flex-direction:column;margin:0 20px 20px;padding:20px;text-align:center}.net-pay-amount-slip{font-size:28px}.slip-action-buttons{flex-direction:column}.action-btn{justify-content:center}.info-two-column{gap:0;grid-template-columns:1fr}}@media print{.erp-header,.salary-btn,.salary-control-row,.salary-employee-card,.salary-panel:not(:has(.salary-slip-wrapper)),.salary-select,.slip-action-buttons{display:none!important}.erp-page{background:#fff}.erp-page,.salary-slip-wrapper{margin:0;padding:0}.salary-slip-card{border-radius:0;box-shadow:none}.slip-header{background:#006a4e!important}.net-pay-section-slip,.slip-header{-webkit-print-color-adjust:exact;print-color-adjust:exact}.net-pay-section-slip{background:#f0fdf9!important;break-inside:avoid;page-break-inside:avoid}.salary-table-slip th{background:#f1f5f9!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}@media (max-width:768px){.erp-page{padding:16px}.erp-title{font-size:24px}.erp-card-header{padding:16px 20px}.erp-card-title{font-size:16px}.salary-control-row{align-items:stretch;flex-direction:column;padding:16px 20px}.salary-select{min-width:auto}.salary-btn{justify-content:center}.salary-card-grid{gap:16px;grid-template-columns:1fr;padding:16px}.salary-employee-card,.salary-entry-card{padding:16px}.salary-employee-name{font-size:16px}.salary-stat-item strong{font-size:14px}}@media (max-width:480px){.erp-page{padding:12px}.erp-card-header,.salary-control-row{padding:14px 16px}.salary-card-grid{gap:12px;padding:12px}.salary-employee-card,.salary-entry-card{padding:14px}.salary-employee-head{margin-bottom:14px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.salary-employee-card,.salary-entry-card,.salary-slip-card{animation:fadeInUp .3s ease backwards}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.glass-loading-overlay{animation:fadeIn .4s ease-out;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#f8fafcf2;height:100vh;width:100vw;z-index:99999}.loader-container-minimal{align-items:center;animation:modalFadeUp .6s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;gap:40px}.premium-spinner-large{animation:spin .8s cubic-bezier(.4,0,.2,1) infinite;border-left:4px solid #f1f5f9;border-top:4px solid #f1f5f9;border-color:#006a4e #f1f5f9 #f1f5f9 #006a4e;border-radius:50%;border-style:solid;border-width:4px;box-shadow:0 0 20px #006a4e1a;height:72px;width:72px}.brand-load-minimal{text-align:center}.brand-load-minimal h3{color:#006a4e;font-size:28px;font-weight:900;letter-spacing:.15em;margin:0 0 4px}.brand-load-minimal span{color:#64748b;font-size:13px;font-weight:700;letter-spacing:.3em;opacity:.8}.loading-status-minimal{animation:pulseOpacity 2s ease-in-out infinite;color:#94a3b8;font-size:14px;font-weight:600;letter-spacing:.05em}@keyframes modalFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseOpacity{0%,to{opacity:.5}50%{opacity:1}}:root{--ntp-primary:#006a4e;--ntp-primary-dark:#004d39;--ntp-primary-glass:#006a4e0d;--ntp-text:#0f172a;--ntp-text-muted:#64748b;--ntp-border:#f1f5f9;--ntp-bg:#f8fafc;--ntp-white:#fff;--ntp-radius:20px;--ntp-card-shadow:0 10px 30px -10px #0000000a}.ntp-container{background:#f8fafc;background:var(--ntp-bg);min-height:100vh;padding:28px 32px}.ntp-filter-bar{margin-bottom:2.5rem}.ntp-tabs{background:#f1f5f9;border-radius:12px;display:flex;gap:.5rem;padding:.4rem;width:-webkit-fit-content;width:fit-content}.ntp-tab{align-items:center;background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:.9rem;font-weight:800;gap:.75rem;padding:.6rem 1.25rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.ntp-tab.active{background:#fff;box-shadow:0 4px 12px #0000000d;color:#006a4e;color:var(--ntp-primary)}.ntp-count{background:#e2e8f0;border-radius:6px;color:#475569;font-size:.7rem;font-weight:900;padding:1px 6px}.ntp-tab.active .ntp-count{background:#006a4e0d;background:var(--ntp-primary-glass);color:#006a4e;color:var(--ntp-primary)}.ntp-count.unread{background:#ef4444;color:#fff}.ntp-list{display:flex;flex-direction:column;gap:1rem}.ntp-card{background:#fff;border:1px solid #f1f5f9;border-radius:20px;border-radius:var(--ntp-radius);box-shadow:0 10px 30px -10px #0000000a;box-shadow:var(--ntp-card-shadow);cursor:pointer;display:flex;gap:1.75rem;padding:1.5rem 2rem;position:relative;transition:all .4s cubic-bezier(.165,.84,.44,1)}.ntp-card:hover{border-color:#006a4e1a;box-shadow:0 15px 45px -10px #00000014;transform:translateX(8px)}.ntp-card.is-unread{background:linear-gradient(135deg,#fff,#fcfdfd);border-left:6px solid #006a4e;border-left:6px solid var(--ntp-primary)}.ntp-unread-glow{background:radial-gradient(circle at 0 50%,#006a4e08 0,#0000 60%);height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.ntp-icon-box{align-items:center;border-radius:16px;display:flex;flex-shrink:0;height:64px;justify-content:center;transition:transform .3s ease;width:64px}.ntp-card:hover .ntp-icon-box{transform:scale(1.05) rotate(-5deg)}.ntp-icon-box .material-symbols-outlined{font-size:30px}.ntp-icon-box.attendance{background:#ecfdf5;color:#059669}.ntp-icon-box.sale{background:#eff6ff;color:#2563eb}.ntp-icon-box.production{background:#fffbeb;color:#d97706}.ntp-icon-box.admin_push{background:#faf5ff;color:#9333ea}.ntp-icon-box.feedback{background:#fff1f2;color:#e11d48}.ntp-icon-box.response{background:#f0f9ff;color:#0ea5e9}.ntp-content{flex:1 1}.ntp-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.ntp-type-tag{font-size:.65rem;font-weight:900;letter-spacing:1.5px;text-transform:uppercase}.ntp-time,.ntp-type-tag{color:#64748b;color:var(--ntp-text-muted)}.ntp-time{font-size:.75rem;font-weight:700}.ntp-title{color:#0f172a!important;color:var(--ntp-text)!important;font-size:1.35rem;font-weight:850;letter-spacing:-.5px;line-height:1.25;margin:0 0 .4rem}.ntp-msg{color:#475569!important;font-size:1rem;font-weight:500;line-height:1.5;margin-bottom:1.5rem}.ntp-footer{align-items:center;border-top:1px solid #f8fafc;display:flex;justify-content:space-between;padding-top:1.25rem}.ntp-sender-info{color:#64748b;font-weight:600;gap:.75rem}.ntp-avatar,.ntp-sender-info{align-items:center;display:flex;font-size:.85rem}.ntp-avatar{background:#f1f5f9;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px #0000000d;color:#1e293b;font-weight:900;height:32px;justify-content:center;width:32px}.ntp-actions{display:flex;gap:.75rem}.ntp-btn-ok,.ntp-btn-refresh{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:.85rem;font-weight:800;gap:.6rem;padding:.6rem 1.4rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.ntp-btn-ok{background:#006a4e;box-shadow:0 4px 12px #006a4e33;color:#fff}.ntp-btn-ok:hover{background:#008f6b;box-shadow:0 6px 20px #006a4e40;transform:translateY(-2px)}.ntp-btn-refresh{background:#f8fafc;border:1px solid #e2e8f0;color:#475569}.ntp-btn-refresh:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 4px 12px #0000000d;color:#1e293b;transform:translateY(-2px)}.ntp-empty{background:#fff;border:1px solid #f1f5f9;border:1px solid var(--ntp-border);border-radius:20px;border-radius:var(--ntp-radius);box-shadow:0 10px 30px -10px #0000000a;box-shadow:var(--ntp-card-shadow);padding:6rem 2rem;text-align:center}.ntp-empty-icon{align-items:center;background:#006a4e0d;background:var(--ntp-primary-glass);border-radius:50%;display:flex;height:100px;justify-content:center;margin:0 auto 2rem;width:100px}.ntp-empty-icon span{color:#006a4e;color:var(--ntp-primary);font-size:48px}.ntp-empty h3{color:#0f172a;color:var(--ntp-text);font-size:1.75rem;font-weight:900;letter-spacing:-.5px;margin-bottom:.75rem}.ntp-empty p{color:#64748b;color:var(--ntp-text-muted);font-size:1.1rem;font-weight:500}@media (max-width:768px){.ntp-container{padding:14px}.premium-header-green.att-header{border-radius:16px;margin-bottom:20px;padding:12px 20px}.page-title-white{font-size:16px;gap:8px}.page-title-white:before{height:18px;width:3px}.ntp-filter-bar{margin-bottom:1.5rem}.ntp-tabs{-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto;width:100%}.ntp-tabs::-webkit-scrollbar{display:none}.ntp-tab{flex:1 1;justify-content:center;padding:.6rem 1rem;white-space:nowrap}.ntp-card{border-radius:16px;flex-direction:column;gap:1rem;padding:1.25rem}.ntp-icon-box{border-radius:12px;height:44px;width:44px}.ntp-icon-box .material-symbols-outlined{font-size:22px}.ntp-title{font-size:1.1rem}.ntp-msg{font-size:.9rem;margin-bottom:1rem}.ntp-footer{align-items:flex-start;flex-direction:column;gap:1rem;padding-top:1rem}.ntp-actions{gap:.5rem;width:100%}.ntp-actions button{border-radius:10px;flex:1 1;font-size:.8rem;justify-content:center;padding:.75rem}}@media (max-width:480px){.premium-header-green.att-header{margin-bottom:12px;padding:12px 14px}.page-title-white{font-size:15px;gap:6px}.page-title-white:before{height:16px;width:3px}}.admin-push-container{background:#f8fafc;min-height:100vh;padding:28px 32px}.push-main-content{margin:0 auto;max-width:900px;width:100%}.push-card-premium{animation:slideUp .6s cubic-bezier(.16,1,.3,1);background:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 10px 40px #0000000a;overflow:hidden}.push-card-header-new{align-items:center;background:#f8fafc;border-bottom:1px solid #f1f5f9;display:flex;gap:20px;padding:24px 32px}.header-icon{align-items:center;background:#006a4e;border-radius:14px;color:#fff;display:flex;font-size:28px;height:52px;justify-content:center;width:52px}.header-text h2{color:#0f172a;font-size:1.25rem;font-weight:850;margin:0}.header-text p{color:#64748b;font-size:.9rem;font-weight:500;margin:4px 0 0}.push-form-refined{display:flex;flex-direction:column;gap:24px;padding:32px}.form-grid-new{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1.5fr}.form-group-refined{display:flex;flex-direction:column;gap:10px}.form-group-refined label{color:#000;font-size:.75rem;font-weight:900;letter-spacing:.5px;text-transform:uppercase}.input-with-icon,.textarea-with-icon{align-items:center;display:flex;position:relative}.input-icon{color:#006a4e;font-size:20px;left:16px}.push-input-refined,.push-select-refined,.push-textarea-refined{background:#fdfdfd;border:2px solid #f1f5f9;border-radius:12px;color:#1e293b;font-size:.95rem;font-weight:700;outline:none;padding:14px 16px 14px 48px;transition:all .2s;width:100%}.push-textarea-refined{min-height:120px;padding-top:14px;resize:vertical}.push-input-refined:focus,.push-select-refined:focus,.push-textarea-refined:focus{background:#fff;border-color:#006a4e;box-shadow:0 0 0 4px #006a4e14}.push-status-refined{align-items:center;border-radius:12px;display:flex;font-size:.9rem;font-weight:700;gap:12px;padding:16px}.push-status-refined.success{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.push-status-refined.error{background:#fff1f2;border:1px solid #fecdd3;color:#9f1239}.push-footer-refined{display:flex;justify-content:flex-end;margin-top:8px}.btn-send-push-premium{align-items:center;background:#006a4e;border:none;border-radius:14px;box-shadow:0 10px 20px #006a4e26;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:900;gap:12px;padding:16px 32px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-send-push-premium:hover:not(:disabled){background:#004d39;box-shadow:0 15px 30px #006a4e40;transform:translateY(-2px)}.btn-send-push-premium:disabled{cursor:not-allowed;opacity:.7}.spinning{animation:spin 1s linear infinite}.push-form-row{display:flex;gap:1.5rem;width:100%}.push-form-row .form-group{flex:1 1}.push-card{background:#fff;border:1px solid #f1f5f9;border-radius:20px;box-shadow:0 10px 30px #0000000a;margin-bottom:2rem;padding:2.5rem}.push-card-header{align-items:center;display:flex;gap:1rem;margin-bottom:.5rem}.push-card-header .material-symbols-outlined{color:#006a4e;font-size:2.5rem}.push-card-header h2{color:#0f172a;font-size:1.5rem;font-weight:850;margin:0}.push-subtitle{color:#64748b;font-size:.95rem;font-weight:600;margin-bottom:2.5rem}.push-form{display:flex;flex-direction:column;gap:1.5rem}.form-group label{color:#000!important;display:block!important;font-size:.85rem!important;font-weight:900!important;letter-spacing:.5px;margin-bottom:.6rem;opacity:1!important;visibility:visible!important}.push-input,.push-select,.push-textarea{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;color:#1e293b;font-size:1rem;font-weight:600;padding:1rem 1.25rem;transition:all .2s}.push-input:focus,.push-select:focus,.push-textarea:focus{background:#fff;border-color:#006a4e;box-shadow:0 0 0 4px #006a4e1a;outline:none}.push-textarea{resize:vertical}.btn-send-push{align-items:center;background:#006a4e;border:none;border-radius:12px;box-shadow:0 10px 20px #006a4e26;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:800;gap:.75rem;justify-content:center;margin-top:1rem;padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-send-push:hover:not(:disabled){background:#004d39;box-shadow:0 15px 30px #006a4e33;transform:translateY(-2px)}.btn-send-push:disabled{cursor:not-allowed;opacity:.7}.push-form-msg-row-unified{align-items:center;background:#fdfdfd;display:flex;gap:1.25rem;margin-top:1rem;padding:.5rem 0;width:100%}.msg-label-inline{color:#000!important;font-size:.85rem!important;font-weight:1000!important;letter-spacing:.5px;min-width:80px;text-transform:uppercase;white-space:nowrap}.push-textarea-compact{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;color:#1e293b;flex:1 1;font-size:1rem;font-weight:600;height:52px;line-height:1.4;padding:1rem 1.25rem;resize:none;transition:all .2s}.btn-send-push-inline{align-items:center;background:#006a4e;border:none;border-radius:12px;box-shadow:0 4px 12px #006a4e26;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:850;gap:.75rem;height:52px;padding:0 2rem;transition:all .2s}.btn-send-push-inline:hover{background:#004d39;box-shadow:0 8px 20px #006a4e40;transform:translateY(-2px)}.push-status.success{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.push-status.error{background:#fff1f2;border:1px solid #fecdd3;color:#9f1239}@media (max-width:768px){.admin-push-container{padding:14px}.premium-header-green.att-header{border-radius:16px;margin-bottom:20px;padding:12px 20px}.page-title-white{font-size:16px;gap:8px}.page-title-white:before{height:18px;width:3px}.form-grid-new{grid-template-columns:1fr}.push-card-header-new,.push-form-refined{padding:20px}.btn-send-push-premium{justify-content:center;width:100%}.push-card{padding:1.5rem}.push-form-row{flex-direction:column;gap:1.5rem}}@media (max-width:480px){.premium-header-green.att-header{margin-bottom:12px;padding:10px 14px}.page-title-white{font-size:15px;gap:6px}.page-title-white:before{height:16px;width:3px}}.push-banner-info{align-items:center;background:#e0f2fe;border:1px solid #bae6fd;border-radius:12px;color:#0369a1;display:flex;font-weight:600;gap:12px;margin-bottom:24px;padding:16px 24px}.confirm-modal-overlay{animation:confirmFadeIn .25s ease-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0f172a26;height:100vh;justify-content:center;left:0;padding:16px;position:fixed;top:0;width:100vw;z-index:999999}.confirm-modal-card,.confirm-modal-overlay{align-items:center;box-sizing:border-box;display:flex}.confirm-modal-card{animation:confirmScaleIn .25s cubic-bezier(.34,1.56,.64,1);background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 20px 40px -8px #0f172a33;flex-direction:column;gap:16px;max-width:380px;padding:24px;width:100%}.confirm-modal-header{align-items:center;display:flex;flex-direction:column;gap:12px;width:100%}.warning-icon-bg{align-items:center;background:#fefce8;border-radius:50%;color:#eab308;display:flex;height:56px;justify-content:center;width:56px}.warning-icon-bg span{font-size:32px}.confirm-modal-header h3{color:#0f172a;font-size:18px;font-weight:800;letter-spacing:-.01em;margin:0;text-align:center}.confirm-modal-body{text-align:center;width:100%}.confirm-modal-body p{color:#64748b;font-size:14px;font-weight:500;line-height:1.5;margin:0}.confirm-modal-footer{display:flex;gap:12px;justify-content:center;margin-top:8px;width:100%}.btn-cancel-flat{background:#f1f5f9;border:none;border-radius:12px;color:#475569;cursor:pointer;flex:1 1;font-size:14px;font-weight:700;padding:10px 16px;text-align:center;transition:all .2s ease}.btn-cancel-flat:hover{background:#e2e8f0;color:#1e293b}.btn-confirm-danger{background:#dc2626;border:none;border-radius:12px;box-shadow:0 4px 10px #dc262633;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:700;padding:10px 16px;text-align:center;transition:all .2s ease}.btn-confirm-danger:hover{background:#b91c1c;box-shadow:0 6px 12px #dc26264d;transform:translateY(-1px)}@keyframes confirmFadeIn{0%{opacity:0}to{opacity:1}}@keyframes confirmScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.page-header.premium-header{border:1px solid #ffffff1a}.page-header.premium-header:after{background:#ffffff0d}.page-header.premium-header .page-subtitle{color:#ffffffd9!important;font-size:16px;font-weight:500;margin-top:8px}.btn-export-premium{align-items:center!important;background:#fff!important;border-radius:50px;box-shadow:0 4px 12px #0000001a;color:#006a4e!important;display:flex!important;font-size:15px;gap:10px!important;padding:10px 24px}.btn-export-premium:hover{background:#f8fafc!important;box-shadow:0 6px 15px #00000026}.btn-export-premium .material-symbols-outlined{color:#006a4e!important;display:block!important;font-size:20px!important}.btn-stock-overview{background:#10b981;color:#fff}.btn-stock-overview:hover{background:#059669;box-shadow:0 4px 12px #10b98133;transform:translateY(-1px)}.stock-stats{grid-gap:28px;gap:28px;margin:0 0 40px;width:100%}@media (max-width:1400px){.stock-stats{gap:20px;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.stock-stats{gap:16px;grid-template-columns:1fr}}.stat-card{border:1px solid #e2e8f0b3;border-radius:28px;box-shadow:0 8px 30px #00000008;gap:28px;justify-content:center;min-height:140px;padding:32px;transition:all .4s cubic-bezier(.4,0,.2,1)}.stat-card:hover{border-color:#006a4e33;box-shadow:0 25px 50px #00000014;transform:translateY(-10px) scale(1.02)}.stat-card:after{background:#0000;bottom:0;content:"";height:4px;left:0;position:absolute;transition:all .3s ease;width:100%}.stat-card:hover:after{background:#006a4e}.stat-icon{border-radius:18px;box-shadow:0 4px 10px #00000005;height:72px;width:72px}.stat-icon span{font-size:32px}.stat-info{flex:1 1;min-width:0}.stat-label,.stat-value{white-space:nowrap}.stat-value{font-size:32px;transition:all .2s ease;word-break:normal}.stock-table-container{border:1px solid #e2e8f0cc;border-radius:28px;box-shadow:0 15px 40px #00000014}.section-title{font-size:18px}.product-info-cell{display:flex;flex-direction:column}.product-name{font-weight:600}.product-sku{color:#94a3b8;font-family:monospace;font-size:11px}.status-badge{border-radius:30px;display:inline-block;font-size:11px;font-weight:700;padding:6px 12px;text-transform:uppercase}.status-badge.normal{background:#dcfce7;color:#166534}.status-badge.low{background:#fef9c3;color:#854d0e}.status-badge.critical{background:#fee2e2;color:#991b1b}.payment-badge.paid{background:#dcfce7;color:#166534}.payment-badge.unpaid{background:#fee2e2;color:#991b1b}.icon-action-btn{background:#fff;border:1px solid #e2e8f0;height:36px;width:36px}.icon-action-btn.view:hover{background:#eff6ff;border-color:#3b82f6}.icon-action-btn.delete:hover{background:#fef2f2;border-color:#ef4444}.icon-action-btn span{font-size:20px}.quick-entry-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:24px}.quick-entry-grid{gap:20px;padding:24px}.quick-entry-row{align-items:center;display:flex;gap:32px}.quick-entry-item{flex:1 1}.quick-entry-label{color:#1e293b;font-size:14px;font-weight:600;min-width:105px}.quick-entry-input,.quick-entry-select{background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;color:#1e293b;flex:1 1;font-size:14px;height:44px;padding:0 16px;transition:all .2s}.quick-entry-input:focus{background:#fff;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.amount-input-wrapper{flex:1 1}.product-dropdown{display:flex;flex:1 1}.product-dropdown-toggle{background:#f8fafc;border-radius:8px;padding:0 16px;text-align:left;transition:all .2s}.product-dropdown-toggle:hover{border-color:#10b981}.product-dropdown-menu{max-height:300px}.product-dropdown-item{border-bottom:1px solid #f1f5f9;transition:all .2s}.product-dropdown-item:last-child{border-bottom:none}.product-dropdown-item.active{border-left:3px solid #10b981}.product-name-text{color:#1e293b;font-size:14px;font-weight:600}.product-sku-category{text-transform:uppercase}.quick-entry-footer{justify-content:space-between;margin-top:32px;padding:24px}.payment-toggle{border-radius:8px;height:44px;justify-content:space-between;min-width:200px;padding:0 16px;transition:all .2s}.payment-toggle.unpaid{background:#fef2f2;border-color:#fecaca}.toggle-switch{border-radius:20px;height:20px;width:36px}.toggle-switch:after{height:16px;transition:all .2s;width:16px}.paid .toggle-switch:after{transform:translateX(16px)}.add-btn-colored{border-color:#3b82f6!important;color:#3b82f6!important}.bill-btn-colored{border-color:#f59e0b!important;color:#f59e0b!important}.log-btn-colored{background:#059669!important;border-color:#059669!important;color:#fff!important}.bill-modal-overlay{background:#0009;padding:24px;z-index:10000}.bill-modal-content{box-shadow:0 20px 50px #0003;max-width:700px;padding:40px;width:100%}.bill-header{padding-bottom:20px}.bill-header,.bill-table{margin-bottom:30px}.bill-table th{border-bottom:1px solid #e2e8f0;font-size:12px;padding:12px;text-align:left}.bill-table td{border-bottom:1px solid #f1f5f9;font-size:14px;padding:12px}.bill-footer{padding-top:20px}.feedback-toast.success{background:#10b981}.modal-content{animation:modalPop .4s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:32px;box-shadow:0 40px 100px #00000040;max-width:750px;width:95%}.perfect-label{color:#334155;font-size:14px;font-weight:700;letter-spacing:.02em}.perfect-input{background-color:#f8fafc;border:2px solid #f1f5f9;border-radius:16px;font-size:16px;font-weight:500;padding:16px 20px;transition:all .3s ease}.perfect-input:focus{background-color:#fff;border-color:#006a4e;box-shadow:0 0 0 4px #006a4e1a}.perfect-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m19 9-7 7-7-7'/%3E%3C/svg%3E");background-position:right 16px center;background-size:20px;padding-right:48px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:20px 24px}.modal-body{padding:24px}.modal-row{grid-gap:12px;gap:12px;margin-bottom:12px}.modal-input,.modal-select{border:1px solid #e2e8f0;border-radius:8px;font-size:14px;padding:10px 12px;width:100%}.modal-confirm.delete{color:#fff}.export-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-top:24px}.export-option-btn{background:none;border:2px solid #e2e8f0;border-radius:12px;flex-direction:column;padding:16px;transition:all .2s}.export-option-btn:hover{background:#eff6ff;border-color:#3b82f6}.export-section h4{color:#1e293b;font-size:14px;margin-bottom:12px}.export-format-options,.export-type-options{margin-bottom:20px}.format-option,.type-option{border:2px solid #e2e8f0}.empty-state{padding:48px}.empty-icon{color:#cbd5e1;font-size:48px;margin-bottom:16px}.desktop-table-view{display:block}.mobile-cards-view{display:none}.stock-mobile-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 2px 10px #0000000d;margin-bottom:16px;padding:16px}.smc-header{border-bottom:2px solid #f1f5f9;display:flex;flex-direction:column;gap:4px;margin-bottom:12px;padding-bottom:12px}.smc-name{color:#006a4e;font-size:18px;font-weight:800;line-height:1.3}.smc-sku{color:#94a3b8;font-family:monospace;font-size:11px}.smc-body{display:flex;flex-direction:column;gap:2px}.smc-row{align-items:center;border-bottom:1px solid #f8fafc;display:flex;justify-content:space-between;padding:12px 0}.smc-row:last-child{border-bottom:none}.smc-label{color:#64748b;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.smc-value{color:#0f172a;font-size:15px;font-weight:700}.smc-price{color:#006a4e;font-size:18px;font-weight:800;white-space:nowrap}@media (max-width:1024px){.stock-page{padding:24px}.stock-stats{gap:16px;grid-template-columns:repeat(2,1fr)}.quick-entry-row{align-items:stretch;flex-direction:column;gap:16px}}@media (max-width:768px){.stock-page{padding:16px}.desktop-table-view{display:none}.mobile-cards-view{display:block;padding:16px}.page-header.premium-header{align-items:center!important;background:linear-gradient(135deg,#006a4e,#004d39)!important;border-radius:12px!important;box-sizing:border-box!important;flex-direction:row!important;gap:8px!important;justify-content:space-between!important;margin-bottom:20px!important;padding:12px 16px!important;width:100%!important}.page-header.premium-header .page-title{font-size:16px!important;white-space:normal!important}.page-header.premium-header .page-subtitle{display:none!important}.header-actions{gap:8px!important;margin:0!important;width:auto!important}.btn-export-premium,.header-actions{align-items:center!important;display:flex!important}.btn-export-premium{background:#fff!important;border:none!important;border-radius:30px!important;box-shadow:0 4px 10px #0000001a!important;color:#006a4e!important;font-size:13px!important;font-weight:700!important;gap:6px!important;padding:6px 14px!important}.btn-export-premium .material-symbols-outlined{color:#006a4e!important;display:block!important;font-family:Material Symbols Outlined!important;font-size:20px!important;font-weight:400!important}.stock-stats{grid-gap:12px!important;display:grid!important;gap:12px!important;grid-template-columns:repeat(2,1fr)!important;margin-bottom:24px!important;width:100%!important}.stat-card{align-items:center!important;border-radius:16px!important;flex-direction:column!important;gap:8px!important;justify-content:center!important;min-height:130px!important;padding:16px 12px!important;text-align:center!important}.stat-icon{border-radius:12px!important;height:44px!important;margin-bottom:4px!important;width:44px!important}.stat-info{align-items:center!important}.stat-label{font-size:10px!important;margin-bottom:4px!important}.stat-value{font-size:22px!important}.stat-detail{font-size:11px!important}.table-responsive{overflow:visible}.stock-table{background:#0000;border:none;display:block}.stock-table thead{display:none}.stock-table tbody{background:#0000;display:flex;flex-direction:column;gap:16px}.stock-table tr{border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000a;box-shadow:0 4px 12px #0000000d;display:block;display:flex;flex-direction:column;margin-bottom:12px;margin-bottom:20px;padding:12px 16px;padding:16px}.stock-table td:first-child{border-bottom:2px solid #f1f5f9;display:block;margin-bottom:8px;padding-bottom:12px;text-align:left;width:100%}.stock-table td .product-name{display:block;line-height:1.2}.stock-table td .product-sku{color:#94a3b8;display:block;font-size:11px;margin-top:4px}.stock-table tr{box-shadow:0 4px 15px #0000000f!important;margin-bottom:20px!important}.no-data-cell{display:block!important;padding:40px!important;text-align:center!important}.no-data-cell:before{display:none!important}.stock-table tbody{background:#0000!important;display:flex!important;flex-direction:column!important;gap:16px!important}.stock-table tr{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:12px!important;box-shadow:0 4px 12px #0000000d!important;box-sizing:border-box!important;margin-bottom:8px!important;padding:16px!important}.stock-table td:first-child,.stock-table tr{display:block!important;width:100%!important}.stock-table td:first-child{border-bottom:2px solid #f1f5f9!important;margin-bottom:12px!important;padding:0 0 12px!important;text-align:left!important}.stock-table td:first-child:before{display:none!important}.stock-table td .product-info-cell{align-items:flex-start!important;display:flex!important;flex-direction:column!important;gap:4px!important;text-align:left!important;width:100%!important}.stock-table td .product-name{color:#006a4e!important;display:block!important;font-size:18px!important;font-weight:800!important;line-height:1.4!important;overflow-wrap:break-word!important;white-space:normal!important;width:100%!important;word-break:break-word!important}.stock-table td .product-sku{color:#94a3b8!important;display:block!important;font-size:11px!important}.stock-table td:not(:first-child){align-items:center!important;border-bottom:1px solid #f8fafc!important;box-sizing:border-box!important;display:flex!important;gap:12px!important;justify-content:space-between!important;padding:14px 0!important;width:100%!important}.stock-table td:last-child{border-bottom:none!important}.stock-table td:before{color:#64748b!important;content:attr(data-label)!important;flex-shrink:0!important;font-size:11px!important;font-weight:700!important;letter-spacing:.05em!important;text-align:left!important;text-transform:uppercase!important}.stock-table td>.size-badge,.stock-table td>span{font-weight:700!important;margin-left:auto!important;text-align:right!important}.stock-table td .size-badge{background:#ecfdf5!important;border:1px solid #10b981!important;border-radius:8px!important;color:#059669!important;display:inline-block!important;font-size:13px!important;padding:6px 14px!important}.stock-value-text{color:#0f172a!important;font-size:15px!important}.price-value-text{color:#006a4e!important;font-size:17px!important;font-weight:800!important;white-space:normal!important}.modal-row{grid-template-columns:1fr}.history-filters{align-items:stretch;flex-direction:column}.search-box{max-width:100%}.filter-select,.payment-toggle{width:100%}.quick-entry-footer{flex-direction:column;gap:12px}.quick-entry-action-group{flex-wrap:wrap;gap:8px}.quick-entry-action-group button{flex:1 1;justify-content:center}.export-options{grid-template-columns:1fr}}@media (max-width:480px){.stock-stats{grid-template-columns:repeat(2,1fr)}.page-header.premium-header .page-title{font-size:20px}.stock-table tr{padding:12px}}@media print{.header-actions,.history-filters,.modal-overlay,.quick-entry-card{display:none!important}.stock-page{padding:0}.stock-table-container{border:none;box-shadow:none}}.centered-header{padding:30px 24px;text-align:center}.stock-table th{text-align:center!important;vertical-align:middle}.group-name-cell{background:#fafafa;border-bottom:2px solid #e2e8f0;border-right:1px solid #f8fafc;padding:24px!important;text-align:center;vertical-align:middle}.product-name{display:block;font-size:18px;font-weight:850}.variant-label-badge{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:30px;box-shadow:0 2px 5px #10b98114;color:#059669;display:inline-block;font-size:11px;font-weight:800;letter-spacing:.04em;margin-top:10px;padding:6px 14px;text-transform:uppercase}.quantity-cell,.size-cell{padding:18px 20px!important;text-align:center;vertical-align:middle}.size-badge-premium{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#475569;font-size:14px;font-weight:700;padding:8px 16px}.quantity-cell{color:#334155;font-size:16px;font-weight:700}.total-stock-group-cell{background:#fafafa;border-bottom:2px solid #e2e8f0;border-left:1px solid #f8fafc;color:#10b981;font-size:22px;font-weight:900;padding:24px!important;text-align:center;vertical-align:middle}@media screen and (max-width:1024px){.desktop-table-view{display:none!important}}@media screen and (min-width:1025px){.mobile-cards-view{display:none!important}}.stock-overview-new{background-color:#f8fafc;color:#1e293b;font-family:Inter,sans-serif;min-height:100vh;padding:32px}.header-new{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.title-new{color:#0f172a;font-size:28px;font-weight:700}.actions-new{display:flex;gap:12px}.btn-add-new{align-items:center;background-color:#065f46;border:none;border-radius:20px;box-shadow:0 4px 12px #065f4633;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.btn-add-new:hover{background-color:#047857;transform:translateY(-1px)}.btn-export-new{align-items:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:20px;color:#1e293b;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.btn-export-new:hover{background-color:#f1f5f9}.btn-reset-new{align-items:center;background-color:#fee2e2;border:none;border-radius:50%;color:#dc2626;cursor:pointer;display:flex;height:42px;justify-content:center;transition:all .2s;width:42px}.stats-container-new{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-bottom:32px}.stat-card-new{background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d;gap:20px;padding:24px}.stat-card-new,.stat-icon-box{align-items:center;display:flex}.stat-icon-box{border-radius:14px;height:56px;justify-content:center;width:56px}.stat-icon-box.green{background-color:#dcfce7;color:#16a34a}.stat-icon-box.yellow{background-color:#fef9c3;color:#ca8a04}.stat-icon-box.red{background-color:#fee2e2;color:#dc2626}.stat-icon-box .material-symbols-outlined{font-size:28px}.stat-img-icon{filter:drop-shadow(0 4px 6px rgba(0,0,0,.1));height:44px;object-fit:contain;width:44px}.stat-label-new{color:#64748b;display:block;font-size:14px;font-weight:500;margin-bottom:4px}.stat-value-new{color:#0f172a;font-size:24px;font-weight:700}.unit-new{color:#94a3b8;font-size:14px;font-weight:400}.filter-tabs-new{background-color:#f1f5f9;border-radius:12px;display:flex;margin-bottom:32px;padding:4px;width:-webkit-fit-content;width:fit-content}.tab-new{align-items:center;background:none;border:none;border-radius:10px;color:#64748b;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:10px 24px;transition:all .2s}.tab-new.active{background-color:#065f46;box-shadow:0 4px 12px #065f4633;color:#fff}.dot-new{background-color:#10b981;border-radius:50%;height:8px;width:8px}.tab-new.active .dot-new{background-color:#fff}.category-section-new{margin-bottom:40px}.category-title-new{color:#0f172a;font-size:20px;font-weight:700;margin-bottom:20px}.product-grid-new{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.product-card-new{background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 1px 3px #0000000d;padding:16px;transition:transform .2s,box-shadow .2s}.product-card-new:hover{box-shadow:0 10px 15px -3px #0000001a;transform:translateY(-4px)}.card-header-new{align-items:center;display:flex;gap:12px;margin-bottom:20px}.plate-icon-new{align-items:center;background:#f8fafc;border-radius:10px;display:flex;height:44px;justify-content:center;padding:8px;width:44px}.plate-icon-new img{height:100%;object-fit:contain;width:100%}.card-product-name-new{color:#1e293b;font-size:18px;font-weight:700}.status-badge-inline-new{align-items:center;background-color:#f0fdf4;border-radius:12px;display:flex;font-size:14px;font-weight:600;justify-content:space-between;margin-bottom:16px;padding:12px 16px}.status-badge-inline-new.green{background-color:#f0fdf4;color:#166534}.status-badge-inline-new.yellow{background-color:#fffbeb;color:#92400e}.status-badge-inline-new.red{background-color:#fef2f2;color:#991b1b}.status-badge-text-new{border-radius:8px;font-size:12px;padding:4px 10px;text-transform:uppercase}.green .status-badge-text-new{background:#dcfce7}.yellow .status-badge-text-new{background:#fef3c7}.red .status-badge-text-new{background:#fee2e2}.main-quantity-new{color:#0f172a;font-size:28px;font-weight:800;margin-bottom:12px}.unit-small-new{color:#94a3b8;font-size:14px;font-weight:400}.available-row-new{display:flex;justify-content:center;margin-bottom:20px;margin-top:16px}.available-value-new{color:#334155;font-size:18px;font-weight:600}.footer-status-btn-new{align-items:center;border-radius:12px;display:flex;font-size:14px;font-weight:700;gap:8px;justify-content:center;padding:12px}.footer-status-btn-new.green{background-color:#f0fdf4;color:#166534}.footer-status-btn-new.yellow{background-color:#fffbeb;color:#b45309}.footer-status-btn-new.red{background-color:#fef2f2;color:#dc2626}.icon-small-new{font-size:18px!important}.empty-state-new{background:#fff;border-radius:20px;color:#94a3b8;padding:80px 0;text-align:center;width:100%}.empty-state-new .material-symbols-outlined{font-size:64px;margin-bottom:16px}.feedback-toast-new{align-items:center;animation:slideInRightToast .3s ease-out;background:#1e293b;border-radius:12px;box-shadow:0 10px 15px -3px #0003;color:#fff;display:flex;gap:12px;padding:16px 24px;position:fixed;right:24px;top:24px;z-index:9999}.feedback-toast-new.success{background:#059669}@keyframes slideInRightToast{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.stats-container-new{grid-template-columns:1fr}.header-new{align-items:flex-start;flex-direction:column;gap:16px}}.pro-stock-dashboard{background-color:#f1f5f9;color:#0f172a;font-family:Inter,system-ui,-apple-system,sans-serif;min-height:100vh;padding:40px}.pro-header{align-items:flex-end;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:48px;padding-bottom:32px}.header-title{color:#0f172a;font-size:32px;font-weight:800;letter-spacing:-.02em;margin-bottom:8px}.header-subtitle{color:#64748b;font-size:16px;font-weight:500}.header-controls{display:flex;gap:12px}.pro-btn{align-items:center;border:1px solid #0000;border-radius:12px;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;padding:12px 24px;transition:all .2s cubic-bezier(.4,0,.2,1)}.pro-btn .material-symbols-outlined{font-size:20px}.pro-btn.primary{background-color:#0f172a;box-shadow:0 4px 12px #0f172a26;color:#fff}.pro-btn.primary:hover{background-color:#1e293b;box-shadow:0 8px 20px #0f172a33;transform:translateY(-2px)}.pro-btn.secondary{background-color:#fff;border:1px solid #e2e8f0;color:#0f172a}.pro-btn.secondary:hover{background-color:#f8fafc;border-color:#cbd5e1}.pro-btn.danger-outline{background:#fff;border:1px solid #fee2e2;color:#ef4444;height:48px;justify-content:center;padding:0;width:48px}.pro-btn.danger-outline:hover{background:#fef2f2;border-color:#fca5a5;transform:rotate(15deg)}.spin-hover:hover{animation:spin .6s linear infinite}.pro-stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-bottom:48px}.pro-stat-card{align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:24px;display:flex;justify-content:space-between;overflow:hidden;padding:32px;position:relative;transition:all .3s}.pro-stat-card:hover{border-color:#94a3b8;box-shadow:0 12px 24px -8px #00000014}.pro-stat-card:before{content:"";height:4px;left:0;position:absolute;top:0;width:100%}.pro-stat-card.total:before{background:#0f172a}.pro-stat-card.warning:before{background:#f59e0b}.pro-stat-card.critical:before{background:#ef4444}.stat-label{display:block;font-size:14px;margin-bottom:12px}.stat-value{font-size:36px}.stat-unit{color:#94a3b8;font-size:16px;font-weight:500}.stat-trend{align-items:center;border-radius:20px;display:flex;font-size:13px;font-weight:700;gap:4px;padding:6px 12px}.stat-trend.positive{background:#f0fdf4;color:#166534}.stat-badge{border-radius:20px;font-size:12px;font-weight:700;padding:6px 14px;text-transform:uppercase}.stat-badge.warning{background:#fff7ed;color:#c2410c}.stat-badge.critical{background:#fef2f2;color:#b91c1c}.pro-filter-bar{margin-bottom:40px}.filter-segmented{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d;display:flex;padding:6px;width:-webkit-fit-content;width:fit-content}.segmented-item{align-items:center;background:none;border:none;border-radius:12px;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 24px;transition:all .2s}.segmented-item.active{background-color:#0f172a;box-shadow:0 4px 12px #0000001a;color:#fff}.pro-status-dot{background:#cbd5e1;border-radius:50%;height:8px;width:8px}.pro-status-dot.active{background:#10b981}.pro-category-group{margin-bottom:56px}.category-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.category-name{color:#1e293b;font-size:24px;font-weight:800}.category-summary{color:#64748b;font-size:15px}.category-summary strong{color:#0f172a}.pro-product-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.pro-product-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;display:flex;flex-direction:column;padding:24px;transition:all .3s}.pro-product-card:hover{border-color:#cbd5e1;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(-4px)}.pro-card-top{gap:16px;margin-bottom:24px}.pro-card-top,.product-visual{align-items:center;display:flex}.product-visual{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;color:#64748b;height:48px;justify-content:center;width:48px}.product-id{display:flex;flex:1 1;flex-direction:column}.v-name{color:#0f172a;font-size:18px;font-weight:800}.v-sku{color:#94a3b8;font-size:12px;font-weight:600;letter-spacing:.05em}.pro-status-pill{border-radius:20px;font-size:11px;font-weight:700;padding:4px 10px;text-transform:uppercase}.pro-status-pill.success{background:#dcfce7;color:#166534}.pro-status-pill.warning{background:#fef3c7;color:#92400e}.pro-status-pill.critical{background:#fee2e2;color:#991b1b}.pro-card-body{flex:1 1}.quantity-display{margin-bottom:12px}.qty-number{color:#0f172a;font-size:32px;font-weight:800}.qty-unit{font-weight:700;margin-left:8px}.pro-progress-container{background:#f1f5f9;border-radius:3px;height:6px;margin-bottom:24px}.pro-progress-bar{border-radius:3px;height:100%;transition:width 1s ease-in-out}.pro-progress-bar.blue{background:#3b82f6}.pro-progress-bar.yellow{background:#f59e0b}.pro-progress-bar.red{background:#ef4444}.pro-card-footer{align-items:center;border-top:1px solid #f1f5f9;display:flex;justify-content:space-between;padding-top:20px}.footer-info{display:flex;flex-direction:column}.f-label{color:#94a3b8;font-size:11px;font-weight:600;text-transform:uppercase}.f-value{color:#475569;font-size:14px;font-weight:700}.pro-icon-btn{align-items:center;background:#f8fafc;border:none;border-radius:10px;color:#64748b;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.pro-icon-btn:hover{background:#f1f5f9;color:#0f172a}.pro-empty-state{background:#fff;border:1px dashed #cbd5e1;border-radius:32px;padding:100px 0;text-align:center}.empty-icon-box{align-items:center;background:#f8fafc;border-radius:50%;color:#cbd5e1;display:flex;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.empty-icon-box .material-symbols-outlined{font-size:40px}.pro-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a66;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}.pro-modal{background:#fff;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;max-width:500px;overflow:hidden;width:100%}.pro-modal-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:24px 32px}.pro-modal-header h3{color:#0f172a;font-size:18px;font-weight:700}.export-grid{grid-gap:16px;display:grid;gap:16px;padding:32px}.export-choice{align-items:center;background:#f8fafc;border:1px solid #f1f5f9;border-radius:16px;cursor:pointer;display:flex;gap:20px;padding:20px;transition:all .2s}.export-choice:hover{background:#fff;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a;transform:scale(1.02)}.choice-icon{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000000d;color:#3b82f6;display:flex;height:48px;justify-content:center;width:48px}.choice-info strong{color:#0f172a;display:block;font-size:16px;margin-bottom:2px}.choice-info span{color:#64748b;font-size:13px}.pro-toast{align-items:center;animation:slideDownToast .4s cubic-bezier(.16,1,.3,1);background:#0f172a;border-radius:40px;box-shadow:0 20px 25px -5px #0003;color:#fff;display:flex;font-weight:600;gap:12px;left:50%;padding:16px 28px;position:fixed;top:32px;transform:translateX(-50%);z-index:2000}.pro-toast.success{background:#10b981}@keyframes slideDownToast{0%{opacity:0;transform:translate(-50%,-100%)}to{opacity:1;transform:translate(-50%)}}.page-header.premium-header{background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:20px;box-shadow:0 20px 40px -12px #00000040;padding:32px 48px}.page-header.premium-header .page-title{font-size:34px;letter-spacing:-.015em}.page-header.premium-header .page-subtitle{color:#fff9}.btn-add-stock-premium,.btn-export-premium{align-items:center;border-radius:40px;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:10px;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.btn-export-premium{background:#0ea5e9;border:none!important;box-shadow:0 4px 12px #0ea5e94d}.btn-export-premium:hover:not(:disabled){background:#0284c7;box-shadow:0 8px 15px #0ea5e966;transform:translateY(-2px)}.btn-add-stock-premium{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #fff3!important;color:#fff}.btn-add-stock-premium:hover{background:#fff3}.btn-reset-premium-full{align-items:center!important;background:#ef44441a!important;border:1px solid #ef444433!important;border-radius:40px!important;color:#ef4444!important;cursor:pointer!important;display:flex!important;font-size:14px!important;font-weight:700!important;gap:10px!important;padding:12px 24px!important;transition:all .3s ease!important}.btn-reset-premium-full:hover{background:#ef4444!important;box-shadow:0 8px 16px #ef444433!important;color:#fff!important;transform:translateY(-2px)!important}.btn-reset-premium-full span{font-size:20px!important}.page-header.premium-header{background:#006a4e!important;margin-bottom:24px!important;padding:24px 40px!important}.export-modal .modal-body{padding:30px}.export-section{margin-bottom:28px}.export-section h4{color:#94a3b8;font-size:11px;font-weight:800;letter-spacing:.1em;margin-bottom:16px;text-transform:uppercase}.format-option,.type-option{background:#f8fafc;border:2px solid #f1f5f9;border-radius:12px;gap:10px;padding:14px;transition:all .2s}.format-option input,.type-option input{display:none}.format-option .format-name,.type-option span{color:#64748b;font-size:13px;font-weight:700}.format-option .material-symbols-outlined{color:#94a3b8}.format-option.active,.type-option.active{background:#0ea5e90d;border-color:#0ea5e9}.format-option.active .format-name,.format-option.active .material-symbols-outlined,.type-option.active span{color:#0ea5e9}.colored-status{filter:grayscale(1) brightness(1.2);opacity:.5}.yellow .colored-status{filter:sepia(1) hue-rotate(5deg) saturate(3)}.red .colored-status{filter:sepia(1) hue-rotate(320deg) saturate(5)}.status-overlay{font-size:20px!important;font-weight:800!important;left:50%;position:absolute;text-shadow:0 2px 4px #0003;top:50%;transform:translate(-50%,-50%)}.yellow .status-overlay{color:#ca8a04}.red .status-overlay{color:#dc2626}@keyframes pulseRed{0%{box-shadow:0 0 0 0 #ef444466}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 0 0 #ef444400}}.pulse{animation:pulseRed 2s infinite}.btn-add-stock-premium{background:#fff!important;border:none!important;box-shadow:0 4px 12px #0000001a;color:#065f46!important}.btn-add-stock-premium:hover{background:#f8fafc!important;transform:translateY(-2px)}.btn-reset-premium{margin-left:8px}.unit-small-new{color:#64748b;font-size:13px;font-weight:500;margin-left:4px}@media (max-width:600px){.stats-container-new{grid-gap:12px!important;display:grid!important;gap:12px!important;grid-template-columns:repeat(2,1fr)!important;padding:0 4px!important;width:100%!important}.stats-container-new .stat-card-new{align-items:flex-start!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;gap:8px!important;min-width:0!important;padding:16px!important}.stats-container-new .stat-card-new:first-child{align-items:center!important;flex-direction:row!important;gap:16px!important;grid-column:span 2!important}.stats-container-new .stat-card-new:nth-child(2),.stats-container-new .stat-card-new:nth-child(3){grid-column:span 1!important;min-height:120px!important;width:100%!important}.stat-icon-box{border-radius:10px!important;flex-shrink:0!important;height:44px!important;width:44px!important}.stat-img-icon{height:32px!important;width:32px!important}.stat-value-new{font-size:19px!important;line-height:1.2!important}.stat-label-new{display:block!important;font-size:13px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:normal!important;width:100%!important}}@media (max-width:768px){.stock-overview-new{padding:12px}.page-header.premium-header{align-items:center;border-radius:16px;flex-direction:column;gap:16px;margin-bottom:16px;padding:20px;text-align:center}.page-header.premium-header .page-title{font-size:24px}.header-actions{flex-direction:column;gap:12px;width:100%}.btn-add-stock-premium,.btn-export-premium{justify-content:center;width:100%}.stats-container-new{gap:12px;grid-template-columns:1fr;margin-bottom:24px}.stat-card-new{gap:16px;padding:16px}.stat-icon-box{height:48px;width:48px}.stat-img-icon{height:32px;width:32px}.stat-value-new{font-size:20px}.filter-tabs-new{-webkit-overflow-scrolling:touch;gap:8px;justify-content:flex-start;margin-bottom:16px;overflow-x:auto;padding:8px 4px;width:100%}.tab-new{flex-shrink:0;font-size:13px;padding:8px 16px;white-space:nowrap}.product-grid-new{gap:16px;grid-template-columns:1fr}.product-card-new{padding:16px}.modal-overlay{align-items:flex-end!important;padding:0!important}.export-modal.modal-content{animation:slideUpBottom .4s cubic-bezier(.16,1,.3,1);border-radius:24px 24px 0 0!important;margin:0!important;max-width:100%!important;width:100%!important}@keyframes slideUpBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}.export-modal .modal-header{border-bottom:1px solid #f1f5f9;padding:16px 20px;position:relative}.export-modal .modal-header:before{background:#e2e8f0;border-radius:10px;content:"";display:block;height:4px;left:50%;position:absolute;top:8px;transform:translateX(-50%);width:40px}.export-modal .modal-body{padding:16px 20px 24px}.export-format-options,.export-type-options{flex-wrap:wrap;gap:8px}.format-option,.type-option{flex-basis:calc(50% - 4px);flex-grow:1;flex-shrink:1;font-size:12px;padding:12px 8px}.modal-footer{flex-direction:row;gap:12px;padding:12px 20px 32px}.modal-cancel,.modal-confirm{flex:1 1;margin:0}}.stock-hero-header{align-items:center;background:#006a4e;border-radius:20px;box-shadow:0 8px 16px #006a4e26;display:flex;justify-content:center;margin:16px;padding:24px}.hero-total-badge{align-items:center;color:#fff;display:flex;gap:12px}.hero-label{font-size:16px;font-weight:500;opacity:.9}.hero-value{font-size:32px;font-weight:800;letter-spacing:-.5px}.production-progress-container-new{margin:16px 0}.progress-track-new{background:#e2e8f0;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden}.progress-fill-new{background:#10b981;border-radius:4px;transition:width .5s cubic-bezier(.4,0,.2,1)}.progress-info-new{color:#64748b;font-size:11px;font-weight:500}.mini-stat{padding:16px!important}.stock-unified-hero-row{flex-direction:row!important;margin-bottom:32px!important}.hero-stat-item,.stock-unified-hero-row{display:flex!important;gap:16px!important}.hero-stat-item{align-items:center!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:16px!important;box-shadow:0 4px 6px -1px #0000000d!important;flex:1 1!important;padding:20px 24px!important;transition:all .3s ease!important}.hero-stat-item.main-total{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;border-color:#2563eb!important;box-shadow:0 10px 25px #2563eb33!important;color:#fff!important;flex:1.5 1!important}.hero-stat-item:hover{box-shadow:0 10px 15px -3px #0000001a!important;transform:translateY(-4px)!important}.main-total .hero-label{color:#fffc!important}.hero-icon-box{align-items:center!important;background:#0000000d!important;border-radius:12px!important;display:flex!important;height:48px!important;justify-content:center!important;width:48px!important}.main-total .hero-icon-box{display:none!important}.main-total .hero-icon-box span{color:#fff!important}.hero-details{display:flex!important;flex-direction:column!important;gap:2px!important;min-width:0!important}.hero-label{color:#64748b!important;font-size:10px!important;font-weight:800!important;letter-spacing:.5px!important}.hero-label,.hero-value{white-space:normal!important}.hero-value{color:#1e293b!important;font-size:18px!important;font-weight:900!important;line-height:1.2!important}.main-total .hero-value{color:#fff!important}.hero-value small{font-size:14px!important;font-weight:600!important;opacity:.7!important}.blue-alert .hero-icon-box span{color:#2563eb!important}.yellow-alert .hero-icon-box span{color:#d97706!important}.red-alert .hero-icon-box span{color:#dc2626!important}.blue-alert .hero-value{color:#2563eb!important}.yellow-alert .hero-value{color:#b45309!important}.red-alert .hero-value{color:#dc2626!important}.perfect-modal-delete{max-width:450px!important;padding:40px!important;text-align:center}.delete-icon-container{color:#ef4444;margin-bottom:24px}.delete-icon-container span{filter:drop-shadow(0 8px 15px rgba(239,68,68,.2));font-size:72px!important}.delete-modal-title{color:#1e293b;font-size:24px;font-weight:800;margin-bottom:12px}.delete-modal-text{color:#64748b;font-size:15px;line-height:1.6;margin-bottom:32px}.modal-actions-flex{display:flex;gap:16px;justify-content:center}.perfect-btn-full{flex:1 1;font-size:15px!important;justify-content:center;padding:14px!important}.btn-danger{background:#ef4444!important;border-color:#ef4444!important;color:#fff!important}.btn-danger:hover{background:#dc2626!important;box-shadow:0 8px 20px #ef444440!important}@media (max-width:768px){.stock-unified-hero-row{flex-direction:column!important;gap:16px!important;margin-bottom:24px!important;margin-top:24px!important}.hero-stat-item{border-radius:14px!important;gap:16px!important;justify-content:flex-start!important;min-height:auto!important;width:100%!important}.hero-stat-item,.page-header.premium-header{padding:16px 20px!important;text-align:left!important}.page-header.premium-header{align-items:center!important;background:linear-gradient(135deg,#006a4e,#004d39)!important;border-radius:12px!important;box-shadow:0 4px 12px #006a4e26!important;flex-direction:row!important;gap:12px!important;justify-content:space-between!important;margin-bottom:32px!important}.page-header.premium-header .page-title{align-items:center!important;display:flex!important;font-size:16px!important;gap:8px!important;letter-spacing:-.01em!important;white-space:nowrap!important}.page-header.premium-header .page-title:before{background:#10b981!important;border-radius:4px!important;content:""!important;display:block!important;height:18px!important;width:3px!important}.filter-tabs-new{flex-wrap:wrap!important;justify-content:center!important}.category-title-new{text-align:center!important}.main-quantity-new,.product-grid-new{justify-content:center!important}.empty-state-new,.main-quantity-new{text-align:center!important}}@media print{@page{size:A4 portrait;margin:0}.history-filters-wrapper,.mobile-overlay,.no-print,.premium-header,.quick-entry-card,.sidebar,.stock-table-container,.topbar,aside,header{display:none!important}body,html{background:#fff!important}.bill-modal-overlay,body,html{margin:0!important;padding:0!important;width:794px!important}.bill-modal-overlay{background:#0000!important;display:block!important;height:auto!important;left:0!important;overflow:visible!important;position:absolute!important;top:0!important;z-index:auto!important}.bill-modal-content{background:#fff!important;border:none!important;box-shadow:none!important;box-sizing:border-box!important;margin:0!important;max-width:794px!important;min-height:1123px!important;min-width:794px!important;padding:45px 35px!important;width:794px!important}}:root{--primary-industrial:#00056a;--industrial-radius:20px}.page-header.premium-header{background:linear-gradient(135deg,#00056a,#004d39);margin-bottom:40px;padding:16px 32px}.page-title{font-size:24px}.page-subtitle{color:#ffffffd9;font-size:15px;font-weight:500;margin-top:6px}.btn-add-circle-premium{align-items:center;background:#fff3!important;border:1.5px solid #fff6!important;border-radius:50%;box-shadow:0 4px 15px #00000026;color:#fff!important;cursor:pointer;display:flex;height:48px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:48px}.btn-add-circle-premium:hover{background:#ffffff40;border-color:#fff;transform:scale(1.1)}.btn-add-circle-premium .material-symbols-outlined{font-size:28px}.stock-stats{grid-gap:16px;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.stat-card{cursor:pointer}.stat-card:hover{border-color:#00056a}.stat-icon{font-size:20px}.stat-icon.red{background:#fee2e2;color:#ef4444}.month-badge{background:#fff7ed;border:1px solid #ffedd5;border-radius:8px;box-shadow:0 2px 4px #c2410c14;color:#c2410c;font-size:10px;font-weight:800;letter-spacing:.08em;padding:4px 12px;position:absolute;right:12px;text-transform:uppercase;top:12px}.table-header{margin-bottom:12px}.table-header h3{align-items:center;color:#0f172a;color:var(--slate-900);display:flex;font-size:20px;font-weight:800;gap:12px}.header-icon-accent{color:#00056a}.stock-table td,.stock-table th{padding:20px 24px}.amount-cell{color:#00056a}.status-badge-lite{text-align:center}.action-buttons-center{display:flex;gap:8px;justify-content:center}.action-btn{border:none;height:38px;width:38px}.action-btn.edit{background:#eff6ff;color:#2563eb}.action-btn.edit:hover{background:#2563eb;color:#fff;transform:scale(1.1)}.action-btn.delete{background:#fee2e2;color:#ef4444}.action-btn.delete:hover{background:#ef4444;color:#fff;transform:scale(1.1)}.modal-row-grid{grid-gap:20px;gap:20px;margin-bottom:20px}@media (max-width:1200px){.stock-stats{grid-template-columns:repeat(2,1fr)}}.inline-add-form-container{animation:inlineFormSlideDown .4s cubic-bezier(.16,1,.3,1);margin-bottom:24px}@keyframes inlineFormSlideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.inline-form-card{background:#fff;background:var(--white);border:1.5px solid #e2e8f0;border:1.5px solid var(--slate-200);border-radius:24px;box-shadow:0 15px 30px -10px #00000014;padding:32px}@media (min-width:769px){.inline-add-form-container{align-items:center!important;animation:modalOverlayFadeIn .3s ease!important;-webkit-backdrop-filter:blur(6px)!important;backdrop-filter:blur(6px)!important;background:#0f172abf!important;bottom:0!important;display:flex!important;justify-content:center!important;left:0!important;margin:0!important;padding:20px!important;position:fixed!important;right:0!important;top:0!important;z-index:5000!important}.inline-form-card{animation:modalPopInEffect .4s cubic-bezier(.34,1.56,.64,1)!important;border:1px solid #fff3!important;border-radius:28px!important;box-shadow:0 25px 60px -12px #0006!important;max-height:90vh!important;max-width:95%!important;overflow-y:auto!important;padding:40px!important;width:650px!important}.premium-inline-form .form-row-grid{gap:24px!important;grid-template-columns:1fr 1fr!important}}@keyframes modalOverlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalPopInEffect{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.form-header-minimal{align-items:center;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--slate-100);display:flex;justify-content:space-between;margin-bottom:28px;padding-bottom:16px}.form-header-minimal h3{color:#0f172a;color:var(--slate-900);font-size:18px;font-weight:800;letter-spacing:-.02em;margin:0}.form-close-lite{align-items:center;background:#f1f5f9;background:var(--slate-100);border:none;border-radius:50%;color:#64748b;color:var(--slate-500);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.form-close-lite:hover{background:#fee2e2;color:#ef4444}.form-actions-inline{border-top:1px solid #f1f5f9;border-top:1px solid var(--slate-100);display:flex;gap:16px;justify-content:flex-end;margin-top:24px;padding-top:24px}.btn-save-lite{background:#00056a;background:var(--primary-industrial);border:none;border-radius:14px;box-shadow:0 4px 12px #006a4e26;box-shadow:0 4px 12px var(--primary-glow);color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:14px 40px;transition:all .2s}.btn-save-lite:hover{background:#004d39;background:var(--primary-deep);box-shadow:0 8px 20px #006a4e26;box-shadow:0 8px 20px var(--primary-glow);transform:translateY(-2px)}.btn-cancel-lite{background:#0000;border:1.5px solid #e2e8f0;border:1.5px solid var(--slate-200);border-radius:14px;color:#475569;color:var(--slate-600);cursor:pointer;font-size:15px;font-weight:700;padding:14px 28px;transition:all .2s}.btn-cancel-lite:hover{background:#f1f5f9;background:var(--slate-100);color:#1e293b;color:var(--slate-800)}.employee-dropdown-inline{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--slate-200);border-radius:16px;box-shadow:0 10px 25px #0000001a;left:0;margin-top:8px;max-height:250px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.employee-option-lite{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--slate-100);cursor:pointer;display:flex;flex-direction:column;gap:2px;padding:12px 18px;transition:background .2s}.employee-option-lite:hover{background:var(--slate-50)}.employee-option-lite strong{color:#1e293b;color:var(--slate-800);font-size:14px}.employee-option-lite span{color:#94a3b8;color:var(--slate-400);font-size:12px}@media (max-width:768px){.inline-form-card{border-radius:20px!important;padding:24px 20px!important}.form-actions-inline{flex-direction:column-reverse!important;gap:12px!important}.btn-cancel-lite,.btn-save-lite{padding:14px!important;width:100%!important}}.modal-header{background:#f8fafc;border-bottom:1.5px solid #edf2f7;padding:28px 32px}.modal-header h3{color:var(--slate-900);letter-spacing:-.02em}.modal-close{border-radius:50%;color:var(--slate-500);height:36px;width:36px}.modal-close:hover{background:#fee2e2;color:#ef4444;transform:rotate(90deg)}.perfect-input-group{margin-bottom:24px}.perfect-label{color:#94a3b8;color:var(--slate-400);display:block;font-size:11px;font-weight:800;letter-spacing:.12em;margin-bottom:10px;text-transform:uppercase}.perfect-input{background:#f8fafc;border:1.5px solid #edf2f7;border-radius:14px;color:#1e293b;color:var(--slate-800);font-size:15px;font-weight:600;outline:none;padding:14px 18px;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.perfect-input:focus{background:#fff;background:var(--white);border-color:#00056a;border-color:var(--primary-industrial);box-shadow:0 0 0 4px #006a4e26;box-shadow:0 0 0 4px var(--primary-glow)}.perfect-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b' stroke-width='2.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m19 9-7 7-7-7'/%3E%3C/svg%3E");background-position:right 18px center;background-repeat:no-repeat;background-size:16px;padding-right:45px}.modal-footer{border-top:1.5px solid #edf2f7;gap:16px}.btn-primary{background:#00056a;border-radius:14px;flex:1 1;font-size:15px;gap:10px;height:52px}.btn-primary:hover:not(:disabled){box-shadow:0 8px 20px #006a4e26;box-shadow:0 8px 20px var(--primary-glow);transform:translateY(-2px)}.btn-outline{background:#0000;border:1.5px solid #e2e8f0;border:1.5px solid var(--slate-200);border-radius:14px;color:#475569;color:var(--slate-600);cursor:pointer;flex:1 1;font-size:15px;font-weight:700;height:52px;transition:all .2s}.btn-outline:hover{background:#f1f5f9;border-color:var(--slate-300);color:#1e293b;color:var(--slate-800)}@media (max-width:768px){.stock-page{background:#fff!important;display:flex;flex-direction:column;gap:16px;padding:16px!important}.modal-header{align-items:center!important;border-bottom:1px solid #f1f5f9!important;display:flex!important;flex-shrink:0!important;justify-content:center!important;padding:20px 20px 16px!important;position:relative!important}.modal-header h3{font-size:16px!important;margin:0!important;text-align:center!important;width:100%!important}.modal-close{align-items:center!important;background:#f1f5f9!important;border-radius:50%!important;display:flex!important;height:32px!important;justify-content:center!important;position:absolute!important;right:16px!important;width:32px!important}.modal-content:before{display:none!important}.modal-body{flex:1 1!important;overflow-y:auto!important;padding:20px}.perfect-input-group{margin-bottom:16px!important;text-align:left!important}.perfect-label{display:block!important;font-size:13px!important;margin-bottom:8px!important;text-align:left!important}.modal-body form>div:last-child{background:#fff!important;border-top:1px solid #f1f5f9!important;display:flex!important;gap:12px!important;margin-top:10px!important;padding:20px 0 0!important;position:relative!important}.modal-overlay{align-items:center!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background:#0f172ad9!important;bottom:0!important;display:flex!important;height:100%!important;justify-content:center!important;left:0!important;overflow:hidden!important;padding:20px!important;position:fixed!important;right:0!important;top:0!important;z-index:1200!important}.stock-page .modal-content{background:#fff!important;border-radius:20px!important;box-shadow:0 20px 40px #0006!important;display:flex!important;flex-direction:column!important;margin:auto!important;max-height:85vh!important;max-width:100%!important;position:relative!important;width:100%!important}.modal-header{padding:20px 24px!important}.modal-body{padding:24px 20px!important}.modal-footer{background:#fff!important;background:var(--white)!important;border-top:1.5px solid #edf2f7!important;flex-direction:column!important;gap:12px!important;padding:16px 20px 32px!important}.btn-outline,.btn-primary{flex:none!important;height:52px!important;width:100%!important}.page-header.premium-header{align-items:center!important;background:linear-gradient(135deg,#00056a,#004d39)!important;background:linear-gradient(135deg,var(--primary-industrial) 0,var(--primary-deep) 100%)!important;border:1px solid #006a4e1a!important;border-radius:16px!important;box-shadow:0 4px 12px #006a4e26!important;flex-direction:row!important;gap:12px;justify-content:space-between!important;margin-bottom:20px!important;padding:12px 16px!important;text-align:left}.page-header.premium-header .page-title{font-size:14px!important;gap:8px!important;letter-spacing:-.01em!important;margin:0!important;white-space:nowrap!important}.page-header.premium-header .page-title:before{height:18px!important;width:3px!important}.page-header.premium-header .page-subtitle{display:none!important}.stock-stats{grid-gap:12px!important;display:grid!important;gap:12px!important;grid-template-columns:1fr 1fr!important;margin-bottom:20px!important;padding:0!important;width:100%!important}.stat-card{align-items:center!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:18px!important;box-shadow:0 4px 10px #00000008!important;flex-direction:column!important;gap:10px!important;justify-content:center!important;min-width:0!important;overflow:visible!important;padding:18px 10px!important;position:relative!important;text-align:center!important;width:100%!important}.stat-icon{border-radius:12px!important;font-size:20px!important;height:44px!important;margin-bottom:4px!important;width:44px!important}.stat-info{display:flex!important;flex-direction:column!important;gap:4px!important}.stat-info,.stat-label{align-items:center!important;width:100%!important}.stat-label{color:#64748b!important;display:block!important;display:flex!important;font-size:9px!important;font-weight:800!important;justify-content:center!important;letter-spacing:.05em;line-height:1.2!important;min-height:22px!important;text-transform:uppercase;white-space:normal!important}.stat-value{color:#0f172a!important;font-size:19px!important;font-weight:900!important}.month-badge{border-radius:6px!important;font-size:8px!important;padding:2px 8px!important;position:absolute!important;right:-4px!important;top:-8px!important;z-index:5!important}.stock-table-container{border-left:none!important;border-radius:12px!important;border-right:none!important;border-top:1px solid #eef5f0!important;box-shadow:none!important}.table-header{margin-bottom:16px!important;padding:16px 20px!important}.table-header h3{font-size:16px!important}.desktop-only-table{display:none!important}.mobile-history-cards,.mobile-only-item{display:flex!important}.mobile-history-cards{flex-direction:column;gap:14px;padding:0 16px 30px!important}.mobile-expense-card-minimal{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:20px!important;box-shadow:0 4px 15px #0000000a!important;margin-bottom:4px!important;overflow:hidden;padding:0!important;transition:all .3s cubic-bezier(.4,0,.2,1)}.mobile-expense-card-minimal.expanded{border-color:#00056a!important;border-color:var(--primary-industrial)!important;box-shadow:0 12px 25px #006a4e1a!important;transform:translateY(-2px)}.expense-card-main{align-items:center;display:flex;gap:14px;padding:16px 18px;position:relative}.expense-sno{align-items:center;background:#f1f5f9;border-radius:8px;color:#64748b;display:flex;flex-shrink:0;font-size:10px;font-weight:900;height:24px;justify-content:center;width:24px}.expense-category-lite{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.category-marker{border-radius:4px;flex-shrink:0;height:32px;width:4px}.category-details-wrapper{display:flex;flex-direction:column;min-width:0}.category-name-text{color:#0f172a;font-size:14px;font-weight:800;line-height:1.2}.description-text-lite{color:#64748b;font-size:11px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.expense-amount-lite{color:#006a4e;font-size:17px;font-weight:900;letter-spacing:-.02em;white-space:nowrap}.expand-icon{color:#cbd5e1;font-size:20px;transition:transform .3s ease}.mobile-expense-card-minimal.expanded .expand-icon{color:#00056a;color:var(--primary-industrial);transform:rotate(180deg)}.expense-card-details-expanded{animation:slideDown .3s ease-out;background:#fcfdfe;border-top:1px dashed #e2e8f0;padding:18px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.expanded-info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:20px}.info-row{display:flex;flex-direction:column;gap:4px}.expanded-info-label{color:#94a3b8;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.expanded-info-value{color:#334155;font-size:13px;font-weight:700}.expense-action-buttons{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.expense-mini-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;font-size:13px;font-weight:700;gap:8px;justify-content:center;padding:12px;transition:all .2s}.expense-mini-btn:active{background:#f8fafc;transform:scale(.98)}.expense-mini-btn.edit{background:#eff6ff;border-color:#dbeafe;color:#2563eb}.expense-mini-btn.delete{background:#fef2f2;border-color:#fee2e2;color:#ef4444}.expense-mini-btn span{font-size:16px}.export-text{display:none!important}.btn-export-premium{align-items:center!important;background:#fff!important;border:none!important;border-radius:50%!important;box-shadow:0 4px 12px #00000026!important;display:flex!important;flex-shrink:0!important;height:38px!important;justify-content:center!important;padding:0!important;width:38px!important}.btn-export-premium,.btn-export-premium span{color:#00056a!important;color:var(--primary-industrial)!important}.btn-export-premium span{font-size:22px!important;margin:0!important}}@media (max-width:480px){.page-header.premium-header{margin-bottom:12px!important;padding:8px 12px!important}.page-header.premium-header .page-title{font-size:12px!important;gap:6px!important}.page-header.premium-header .page-title:before{height:14px!important;width:2.5px!important}.stat-card{gap:4px!important;min-height:70px!important;padding:8px 6px!important}.stat-value{font-size:16px!important;font-weight:900!important}.stat-icon{display:none!important}.btn-add-circle-premium{height:42px!important;width:42px!important}.btn-add-circle-premium span{font-size:22px!important}}:root{--primary-industrial:#006a4e;--primary-glow:#006a4e26;--primary-deep:#004d39;--slate-900:#0f172a;--slate-800:#1e293b;--slate-700:#334155;--slate-600:#475569;--slate-500:#64748b;--slate-400:#94a3b8;--slate-200:#e2e8f0;--slate-100:#f1f5f9;--white:#fff;--industrial-radius:16px;--industrial-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #0000000d;--glass-bg:#fffffff2}.stock-page{background-color:#f8fafc;color:#1e293b;color:var(--slate-800);font-family:Inter,-apple-system,sans-serif;margin:0 auto;max-width:1600px;padding:32px 40px}.page-header.premium-header{background:linear-gradient(135deg,var(--primary-industrial) 0,var(--primary-deep) 100%);box-shadow:0 15px 35px -12px #006a4e40}.page-header.premium-header:after{background:radial-gradient(circle,#ffffff14 0,#0000 70%);height:400px;width:400px}.page-title{align-items:center;color:#fff;color:var(--white);display:flex;font-size:32px;font-weight:800;gap:12px;letter-spacing:-.01em;margin:0}.page-title:before{background:#10b981;border-radius:4px;box-shadow:0 0 10px #10b98166;content:"";display:block;height:28px;width:4px}.btn-export-premium{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:12px;gap:10px;padding:12px 24px}.btn-export-premium:hover{background:#ffffff40;box-shadow:0 10px 20px #0000001a}.date-range-selector{background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--slate-200);border-radius:20px;box-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #0000000d;box-shadow:var(--industrial-shadow);margin-bottom:32px;padding:24px 32px}.preset-buttons{display:flex;flex-wrap:nowrap;gap:12px;margin-bottom:24px;width:100%}.preset-btn{background:#fff;background:var(--white);border:1px solid #f1f5f9;border:1px solid var(--slate-100);border-radius:10px;color:#64748b;color:var(--slate-500);cursor:pointer;font-size:14px;font-weight:700;padding:10px 20px;transition:all .2s}.preset-btn:hover{background:#f1f5f9;background:var(--slate-100);color:#334155;color:var(--slate-700)}.preset-btn.active{background:#006a4e;background:var(--primary-industrial);border-color:#006a4e;border-color:var(--primary-industrial);box-shadow:0 8px 15px #006a4e26;box-shadow:0 8px 15px var(--primary-glow);color:#fff}.custom-range-inputs{align-items:flex-end;animation:slideDown .3s cubic-bezier(.4,0,.2,1);background:#fcfdfe;border:1px solid #e2e8f0;border:1px solid var(--slate-200);border-radius:18px;box-shadow:0 10px 25px -10px #0000000d;display:flex;gap:20px;margin-bottom:24px;padding:28px}.range-input-group{display:flex;flex:1 1;flex-direction:column;gap:10px}.range-input-group label{color:#94a3b8;color:var(--slate-400);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.date-input{background:#f8fafc;border:1.5px solid #edf2f7;border-radius:12px;color:#0f172a;color:var(--slate-900);font-size:14px;font-weight:700;outline:none;padding:14px 18px;transition:all .2s;width:100%}.date-input:focus{background:#fff;background:var(--white);border-color:#006a4e;border-color:var(--primary-industrial);box-shadow:0 0 0 4px #006a4e26;box-shadow:0 0 0 4px var(--primary-glow)}.btn-primary{align-items:center;background:#006a4e;background:var(--primary-industrial);border:none;border-radius:12px;cursor:pointer;display:flex;font-weight:700;height:50px;justify-content:center;padding:14px 32px;transition:all .2s}.btn-primary:hover:not(:disabled){background:#004d39;background:var(--primary-deep);box-shadow:0 4px 12px #006a4e26;box-shadow:0 4px 12px var(--primary-glow);transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.selected-range{align-items:center;border-top:1px solid #f1f5f9;border-top:1px solid var(--slate-100);display:flex;gap:20px;padding-top:20px}.range-label{color:#94a3b8;color:var(--slate-400);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.range-value{color:#1e293b;color:var(--slate-800);font-size:16px;font-weight:700}.month-navigation{align-items:center;background:#f1f5f9;background:var(--slate-100);border:1px solid #e2e8f0;border:1px solid var(--slate-200);border-radius:14px;display:flex;gap:15px;margin-left:auto;padding:8px 20px}.month-nav-btn{align-items:center;background:#0000;border:none;color:#006a4e;color:var(--primary-industrial);cursor:pointer;display:flex;padding:4px;transition:transform .2s}.month-nav-btn:hover{transform:scale(1.2) translateY(-1px)}.current-month{color:#0f172a;color:var(--slate-900);font-size:14px;font-weight:800;min-width:140px;text-align:center}.stock-stats.report-stats{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr);margin-bottom:40px}.stat-card{background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--slate-200);border-radius:20px;box-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #0000000d;box-shadow:var(--industrial-shadow);gap:24px;overflow:hidden;padding:30px;position:relative}.stat-card:hover{border-color:var(--primary-industrial);box-shadow:0 20px 30px -10px #006a4e1a}.stat-icon.blue{background:#eff6ff}.stat-icon.yellow{background:#fffbeb}.stat-icon.green{background:#f0fdf4;color:#16a34a}.stat-info{gap:4px}.stat-label{color:var(--slate-400);letter-spacing:.1em}.stat-value{color:var(--slate-900);font-size:26px;letter-spacing:-.03em}.stat-sub{color:#64748b;color:var(--slate-500);font-size:12px;font-weight:600}.chart-selector{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start;margin-bottom:32px}.chart-btn{background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--slate-200);border-radius:10px;color:#64748b;color:var(--slate-500);cursor:pointer;font-size:14px;font-weight:700;padding:10px 22px;transition:all .2s;white-space:nowrap}.chart-btn:hover{background:#f1f5f9;background:var(--slate-100)}.chart-btn.active{background:#006a4e;background:var(--primary-industrial);border-color:#006a4e;border-color:var(--primary-industrial);box-shadow:0 8px 15px #006a4e26;box-shadow:0 8px 15px var(--primary-glow);color:#fff;color:var(--white)}.charts-grid-layout{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-bottom:40px}.chart-card{background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--slate-200);border-radius:24px;box-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #0000000d;box-shadow:var(--industrial-shadow);display:flex;flex-direction:column;height:100%;padding:30px}.chart-header h3{align-items:center;color:#0f172a;color:var(--slate-900);display:flex;font-size:20px;font-weight:800;gap:12px;margin-bottom:35px}.category-chart{display:flex;flex-direction:column;gap:28px}.category-bar-item{display:flex;flex-direction:column;gap:12px}.category-info{align-items:center;display:flex;justify-content:space-between}.category-name{color:#334155;color:var(--slate-700);font-size:15px;font-weight:700}.category-stats{align-items:center;display:flex;gap:16px}.category-amount{color:#006a4e;color:var(--primary-industrial);font-size:16px;font-weight:800}.category-percentage{border-radius:8px;color:#475569;color:var(--slate-600);font-size:12px;font-weight:800;padding:4px 10px}.category-percentage,.progress-bar-container{background:#f1f5f9;background:var(--slate-100)}.progress-bar-container{border-radius:10px;height:10px;overflow:hidden}.progress-bar{border-radius:10px;height:100%;transition:width 1s cubic-bezier(.4,0,.2,1)}.payment-chart{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.payment-item{background:#f1f5f9;background:var(--slate-100);border:1px solid #e2e8f0;border:1px solid var(--slate-200);border-radius:16px;display:flex;flex-direction:column;gap:16px;padding:25px}.bar-chart{align-items:flex-end;display:flex;gap:32px;height:320px;overflow-x:auto;padding:50px 20px 20px}.bar{background:linear-gradient(0deg,#006a4e,#10b981);background:linear-gradient(to top,var(--primary-industrial),#10b981);border-radius:10px 10px 0 0;position:relative;transition:transform .3s ease;width:48px}.bar:hover{filter:brightness(1.1);transform:scaleX(1.05)}.bar-value{color:#0f172a;color:var(--slate-900);font-size:12px;font-weight:800;left:50%;position:absolute;top:-35px;transform:translateX(-50%);white-space:nowrap}.comparison-chart{display:flex;flex-direction:column;gap:35px}.comparison-item{display:flex;flex-direction:column;gap:16px}.comparison-months{align-items:center;display:flex;justify-content:space-between}.comparison-months span:first-child{color:#475569;color:var(--slate-600);font-size:14px;font-weight:700}.change{align-items:center;border-radius:8px;display:flex;font-size:13px;font-weight:800;gap:6px;padding:6px 14px}.change.positive{background:#dcfce7;color:#16a34a}.change.negative{background:#fee2e2;color:#ef4444}.comparison-bars{display:flex;flex-direction:column;gap:10px}.current-bar,.prev-bar{align-items:center;border-radius:10px;display:flex;font-size:13px;font-weight:800;height:36px;min-width:80px;padding:0 16px;transition:all .4s cubic-bezier(.4,0,.2,1);white-space:nowrap}.prev-bar{background:#f1f5f9;border:1px solid #e2e8f0;color:#64748b}.current-bar{background:linear-gradient(90deg,#006a4e,#10b981);background:linear-gradient(90deg,var(--primary-industrial),#10b981);box-shadow:0 4px 12px #006a4e26;box-shadow:0 4px 12px var(--primary-glow);color:#fff}.stock-table-container{background:var(--white);border:1px solid var(--slate-200);border-radius:24px;box-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #0000000d;box-shadow:var(--industrial-shadow);margin-bottom:50px}.table-header{align-items:center;background:#fcfdfe;border-bottom:1px solid var(--slate-200);display:flex;justify-content:space-between;padding:28px 35px}.header-icon-accent{color:#006a4e;color:var(--primary-industrial);font-size:24px}.records-count-lite{color:#94a3b8;color:var(--slate-400);font-size:14px;font-weight:700}.stock-table th{border-bottom:2px solid #f1f5f9;border-bottom:2px solid var(--slate-100);color:var(--slate-500);font-size:12px;font-weight:800;letter-spacing:.12em;padding:20px 28px;text-align:center}.stock-table td{border-bottom:1px solid var(--slate-100);color:#334155;color:var(--slate-700);font-size:15px;font-weight:600;padding:22px 28px;text-align:center}.date-cell{color:#0f172a!important;color:var(--slate-900)!important;font-weight:700!important}.description-cell{color:#64748b!important;color:var(--slate-500)!important;font-style:normal}.payment-badge-lite{background:#f1f5f9;background:var(--slate-100);border-radius:40px;color:#334155;color:var(--slate-700);font-size:12px;font-weight:800;padding:6px 14px}.amount-cell{color:#006a4e;color:var(--primary-industrial);font-size:17px;font-weight:900;text-align:right!important}.status-badge-lite{border-radius:10px;display:inline-block;font-size:12px;font-weight:800;min-width:140px;padding:8px 16px;text-transform:uppercase}.status-badge-lite.normal{background:#dcfce7;border:1px solid #bbf7d0;color:#15803d}.status-badge-lite.low{background:#fef3c7;border:1px solid #fde68a;color:#b45309}.status-badge-lite.critical{background:#fee2e2;border:1px solid #fecaca;color:#b91c1c}.footer-label-cell{color:#0f172a;color:var(--slate-900);font-size:18px;font-weight:900;text-align:right!important}.footer-label-cell,.footer-value-cell{background:#fcfdfe;padding:30px 40px!important}.footer-value-cell{color:#006a4e;color:var(--primary-industrial);font-size:22px}@media (max-width:1200px){.stock-stats.report-stats{grid-template-columns:repeat(2,1fr)}.stock-page{padding:20px}}@media (max-width:768px){.stock-page{background:#fff!important;display:flex;flex-direction:column;gap:16px;padding:16px!important}.page-header.premium-header{align-items:center!important;background:linear-gradient(135deg,#006a4e,#004d39)!important;background:linear-gradient(135deg,var(--primary-industrial) 0,var(--primary-deep) 100%)!important;border:1px solid #006a4e1a!important;border-radius:16px!important;box-shadow:0 4px 12px #006a4e26!important;flex-direction:row!important;gap:12px;justify-content:space-between!important;margin-bottom:20px!important;padding:20px!important;text-align:left}.page-header.premium-header .page-title{font-size:16px!important;letter-spacing:-.01em!important;margin:0!important;white-space:nowrap!important}.date-range-selector{border-bottom:1px solid #eef5f0!important;border-left:none!important;border-radius:12px!important;border-right:none!important;box-shadow:none!important;margin-bottom:16px!important;padding:16px!important}.preset-buttons{flex-wrap:nowrap!important;gap:6px!important;margin-bottom:16px!important}.preset-btn{align-items:center!important;display:flex!important;flex:1 1!important;font-size:10px!important;justify-content:center!important;padding:10px 4px!important;white-space:nowrap!important}.custom-range-inputs{align-items:stretch!important;border-radius:16px!important;flex-direction:column!important;gap:16px!important;padding:20px!important}.date-input{font-size:13px!important;padding:12px 16px!important}.btn-primary{height:46px!important;margin-top:8px!important;width:100%!important}.selected-range{align-items:stretch!important;flex-direction:column!important;gap:16px!important;padding-top:16px!important}.month-navigation{justify-content:space-between!important;margin-left:0!important;padding:10px 16px!important;width:100%!important}.stock-stats.report-stats{grid-gap:12px!important;display:grid!important;gap:12px!important;grid-template-columns:1fr 1fr!important;padding:0!important;width:100%!important}.stat-card{align-items:center!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:18px!important;box-shadow:0 4px 10px #00000008!important;flex-direction:column!important;gap:8px!important;justify-content:center!important;min-width:0!important;padding:18px 10px!important;position:relative!important;text-align:center!important;width:100%!important}.stat-icon{border-radius:12px!important;font-size:20px!important;height:44px!important;margin-bottom:2px!important;width:44px!important}.stat-info{flex-direction:column!important;gap:4px!important;width:100%!important}.stat-info,.stat-label{align-items:center!important;display:flex!important}.stat-label{color:#64748b!important;font-size:9px!important;font-weight:800!important;justify-content:center!important;letter-spacing:.05em;line-height:1.2!important;min-height:22px!important;text-transform:uppercase;white-space:normal!important}.stat-value{color:#0f172a!important;font-size:18px!important;font-weight:900!important}.chart-selector{gap:8px!important;margin-bottom:20px!important;overflow-x:visible!important;padding:0 4px!important}.chart-btn{flex-basis:calc(50% - 8px);flex-grow:1;flex-shrink:1;font-size:11px!important;padding:8px 14px!important;text-align:center}.stock-table-container{border-left:none!important;border-radius:12px!important;border-right:none!important;border-top:1px solid #eef5f0!important;box-shadow:none!important}.table-header{align-items:flex-start!important;flex-direction:column!important;gap:8px!important;padding:16px!important}.desktop-only-table{display:none!important}.mobile-history-cards{display:flex!important;flex-direction:column;gap:14px;padding:0 16px 20px!important}.mobile-expense-card-minimal{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:20px!important;box-shadow:0 4px 15px #0000000a!important;margin-bottom:4px!important;overflow:hidden;padding:0!important;transition:all .3s cubic-bezier(.4,0,.2,1)}.mobile-expense-card-minimal.expanded{border-color:#006a4e!important;border-color:var(--primary-industrial)!important;box-shadow:0 12px 25px #006a4e1a!important;transform:translateY(-2px)}.expense-card-main{align-items:center;display:flex;gap:14px;padding:16px 18px;position:relative}.expense-sno{align-items:center;background:#f1f5f9;border-radius:8px;color:#64748b;display:flex;flex-shrink:0;font-size:10px;font-weight:900;height:24px;justify-content:center;width:24px}.expense-category-lite{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.category-marker{border-radius:4px;flex-shrink:0;height:32px;width:4px}.category-details-wrapper{display:flex;flex-direction:column;min-width:0}.category-name-text{color:#0f172a;font-size:14px;font-weight:800;line-height:1.2}.description-text-lite{color:#64748b;font-size:11px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.expense-amount-lite{color:#006a4e;font-size:17px;font-weight:900;letter-spacing:-.02em;white-space:nowrap}.expand-icon{color:#cbd5e1;font-size:20px;transition:transform .3s ease}.mobile-expense-card-minimal.expanded .expand-icon{color:#006a4e;color:var(--primary-industrial);transform:rotate(180deg)}.expense-card-details-expanded{animation:slideDown .3s ease-out;background:#fcfdfe;border-top:1px dashed #e2e8f0;padding:18px}.expanded-info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.info-row{display:flex;flex-direction:column;gap:4px}.expanded-info-label{color:#94a3b8;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.expanded-info-value{color:#334155;font-size:13px;font-weight:700}.export-text{display:none!important}.btn-export-premium{align-items:center!important;background:#fff!important;border:none!important;border-radius:50%!important;box-shadow:0 4px 12px #00000026!important;display:flex!important;flex-shrink:0!important;height:38px!important;justify-content:center!important;padding:0!important;width:38px!important}.btn-export-premium,.btn-export-premium span{color:#006a4e!important;color:var(--primary-industrial)!important}.btn-export-premium span{font-size:22px!important;margin:0!important}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}#root,body,html{height:100%;width:100%}.production-container{background-color:#f8fafc;font-family:inherit;min-height:100%;padding:24px 32px;width:100%}.dark .production-container{background-color:#0a3028}.target-entry-section{margin:0 auto 40px;max-width:1400px}.target-entry-section:before{background:linear-gradient(90deg,#2e8b66,#10b981);content:"";height:4px;left:0;position:absolute;right:0;top:0}.target-entry-section h3{color:#1e3a2f;font-size:1.2rem;font-weight:600;margin:0 0 16px}.target-form-horizontal{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.form-group-horizontal{display:flex;flex:1 1;flex-direction:column;min-width:150px}.horizontal-label{color:#64748b;font-size:10px;font-weight:800;letter-spacing:.08em;margin-bottom:6px;margin-left:2px;text-transform:uppercase}.form-input,.form-select{background:#fdfdfd;border:1.5px solid #d1e7d6;border-radius:12px;box-shadow:0 2px 4px #00322805;color:#1e3a2f;font-size:.95rem;font-weight:600;height:52px;outline:none;padding:10px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.form-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232e8b66' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:14px;cursor:pointer;padding-right:44px}.form-input:hover,.form-select:hover{background:#fff;border-color:#2e8b66}.form-input:focus,.form-select:focus{background:#fff;border-color:#006a4e;box-shadow:0 0 0 4px #006a4e1f}.btn-add-target-horizontal{align-items:center;background:#006a4e;border:none;border-radius:12px;box-shadow:0 4px 12px #006a4e26;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:700;gap:10px;height:48px;justify-content:center;padding:0 24px;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.btn-add-target-horizontal:hover:not(:disabled){background:#004d39;box-shadow:0 8px 20px #006a4e40;transform:translateY(-2px)}.btn-add-target-horizontal:disabled{cursor:not-allowed;opacity:.5}.target-entry-section{background:#fff;border:1px solid #2e8b661a;border-radius:20px;box-shadow:0 10px 30px -10px #00503c14;margin:0 0 40px;max-width:100%;overflow:hidden;padding:32px;position:relative;width:100%}.product-display{align-items:center;background:#f0f9f4;border:1px solid #d1e7d6;border-radius:10px;color:#1e3a2f;display:flex;font-weight:500;gap:10px;height:42px;padding:10px 14px}.product-display .material-symbols-outlined{color:#2e8b66}.search-filter-section{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px}.search-box{flex:2 1}.search-icon{color:#8a9e94;z-index:1}.search-input{background:linear-gradient(180deg,#fff,#f9fafb);border:1.5px solid #d1dbd5;border-radius:12px;box-shadow:0 2px 8px #0000000a;color:#1e3a2f;padding:0 16px 0 48px;transition:all .3s cubic-bezier(.4,0,.2,1)}.search-input:focus{box-shadow:0 4px 12px #006a4e14;transform:translateY(-1px)}.search-input::placeholder{color:#94a3af;font-size:14px}.filter-box{align-items:center;background:linear-gradient(180deg,#fff,#f9fafb);border:1.5px solid #d1dbd5;border-radius:12px;box-shadow:0 2px 8px #0000000a;display:flex;height:48px;min-width:200px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.filter-box:hover{border-color:#006a4e;box-shadow:0 4px 12px #0000000f}.filter-box:focus-within{background:#fff;border-color:#006a4e;box-shadow:0 4px 12px #006a4e1a;transform:translateY(-1px)}.filter-icon{color:#818c86;font-size:20px;left:16px;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.filter-select{-webkit-appearance:none;appearance:none;background:#0000;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233a6b58' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:16px;border:none;color:#1e3a2f;font-weight:500;height:100%;outline:none;padding:0 40px 0 48px;text-align:left;width:100%}.filter-select:focus{outline:none}.filter-select option{background:#fff;color:#1e3a2f;font-size:14px;padding:12px}.dark .filter-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a1b8a9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");color:#fff}.dark .filter-box{background:#1c2e21;border-color:#2a3a2e}.dark .filter-icon{color:#a1b8a9}.clear-all-btn{align-items:center;background:#ef4444;border:none;border-radius:12px;box-shadow:0 4px 12px #ef444426;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;height:48px;padding:8px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.clear-all-btn:hover{background:#dc2626;box-shadow:0 8px 18px #ef444440;transform:translateY(-2px)}.clear-all-btn .material-symbols-outlined{font-size:18px}.production-table-container{background:#fff;border:1px solid #e0f0e5;border-radius:16px;box-shadow:0 4px 12px #00503c08;overflow:hidden}.dark .production-table-container{background:#1c2e21;border-color:#2a3a2e}.production-table-header{align-items:center;background:#f8fdfa;border-bottom:1px solid #e0f0e5;display:flex;justify-content:space-between;padding:16px 20px}.dark .production-table-header{background:#1d3324;border-bottom-color:#2a3a2e}.production-table-header h3{align-items:center;color:#1e3a2f;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0}.dark .production-table-header h3{color:#fff}.production-table-header .material-symbols-outlined{color:#2e8b66}.icon-btn{align-items:center;background:#006a4e;border-radius:40px;box-shadow:0 4px 10px #006a4e26;color:#fff;display:inline-flex;font-size:14px;font-weight:700;gap:8px;height:42px;justify-content:center;line-height:1;min-width:120px;padding:0 24px;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.icon-btn:hover{background:#1e6b4c;box-shadow:0 6px 12px #2e8b664d;transform:translateY(-2px)}.icon-btn:active{box-shadow:0 2px 4px #2e8b6633;transform:translateY(0)}.icon-btn:focus{box-shadow:0 0 0 3px #2e8b664d;outline:none}.dark .icon-btn{background:#2e8b66;box-shadow:0 2px 6px #0000004d;color:#080101}.dark .icon-btn:hover{background:#1e6b4c;box-shadow:0 6px 12px #0006}.icon-btn .material-symbols-outlined{color:#130606;font-size:20px;margin-right:2px}.table-actions{gap:12px;justify-content:flex-end}.table-responsive{-webkit-overflow-scrolling:touch}.prod-table{border-collapse:collapse;min-width:1100px;width:100%}.prod-table thead{background:#f8fdfa}.dark .prod-table thead{background:#1d3324}.prod-table th{border-bottom:1px solid #e0f0e5;color:#5a7b6c;font-size:12px;font-weight:600;letter-spacing:.03em;padding:16px 20px;text-align:left;text-transform:uppercase}.dark .prod-table th{border-bottom-color:#2a3a2e;color:#a1b8a9}.prod-table td{border-bottom:1px solid #e0f0e5;color:#1e3a2f;font-size:14px;padding:16px 20px;vertical-align:middle}.dark .prod-table td{border-bottom-color:#2a3a2e;color:#fff}.prod-table tr:last-child td{border-bottom:none}.text-right{text-align:right}.prod-product-cell{gap:12px}.prod-icon,.prod-product-cell{align-items:center;display:flex}.prod-icon{background:#e8f5ee;border:1px solid #d1e7d6;border-radius:10px;color:#2e8b66;flex-shrink:0;height:38px;justify-content:center;width:38px}.dark .prod-icon{background:#1d3324;border-color:#2a3a2e}.prod-name{font-weight:600;word-break:break-word}.prod-sku{color:#8c9b93;display:block;font-size:11px;font-weight:700;letter-spacing:.02em;max-width:150px;word-break:break-all}.dark .prod-sku{color:#a1b8a9}.editable-value{align-items:center;border-radius:6px;color:#2e8b66;cursor:pointer;display:inline-flex;font-weight:600;gap:6px;padding:4px 8px;transition:all .2s ease}.editable-value:hover{background:#e8f5ee}.edit-icon{color:#7f9b8c;font-size:14px;opacity:0;transition:opacity .2s ease}.editable-value:hover .edit-icon{opacity:1}.edit-produced-input{background:#fff;border:2px solid #2e8b66;border-radius:8px;font-size:.95rem;font-weight:600;padding:6px 10px;text-align:right;width:90px}.edit-produced-input:focus{box-shadow:0 0 0 3px #2e8b6626;outline:none}.prod-progress{align-items:center;display:flex;gap:10px;min-width:110px}.prod-progress-bar{background:#e0f0e5;border-radius:10px;flex:1 1;height:6px;overflow:hidden}.dark .prod-progress-bar{background:#2a3a2e}.prod-progress-fill{background:#2e8b66;border-radius:10px;height:100%;transition:width .3s ease}.prod-progress-text{color:#3a6b58;font-size:11px;font-weight:800;min-width:45px;text-align:right}.dark .prod-progress-text{color:#a1b8a9}.prod-status{align-items:center;border-radius:30px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;justify-content:center;min-width:110px;padding:5px 12px;white-space:nowrap}.prod-status-dot{border-radius:50%;height:8px;width:8px}.prod-status.completed{background:#e0f2e9;color:#2e8b66}.prod-status.completed .prod-status-dot{background:#2e8b66}.prod-status.in-progress{background:#fff4e0;color:#b45b0b}.prod-status.in-progress .prod-status-dot{background:#b45b0b}.prod-status.pending{background:#f0f0f0;color:#6b7a73}.prod-status.pending .prod-status-dot{background:#6b7a73}.action-buttons{justify-content:flex-start}.icon-btn-small{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:inline-flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.edit-btn{color:#2e8b66}.edit-btn:hover{background:#e0f2e9}.delete-btn{color:#f44336}.delete-btn:hover{background:#ffebee}.icon-btn-small .material-symbols-outlined{font-size:18px}.action-btns-new{display:flex;gap:8px}.action-btns-new,.remind-btn-new{align-items:center;justify-content:center}.remind-btn-new{background:#fff;border:1px solid #d1e7d6;border-radius:8px;color:#006a4e;cursor:pointer;display:inline-flex;height:32px;transition:all .2s ease;width:32px}.remind-btn-new:hover{background:#e0f2e9;border-color:#006a4e;transform:scale(1.1)}.delete-btn-new{align-items:center;background:#fff;border:1px solid #fee2e2;border-radius:8px;color:#ef4444;cursor:pointer;display:inline-flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.delete-btn-new:hover{background:#fef2f2;border-color:#ef4444;transform:scale(1.1)}.prod-table-footer{background:#f8fdfa;border-top:1px solid #e0f0e5;padding:16px 20px}.dark .prod-table-footer{background:#1d3324;border-top-color:#2a3a2e}.prod-total-info{color:#3a6b58;display:flex;flex-wrap:wrap;font-size:14px;gap:24px}.dark .prod-total-info{color:#a1b8a9}.prod-total-info strong{color:#1e3a2f;font-weight:700;margin-left:4px}.dark .prod-total-info strong{color:#fff}.total-balance,.total-produced,.total-target{border-left:2px solid #d1e7d6;padding-left:20px}.total-balance strong{color:#b45b0b}.no-data{background:#fafdfb;color:#8a9e94;font-style:italic;padding:48px!important;text-align:center}.dark .no-data{background:#1d3324;color:#a1b8a9}.export-option-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;min-width:120px;padding:12px 16px;transition:all .2s ease}.report-modal-actions{margin-top:10px}.modal-btn{font-size:14px;padding:12px;transition:all .2s}.modal-btn.cancel-btn{border:1px solid #d1e7d6}.material-symbols-outlined{word-wrap:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;direction:ltr;display:inline-block;font-family:Material Symbols Outlined;font-size:20px;font-style:normal;font-variation-settings:"FILL" 0,"wght" 500,"GRAD" 0,"opsz" 24;font-weight:400;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap}@media (max-width:1200px){.target-form{gap:12px;grid-template-columns:1fr 1fr 1fr!important}.form-group:last-child{grid-column:span 3}}@media (max-width:992px){.production-container{padding:20px}.production-stats{grid-template-columns:repeat(2,1fr)}.prod-stat-card:first-child{grid-column:span 2}.target-form{grid-template-columns:1fr 1fr!important}.form-group:last-child{grid-column:span 2}}@media (max-width:768px){.production-container{padding:16px}.production-header{align-items:flex-start;flex-direction:column;gap:12px}.date-badge{justify-content:center;width:100%}.search-filter-section{flex-direction:row!important;flex-wrap:wrap;gap:8px!important}.search-box{width:100%!important}.filter-box{flex:1 1!important;min-width:0!important;padding:0 8px!important}.production-stats{gap:8px!important;grid-template-columns:repeat(2,1fr)!important;margin-bottom:15px!important}.prod-stat-card:first-child{grid-column:span 2!important}.prod-stat-card{align-items:center!important;flex-direction:column!important;padding:10px 8px!important;text-align:center!important}.prod-stat-label{font-size:8px!important}.prod-stat-number{font-size:14px!important}.clear-all-btn{justify-content:center;width:100%}.target-form{grid-template-columns:1fr!important}.form-group:last-child{grid-column:auto}.prod-table-footer .prod-total-info{flex-direction:column;gap:8px}.total-balance,.total-produced,.total-target{border-left:none;padding-left:0}.action-buttons{justify-content:center}.export-option-buttons{flex-direction:column}.export-option-btn{width:100%}}@media (max-width:480px){.production-container{padding:12px}.prod-stat-number{font-size:22px}.production-table-header{align-items:flex-start;flex-direction:column;gap:12px}.icon-btn,.table-actions{width:100%}.icon-btn{justify-content:center}.report-modal{padding:20px}}.radio-group{display:flex;flex-direction:column;gap:12px;padding:4px 0}.radio-label{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:8px 12px;transition:all .2s ease}.radio-label:hover{background:#f0f9f4}.radio-label input[type=radio]{accent-color:#2e8b66;cursor:pointer;height:18px;margin:0;width:18px}.radio-label span{color:#1e3a2f;font-size:15px;font-weight:500}.dark .radio-label span{color:#fff}.dark .radio-label:hover{background:#1d3324}.format-buttons{display:flex;flex-wrap:wrap;gap:12px}.format-btn{align-items:center;background:#fff;border:2px solid #e0f0e5;border-radius:40px;color:#3a6b58;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;min-width:100px;padding:12px 16px;transition:all .2s ease}.format-btn:hover{background:#f0f9f4;border-color:#2e8b66;color:#2e8b66;transform:translateY(-1px)}.format-btn.active{background:#2e8b66;border-color:#2e8b66;color:#fff}.format-btn.active .material-symbols-outlined{color:#fff}.format-btn .material-symbols-outlined{color:#3a6b58;font-size:18px}.dark .format-btn{background:#1c2e21;border-color:#2a3a2e;color:#a1b8a9}.dark .format-btn:hover{background:#1d3324;border-color:#2e8b66;color:#fff}.dark .format-btn.active{background:#2e8b66;color:#fff}.report-modal-overlay{animation:fadeIn .4s ease;background:#001f17d9;bottom:0;padding:16px;right:0;z-index:9999}.report-modal{animation:modalSlideUp .3s ease;background:#fff;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;margin:auto;max-height:90vh;max-width:520px;overflow-y:auto;padding:32px;width:100%}.dark .report-modal{background:#0a3028;border:1px solid #1f4a3e;box-shadow:0 25px 50px -12px #00000080}.report-modal-title{color:#1e3a2f;font-size:24px;font-weight:700;letter-spacing:-.02em;margin:0 0 24px;text-align:center}.dark .report-modal-title{color:#fff}.export-options{margin-bottom:24px}.export-options h4{border-bottom:2px solid #e0f0e5;color:#1e3a2f;font-size:16px;font-weight:600;letter-spacing:.5px;margin:0 0 16px;padding-bottom:10px;text-transform:uppercase}.dark .export-options h4{border-bottom-color:#2a3a2e;color:#fff}.export-section{background:#f8fdfa;border:1px solid #e0f0e5;border-radius:16px;margin-bottom:20px;padding:20px;transition:all .2s ease}.export-section:last-child{margin-bottom:0}.export-section:hover{border-color:#2e8b66;box-shadow:0 4px 12px #2e8b661a}.dark .export-section{background:#1c2e21;border-color:#2a3a2e}.dark .export-section:hover{border-color:#2e8b66;box-shadow:0 4px 12px #2e8b6633}.export-option-header{color:#2e8b66;display:block;font-size:16px;font-weight:600;margin-bottom:16px;text-align:left}.report-modal-actions{display:flex;gap:12px;justify-content:center;margin-top:28px}.modal-btn{align-items:center;border:none;border-radius:40px;cursor:pointer;display:inline-flex;flex:1 1;font-size:15px;font-weight:600;gap:8px;justify-content:center;letter-spacing:.3px;padding:14px 24px;transition:all .2s ease}.modal-btn.cancel-btn{background:#fff;border:2px solid #d1e7d6;box-shadow:0 2px 6px #00000005;color:#3a6b58}.modal-btn.cancel-btn:hover{background:#f0f9f4;border-color:#2e8b66;box-shadow:0 6px 12px #2e8b6626;color:#2e8b66;transform:translateY(-1px)}.modal-btn.cancel-btn:active{box-shadow:0 2px 4px #2e8b661a;transform:translateY(0)}.dark .modal-btn.cancel-btn{background:#1c2e21;border-color:#2a3a2e;color:#a1b8a9}.dark .modal-btn.cancel-btn:hover{background:#1d3324;border-color:#2e8b66;color:#fff}.modal-btn.generate-btn{align-items:center;background:#2e8b66;color:#fff;display:flex;gap:8px;justify-content:center}.modal-btn.generate-btn:hover{background:#1e6b4c;box-shadow:0 4px 12px #2e8b664d;transform:translateY(-1px)}.modal-btn.generate-btn .material-symbols-outlined{font-size:18px}@media (max-width:640px){.report-modal{max-width:95%;padding:24px}.report-modal-title{font-size:22px;margin-bottom:20px}.export-section{padding:16px}.format-buttons{flex-direction:column;gap:10px}.format-btn{padding:12px 16px;width:100%}.report-modal-actions{flex-direction:column-reverse;gap:10px;margin-top:24px}.modal-btn{padding:14px;width:100%}}@media (max-width:480px){.report-modal{padding:20px}.report-modal-title{font-size:20px}.export-option-header{font-size:15px;margin-bottom:12px}.format-btn{font-size:14px;padding:12px}}.daily-production-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:40px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;height:42px;padding:10px 24px;transition:all .3s ease}.daily-production-btn:hover{background:#ffffff40;box-shadow:0 8px 20px #00000026;transform:translateY(-2px)}.daily-production-btn .material-symbols-outlined{color:#fff;font-size:20px}.dark .daily-production-btn{background:linear-gradient(135deg,#1e6b4c,#145239);box-shadow:0 4px 12px #0000004d}@media (max-width:768px){.header-actions{flex-direction:column;width:100%}.daily-production-btn,.date-badge{justify-content:center;width:100%}}.mobile-prod-card{display:none}.mobile-card-row{background:#fff;border:1px solid #e0f0e5;border-radius:16px;box-shadow:0 4px 16px #00503c0f;margin:10px 12px;overflow:hidden;padding:16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.mobile-card-row:before{background:linear-gradient(180deg,#2e8b66,#004d39);border-radius:4px 0 0 4px;content:"";height:100%;left:0;position:absolute;top:0;width:4px}.mobile-card-row:active{transform:scale(.98)}.mobile-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.mobile-card-title-group{align-items:center;display:flex;gap:10px}.mobile-card-icon{align-items:center;background:linear-gradient(135deg,#e8f5ee,#d1f0e0);border:1px solid #2e8b6633;border-radius:10px;color:#2e8b66;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.mobile-card-icon .material-symbols-outlined{font-size:18px}.mobile-card-name{color:#1e3a2f;font-size:14px;font-weight:700;line-height:1.2}.mobile-card-sku{color:#7f9b8c;font-size:10px;font-weight:500;margin-top:2px}.mobile-card-status{align-items:center;border-radius:20px;display:inline-flex;font-size:10px;font-weight:700;gap:5px;padding:4px 10px;white-space:nowrap}.mobile-card-status.completed{background:#e0f2e9;color:#2e8b66}.mobile-card-status.in-progress{background:#fff4e0;color:#b45b0b}.mobile-card-status.pending{background:#f0f0f0;color:#6b7a73}.mobile-card-status-dot{background:currentColor;border-radius:50%;height:6px;width:6px}.mobile-card-stats{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin-bottom:12px}.mobile-card-stat{background:#f8fdfa;border:1px solid #e8f5ee;border-radius:10px;padding:8px 10px;text-align:center}.mobile-card-stat-label{color:#94a3b8;display:block;font-size:8px;font-weight:700;letter-spacing:.08em;margin-bottom:4px;text-transform:uppercase}.mobile-card-stat-value{color:#1e3a2f;font-size:16px;font-weight:900;line-height:1}.mobile-card-stat-value.produced{color:#155724}.mobile-card-stat-value.balance{color:#856404}.mobile-card-progress{margin-bottom:12px}.mobile-card-progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.mobile-card-progress-label{color:#5a7b6c;font-size:10px;font-weight:600}.mobile-card-progress-pct{color:#2e8b66;font-size:11px;font-weight:800}.mobile-progress-bar{background:#e0f0e5;border-radius:10px;height:7px;overflow:hidden}.mobile-progress-fill{background:linear-gradient(90deg,#2e8b66,#064e3b);border-radius:10px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.mobile-card-actions{border-top:1px solid #e8f5ee;display:flex;gap:8px;justify-content:flex-end;padding-top:10px}.mobile-card-action-btn{align-items:center;border:none;border-radius:20px;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:5px;padding:7px 14px;transition:all .2s ease}.mobile-card-action-btn.edit{background:#e8f5ee;color:#2e8b66}.mobile-card-action-btn.edit:hover{background:#2e8b66;color:#fff}.mobile-card-action-btn.delete{background:#ffebee;color:#f44336}.mobile-card-action-btn.delete:hover{background:#f44336;color:#fff}.mobile-card-action-btn .material-symbols-outlined{font-size:14px}.mobile-edit-produced{align-items:center;background:#f8fdfa;border:1px dashed #2e8b66;border-radius:10px;display:flex;gap:6px;margin-bottom:10px;padding:8px}.mobile-edit-produced label{color:#3a6b58;font-size:11px;font-weight:600;white-space:nowrap}.mobile-edit-produced input{background:#fff;border:2px solid #2e8b66;border-radius:8px;color:#1e3a2f;flex:1 1;font-size:13px;font-weight:700;padding:5px 8px}.mobile-edit-produced input:focus{box-shadow:0 0 0 3px #2e8b6626;outline:none}.mobile-edit-save-btn{background:#2e8b66;border:none;border-radius:7px;color:#fff;cursor:pointer;font-size:12px;font-weight:700;padding:5px 12px;white-space:nowrap}.mobile-table-container{background:#fff;border-radius:12px;padding:8px}.mobile-quick-table{border-collapse:collapse;font-size:13px;width:100%}.mobile-quick-table th{border-bottom:2px solid #f0f4f2;color:#64748b;font-size:11px;padding:10px 8px;text-align:left;text-transform:uppercase}.mobile-quick-table td{border-bottom:1px solid #f8fdfa;color:#1e3a2f;padding:12px 8px}.mobile-size-cell{color:#2e8b66;cursor:pointer;font-weight:700;text-decoration:underline;-webkit-text-decoration-style:dotted;text-decoration-style:dotted;text-underline-offset:4px}.mobile-edit-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000f0ab3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.mobile-edit-box{animation:modalScaleUp .3s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;max-width:360px;overflow:hidden;width:100%}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.edit-box-header{align-items:center;background:#f8fdfa;border-bottom:1px solid #e0f0e5;display:flex;gap:12px;padding:20px;position:relative}.prod-icon-mobile{align-items:center;background:#e8f5ee;border:1px solid #d1e7d6;border-radius:12px;color:#2e8b66;display:flex;height:44px;justify-content:center;width:44px}.edit-box-header.centered{display:block;padding:24px 16px;text-align:center}.header-text-mobile{width:100%}.prod-name-mobile{color:#1a3a2a;font-size:20px;font-weight:800;margin-bottom:4px}.edit-box-subtitle.centered{color:#8a9e94;font-size:13px;justify-content:center;letter-spacing:1px;text-transform:uppercase}.dot-separator{color:#d1e7d6}.header-actions-mobile{align-items:center;display:flex;gap:8px}.header-delete-btn{align-items:center;background:#fff5f5;border:1px solid #fed7d7;border-radius:10px;color:#f44336;cursor:pointer;display:flex;height:38px;justify-content:center;transition:all .2s;width:38px}.header-delete-btn:active{background:#fed7d7;transform:scale(.92)}.header-delete-btn .material-symbols-outlined{font-size:20px}.close-detail-btn{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;display:flex;height:38px;justify-content:center;transition:all .2s;width:38px}.close-detail-btn:hover{background:#fff5f5;border-color:#fed7d7;color:#f44336}.close-detail-btn .material-symbols-outlined{font-size:20px}.edit-box-body{padding:20px}.fetched-summary-box{background:#f1faf4;border:1.5px dashed #2e8b66;border-radius:18px;display:flex;justify-content:space-around;margin-bottom:28px;padding:18px 12px}.summary-col{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:8px}.summary-label{color:#5a7b6c;font-size:11px;font-weight:800;letter-spacing:.5px}.summary-value{color:#1a3a2a;font-size:26px;font-weight:800}.input-section-mobile{margin-bottom:28px;text-align:center}.input-header{color:#2e8b66;font-size:13px;font-weight:800;letter-spacing:.5px;margin-bottom:15px}.edit-box-actions-custom{align-items:center;display:flex;gap:12px}.custom-modal-btn{align-items:center;border:none;border-radius:14px;cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:700;gap:6px;height:52px;justify-content:center;transition:all .2s}.custom-modal-btn.save{background:#2e8b66;color:#fff;flex:1.5 1}.custom-modal-btn.cancel{background:#f1f5f3;color:#4b6a5e}.custom-modal-btn.delete-btn-new{background:snow;border:1px solid #ffcdd2;color:#d32f2f;flex:0.8 1}.custom-modal-btn:active{transform:scale(.96)}.mobile-qty-input-wrapper{display:block}.mobile-qty-input{background:#fff;border:2px solid #000;border-radius:18px;color:#1a3a2a;font-size:32px;font-weight:700;height:62px;text-align:center;transition:all .2s;width:100%}.mobile-qty-input:focus{outline:none}.quick-save-btn{align-items:center;background:#2e8b66;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;transition:all .2s;width:48px}.quick-save-btn:active{transform:scale(.95)}.mobile-row-delete-btn{align-items:center;background:#0000;border:none;color:#f44336;cursor:pointer;display:flex;justify-content:center;padding:4px}.mobile-row-delete-btn .material-symbols-outlined{font-size:18px}.mobile-row-delete-btn:active{background:#fff5f5;border-radius:6px}.edit-box-actions-stack{display:flex;flex-direction:column;gap:12px}.mobile-action-btn{align-items:center;border:none;border-radius:14px;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:10px;justify-content:center;padding:15px;transition:all .2s;width:100%}.mobile-action-btn.edit{background:#2e8b66;box-shadow:0 4px 12px #2e8b6633;color:#fff}.mobile-action-btn.delete{background:#fff5f5;border:1px solid #fed7d7;color:#f44336}.mobile-action-btn.delete:active{background:#fed7d7}.mobile-action-btn.cancel{background:#f1f5f9;color:#64748b}.mobile-action-btn:active{transform:scale(.98)}.cancel-btn,.save-btn{border:none;border-radius:10px;cursor:pointer;font-weight:700;padding:12px}.cancel-btn{background:#f0f4f2;color:#64748b}.save-btn{background:#2e8b66;color:#fff}@media (max-width:1024px){.production-container{padding:12px}.page-header.premium-header{border-radius:16px}.btn-export-premium{height:34px;padding:8px 12px}@media (max-width:400px){.prod-total-info span{font-size:8px;letter-spacing:-.2px;padding:3px 2px}.filter-select{font-size:10px;padding:0 16px 0 20px}}.target-entry-section h3{font-size:13px;margin-bottom:12px}.target-form{gap:10px}.form-group label{font-size:10px}.btn-add-target{font-size:13px;gap:6px}.hide-mobile{display:none!important}.production-stats{background:#0000;border:none;border-radius:0;box-shadow:none;display:flex;flex-direction:column;gap:10px;margin-bottom:14px;overflow:visible}.production-stats>.prod-stat-card:first-child{background:linear-gradient(135deg,#004d39,#006a4e 50%,#007a5a);border-left:none!important;color:#fff;grid-column:1/-1;overflow:hidden}.production-stats>.prod-stat-card:first-child:after,.production-stats>.prod-stat-card:first-child:before{display:none!important}.production-stats>.prod-stat-card:first-child{background:#fff!important;color:inherit;grid-column:auto;position:relative}.production-stats>.prod-stat-card:first-child .prod-stat-label{color:#64748b!important;font-size:11px!important}.production-stats>.prod-stat-card:first-child .prod-stat-number{color:#064e3b!important}.prod-stat-card{align-items:center!important;background:#fff!important;border:1px solid #e0f0e5!important;border-radius:12px!important;box-shadow:0 2px 6px #00503c0a!important;display:flex!important;flex-direction:row!important;justify-content:space-between!important;margin-bottom:8px;padding:16px;width:100%}.prod-stat-card:last-child{margin-bottom:0}.prod-stat-card:nth-child(2),.prod-stat-card:nth-child(3){background:#fff!important}.prod-stat-label{color:#64748b;font-size:11px;font-weight:700;letter-spacing:.05em;margin:0!important;text-transform:uppercase;white-space:nowrap}.prod-stat-value{align-items:center!important;display:flex!important;flex-direction:row!important;gap:8px;justify-content:flex-end}.prod-stat-number{font-size:18px!important;font-weight:800;margin:0!important}.prod-stat-card:nth-child(2) .prod-stat-number{color:#1e40af!important}.prod-stat-card:nth-child(3) .prod-stat-number{color:#92400e!important}.prod-stat-badge{font-size:10px;padding:2px 8px;white-space:nowrap}.mobile-prod-card .prod-target-breakdown,.production-stats .prod-target-breakdown{display:none!important}.prod-stat-badge{border-radius:20px;font-size:9px;padding:3px 8px}.search-filter-section{align-items:center;display:flex;flex-direction:row!important;flex-wrap:nowrap!important;gap:6px;margin-bottom:12px;overflow:visible;width:100%}.search-box{display:none!important}.filter-box{background:#fff;border-radius:10px;box-shadow:0 2px 8px #00503c0f;flex:1 1;height:36px;max-width:calc(50% - 24px);min-width:0;overflow:hidden;position:relative}.filter-icon{font-size:15px;left:7px}.filter-select{background-position:right 4px center;background-size:12px;font-size:11px;font-weight:600;height:100%;overflow:hidden;padding:0 18px 0 26px;text-overflow:ellipsis;white-space:nowrap;width:100%}.clear-all-btn{align-items:center;border-radius:10px;box-shadow:0 2px 8px #f4433633;display:flex;flex-shrink:0;font-size:0;height:36px;justify-content:center;min-width:36px;padding:0;width:36px}.clear-all-btn .material-symbols-outlined{font-size:18px;margin:0}.target-entry-section{background:linear-gradient(135deg,#fff,#f5fbf8);border-color:#c8e6d5;border-radius:14px;margin-bottom:12px;padding:14px}.target-entry-section h3{color:#1e3a2f;font-size:12px;font-weight:700;letter-spacing:.02em;margin-bottom:10px}.target-form{gap:8px;grid-template-columns:1fr!important}.form-group label{font-size:9px;letter-spacing:.05em;margin-bottom:4px}.form-input,.form-select{border-color:#d1e7d6;border-radius:8px;font-size:13px;height:38px;padding:8px 10px}.btn-add-target{background:linear-gradient(135deg,#2e8b66,#004d39);border-radius:8px;box-shadow:0 4px 12px #2e8b664d;font-size:12px;gap:5px;height:38px;padding:0 12px}.btn-add-target .material-symbols-outlined{font-size:16px}.table-responsive{display:none}.mobile-prod-card{display:block;padding-bottom:4px}.production-table-container{border-radius:16px;box-shadow:0 4px 20px #00503c14;overflow:hidden}.production-table-header{background:linear-gradient(135deg,#f8fdfa,#f0f9f5);padding:12px 14px}.production-table-header h3{font-size:13px;font-weight:700;gap:6px}.production-table-header .material-symbols-outlined{font-size:16px}.icon-btn.export-btn{display:none!important}.prod-table-footer{background:linear-gradient(135deg,#f8fdfa,#f0f9f5);padding:8px 6px}.prod-total-info{align-items:stretch;display:flex;flex-direction:row!important;flex-wrap:nowrap!important;gap:3px;justify-content:space-between;width:100%}.prod-total-info span{align-items:center;background:#fff;border:1px solid #e0f0e5;border-radius:6px;display:inline-flex!important;flex:1 1;flex-direction:row!important;font-weight:600;gap:2px;justify-content:center;min-width:0;padding:4px 3px}.prod-total-info span,.prod-total-info span strong{font-size:8.5px;white-space:nowrap}.total-balance,.total-produced,.total-target{border-left:none;padding-left:2px}.no-data{font-size:13px;padding:32px 16px!important}.report-modal-overlay{align-items:flex-end;background:#00140ecc;padding:0}.report-modal{border-radius:24px 24px 0 0!important;box-shadow:0 -10px 40px #0003;max-height:92vh;max-width:100%!important;overflow-y:auto;padding:20px 20px 28px;width:100%!important}.report-modal:before{background:#d1e7d6;border-radius:4px;content:"";display:block;height:4px;margin:0 auto 16px;width:40px}.report-modal-title{font-size:18px;margin-bottom:16px}.export-section{border-radius:12px;margin-bottom:12px;padding:14px}.format-buttons{flex-direction:column;gap:8px}.format-btn{border-radius:12px;font-size:13px;padding:12px;width:100%}.report-modal-actions{flex-direction:column-reverse;gap:10px;margin-top:20px}.modal-btn{border-radius:14px;font-size:14px;padding:13px;width:100%}.page-header.premium-header{align-items:center!important;border-radius:18px;flex-direction:row!important;gap:12px;justify-content:space-between!important;margin-bottom:14px;padding:14px 16px}.page-header.premium-header h1.page-title{font-size:16px!important;font-weight:800;margin:0}.page-header.premium-header .page-subtitle{display:none}.header-actions{flex-direction:row!important;gap:8px;width:auto!important}.btn-export-premium{border-radius:20px;font-size:11px;gap:4px;height:32px;padding:7px 12px;white-space:nowrap}.btn-export-premium .material-symbols-outlined{font-size:15px}}.toast-notification{align-items:center;animation:slideInRight .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000001a;display:flex;gap:12px;min-width:300px;padding:16px 24px;position:fixed;right:24px;top:24px;z-index:10000}.toast-notification.success{border-left:5px solid #2e8b66}.toast-notification.error{border-left:5px solid #f44336}.toast-notification.success .material-symbols-outlined{color:#2e8b66}.toast-notification.error .material-symbols-outlined{color:#f44336}.toast-message{color:#1e3a2f;font-size:14px;font-weight:600}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.glass-loading-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff9;color:#006a4e;display:flex;flex-direction:column;font-size:16px;font-weight:700;gap:16px;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:20000}.premium-spinner{animation:spin 1s linear infinite;border:4px solid #e0f0e5;border-radius:50%;border-top-color:#006a4e;height:48px;width:48px}.mobile-actions,.premium-stats-grid{display:flex;gap:12px;justify-content:center}.premium-stats-grid{grid-gap:12px}.mobile-row-edit-btn{background:#0000;border:none;cursor:pointer;padding:4px}.report-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0006;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:15000}.delete-confirm-modal,.update-prod-modal{border-radius:20px!important;padding:32px!important;text-align:center}.modal-icon.error{background:#fff5f5;color:#f44336}.modal-icon.info{background:#f0f7ff;color:#06f}.modal-icon .material-symbols-outlined{font-size:36px}.modal-description{color:#64748b;margin-bottom:24px}.item-info{background:#f8fafc;border-radius:12px;color:#1e293b;margin-bottom:24px;padding:12px}.update-input-section{margin-bottom:24px;text-align:left}.update-input-section label{color:#64748b;display:block;font-size:13px;font-weight:600;margin-bottom:8px}.premium-input-wrapper{align-items:center;display:flex;position:relative}.premium-modal-input{border:2px solid #e2e8f0;border-radius:12px;color:#006a4e;font-size:18px;font-weight:700;padding:12px 60px 12px 16px;transition:all .2s;width:100%}.premium-modal-input:focus{border-color:#006a4e;box-shadow:0 0 0 4px #006a4e1a;outline:none}.input-unit{color:#94a3b8;font-size:13px;font-weight:600;position:absolute;right:16px}.target-hint{color:#94a3b8;font-size:12px;margin-top:8px}.delete-btn-premium{background:#f44336!important;color:#fff!important}.save-btn-premium{background:#006a4e!important;color:#fff!important}.refresh-db-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:8px 16px;transition:all .3s ease}.refresh-db-btn:hover{background:#ffffff40;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.refresh-db-btn:active{transform:translateY(0)}.refresh-db-btn .material-symbols-outlined,.refresh-db-btn i{font-size:20px}.operator-badge{background:#f1f5f9;border-radius:6px;color:#475569;font-size:11px;font-weight:700;padding:4px 8px;text-transform:uppercase}.premium-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:30px}.premium-dashboard-main-new{background:#f8faf9;font-family:inherit;min-height:100vh;padding:32px}.premium-dashboard-container-new{display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:1600px}.premium-header-new{align-items:center;background:linear-gradient(135deg,#006a4e,#004d39);border-radius:16px;box-shadow:0 10px 25px #006a4e26;display:flex;justify-content:space-between;margin-bottom:24px;padding:20px 32px}.header-left-new{align-items:center;display:flex;gap:20px}.header-title-mini{color:#fff;font-size:26px;font-weight:800;letter-spacing:-.01em;margin:0}.header-actions-new{align-items:center;display:flex;gap:16px}.header-toggle-group-new{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;display:inline-flex;gap:4px;padding:5px}.header-toggle-btn-new{background:#0000;border:none;border-radius:10px;color:#94a3b8;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.2px;padding:8px 22px;transition:all .3s cubic-bezier(.4,0,.2,1)}.header-toggle-btn-new:hover{color:#64748b}.header-toggle-btn-new.active{background:#fff!important;box-shadow:0 4px 12px #0000000f!important;color:#006a4e!important;font-weight:700}.month-picker-wrapper-new,.premium-date-display-new{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 4px #00000005;color:#334155;display:flex;font-weight:600;gap:12px;height:48px;justify-content:center;min-width:220px;padding:0 20px;transition:all .3s ease}.premium-month-select-new{background:#0000;border:none;color:#334155;cursor:pointer;font-family:inherit;font-size:15px;font-weight:600;outline:none;width:145px}.premium-month-select-new::-webkit-calendar-picker-indicator{cursor:pointer;filter:grayscale(1) opacity(.6)}.month-picker-wrapper-new:hover,.premium-date-display-new:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 4px 10px #0000000a}.premium-card-new{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 20px #0000000a;overflow:hidden}.premium-form-row-new{grid-gap:20px;align-items:flex-end;display:grid;gap:20px;grid-template-columns:repeat(3,1fr) auto;padding:24px}.form-group-new{display:flex;flex-direction:column;gap:8px}.premium-label-new{color:#64748b;font-size:11px;font-weight:800;letter-spacing:.05em;padding-left:4px;text-transform:uppercase}.select-wrapper-new{align-items:center;display:flex;position:relative}.input-icon-new{color:#006a4e;font-size:20px;left:14px;position:absolute;z-index:1}.premium-input-new,.premium-select-new{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;color:#1e293b;font-size:15px;font-weight:600;height:54px;outline:none;padding:0 16px 0 48px;transition:all .2s ease;width:100%}.premium-input-new:focus,.premium-select-new:focus{background:#fff;border-color:#006a4e;box-shadow:0 0 0 4px #006a4e1a}.premium-submit-btn-new{align-items:center;background:#006a4e;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-weight:700;gap:10px;height:54px;justify-content:center;padding:0 28px;transition:all .3s ease;white-space:nowrap}.premium-submit-btn-new:hover{background:#005a42;box-shadow:0 8px 24px #006a4e33;transform:translateY(-2px)}.table-controls-row-new{align-items:center;display:flex;flex-direction:row;gap:20px;justify-content:space-between;margin:10px 0 15px;width:100%}.search-group-new{flex:1 1;max-width:480px;position:relative}.search-icon-new{color:#94a3b8;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:2}.premium-search-input-new{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;color:#1e293b;font-size:15px;font-weight:500;height:52px;outline:none;padding:0 16px 0 48px;transition:all .2s ease;width:100%}.premium-search-input-new:focus{background:#fff;border-color:#006a4e;box-shadow:0 0 0 4px #006a4e1a}.global-actions-new{align-items:center;display:flex;flex-shrink:0;gap:12px}.premium-filter-select-new{background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#475569;cursor:pointer;font-weight:700;height:52px;outline:none;padding:0 16px}.premium-clear-btn-new{align-items:center;background:#fff1f2;border:1.5px solid #ffe4e6;border-radius:12px;color:#e11d48;cursor:pointer;display:flex;font-weight:800;gap:10px;height:52px;padding:0 24px;transition:all .3s ease;white-space:nowrap}.premium-clear-btn-new .material-symbols-outlined{font-size:20px;font-variation-settings:"wght" 600}.premium-clear-btn-new:hover{background:#ffe4e6;border-color:#fecdd3;box-shadow:0 4px 12px #e11d481a;transform:translateY(-2px)}.premium-table-header-new{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 24px}.premium-table-header-new .header-left{align-items:center;display:flex;gap:12px}.premium-table-header-new h3{color:#0f172a;font-size:16px;font-weight:700;margin:0}.premium-export-btn-new{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;display:flex;font-size:13px;font-weight:700;gap:8px;padding:8px 16px}.premium-table-wrapper-new{overflow-x:auto}.premium-data-table-new{border-collapse:collapse;width:100%}.premium-data-table-new th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#64748b;font-size:13px;font-weight:800;letter-spacing:.05em;padding:20px 24px;text-align:left;text-transform:uppercase}.premium-data-table-new td{border-bottom:1px solid #f1f5f9;color:#334155;font-size:16px;padding:22px 24px}.master-row-new{background:#006a4e0d!important}.size-badge-new{align-items:center;background:#f1f5f9;border-radius:20px;color:#1e293b;display:inline-flex;font-weight:700;gap:6px;padding:4px 12px}.master-star{color:#f59e0b;font-size:18px}.text-success-new{color:#059669}.text-warning-new{color:#d97706}.font-bold{font-weight:700}.progress-container-new{align-items:center;display:flex;gap:12px}.progress-bar-new{background:#e2e8f0;border-radius:10px;flex:1 1;height:8px;min-width:100px}.progress-fill-new{background:#006a4e;border-radius:10px;height:100%}.status-tag-new{align-items:center;border-radius:40px;display:inline-flex;font-size:12px;font-weight:700;gap:8px;padding:6px 14px}.status-completed{background:#dcfce7;color:#166534}.status-progress{background:#fef3c7;color:#92400e}.status-pending{background:#f1f5f9;color:#475569}.status-dot-new{background:currentColor;border-radius:50%;height:6px;width:6px}.plan-controls-container-new{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0000000a;gap:16px;justify-content:space-between;margin-bottom:20px;padding:14px 20px}.plan-controls-container-new,.plan-date-section,.plan-toggle-section{align-items:center;display:flex}.row-delete-btn-new{background:#0000;border:none;border-radius:10px;color:#94a3b8;cursor:pointer;height:36px;transition:all .2s ease;width:36px}.row-delete-btn-new:hover{background:#fef2f2;color:#ef4444}.mobile-cards-container-new{display:none;flex-direction:column;gap:12px;padding:16px}@media (max-width:1024px){.premium-form-row-new{grid-template-columns:1fr 1fr 1fr}}@media (max-width:768px){.premium-dashboard-main-new{padding:10px;padding-top:20px!important}.premium-dashboard-container-new,.premium-dashboard-main-new{align-items:center!important;display:flex!important;flex-direction:column!important}.premium-dashboard-container-new{max-width:100%!important;width:100%!important}.page-header.premium-header{align-items:center!important;background:#006a4e!important;border-radius:20px!important;box-shadow:0 4px 15px #006a4e26!important;display:flex!important;justify-content:flex-start!important;margin-bottom:20px!important;padding:24px!important;width:100%!important}.page-header.premium-header .page-title{align-items:center!important;color:#fff!important;display:flex!important;font-size:16px!important;font-weight:800!important;gap:12px!important;margin:0!important;white-space:nowrap!important}.page-header.premium-header .page-title:before{background:#10b981!important;border-radius:4px!important;box-shadow:0 0 10px #10b98166!important;content:"";display:block!important;flex-shrink:0!important;height:22px!important;width:4px!important}.plan-controls-container-new{flex-direction:column!important;gap:12px!important;margin-bottom:20px!important;width:100%!important}.header-toggle-group-new,.plan-date-section,.plan-toggle-section{justify-content:center!important;width:100%!important}.header-toggle-group-new{height:40px!important;max-width:280px!important}.header-toggle-btn-new{flex:1 1!important;font-size:13px!important;height:100%!important}.month-picker-wrapper-new,.premium-date-display-new{align-items:center!important;background:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:16px!important;box-shadow:0 2px 6px #00000008!important;color:#334155!important;display:flex!important;height:42px!important;justify-content:center!important;max-width:280px!important;width:100%!important}.premium-month-select-new{background:#0000!important;border:none!important;color:#334155!important;font-size:15px!important;padding:0!important;text-align:center!important;width:100%!important}.premium-card-new.target-entry-card-new{align-items:center!important;border-radius:20px!important;box-shadow:0 6px 20px #0000000a!important;display:flex!important;flex-direction:column!important;margin-bottom:16px!important;padding:16px!important;width:100%!important}.premium-form-row-new{gap:16px!important;grid-template-columns:1fr!important;width:100%!important}.form-group-new{text-align:left!important;width:100%!important}.premium-label-new{display:block!important;font-size:12px!important;margin-bottom:8px!important}.select-wrapper-new{align-items:center!important;display:flex!important;width:100%!important}.premium-input-new,.premium-select-new{border-radius:10px!important;font-size:14px!important;height:46px!important;width:100%!important}.btn-container-new{margin-top:12px!important;width:100%!important}.btn-container-new button{border-radius:10px!important;font-size:14px!important;height:48px!important;justify-content:center!important;width:100%!important}.table-controls-row-new{align-items:stretch!important;flex-direction:column!important;gap:12px!important;margin-bottom:16px!important;width:100%!important}.premium-search-input-new{border-radius:10px!important;font-size:14px!important;height:46px!important;width:100%!important}.global-actions-new{display:flex!important;gap:10px!important;width:100%!important}.status-filter-wrapper-new{flex:1 1!important}.premium-filter-select-new{width:100%!important}.premium-clear-btn-new,.premium-filter-select-new{border-radius:10px!important;font-size:13px!important;height:46px!important;padding:0 12px!important}.premium-clear-btn-new{flex:1 1!important;justify-content:center!important}.premium-export-btn-new{background:#006a4e!important;border:none!important;border-radius:14px!important;box-shadow:0 4px 12px #006a4e33!important;color:#fff!important;font-size:14px!important;font-weight:800!important;height:48px!important;margin-top:8px!important}.premium-export-btn-new,.premium-table-header-new{justify-content:center!important;width:100%!important}.premium-table-header-new{align-items:center!important;background:#f8fafc!important;flex-direction:column!important;gap:12px!important;padding:20px!important}.premium-card-new{border-radius:28px!important;margin:0 auto 20px!important;width:98%!important}.hide-mobile,.premium-table-wrapper-new{display:none!important}.mobile-cards-container-new{display:flex!important;flex-direction:column!important;gap:16px!important;padding:20px 0!important}.mobile-row-card-new{background:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:28px!important;box-shadow:0 6px 20px #0000000f!important;margin:0 8px 12px!important;overflow:hidden!important;padding:0!important;position:relative!important}.mobile-row-card-new.master{background:#f0fdf4!important;border-color:#006a4e!important}.card-header-mob{align-items:center!important;background:#f8fafc!important;border-bottom:1px solid #e2e8f0!important;display:flex!important;justify-content:space-between!important;padding:14px 16px!important}.mobile-row-card-new.master .card-header-mob{background:#dcfce7!important;border-bottom-color:#bbf7d0!important}.mob-product-info{display:flex!important;flex-direction:column!important;gap:6px!important}.mob-product-name{color:#006a4e!important;font-size:16px!important;font-weight:900!important;line-height:1.2!important}.mob-size{color:#64748b!important;font-size:12px!important;font-weight:700!important;text-transform:uppercase!important}.mob-card-actions{align-items:center!important;display:flex!important;gap:8px!important}.mob-remind{background:#f0fdf4!important;color:#006a4e!important}.mob-delete,.mob-remind{align-items:center!important;border:none!important;border-radius:12px!important;display:flex!important;height:40px!important;justify-content:center!important;width:40px!important}.mob-delete{background:#fee2e2!important;color:#ef4444!important}.card-stats-grid-mob{grid-gap:0!important;border-bottom:1px solid #f1f5f9!important;display:grid!important;gap:0!important;grid-template-columns:repeat(3,1fr)!important}.stat-item{align-items:center!important;border-right:1px solid #f1f5f9!important;display:flex!important;flex-direction:column!important;padding:12px 8px!important;text-align:center!important}.stat-item:last-child{border-right:none!important}.stat-label{color:#94a3b8!important;font-size:11px!important;font-weight:800!important;margin-bottom:6px!important;text-transform:uppercase!important}.stat-value{color:#1e293b!important;font-size:18px!important;font-weight:950!important}.text-success{color:#10b981!important}.text-warning{color:#f59e0b!important}}.premium-loading-overlay-new{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffc;bottom:0;display:flex;flex-direction:column;gap:16px;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.premium-spinner-new{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#006a4e;height:40px;width:40px}.premium-toast-new{animation:toastSlideIn .4s cubic-bezier(.2,.8,.2,1);border-radius:12px;box-shadow:0 10px 40px -10px #00000026,0 0 0 1px #0000000d;padding:12px 20px;z-index:10001}@media (max-width:480px){.premium-toast-new{justify-content:center;left:16px;padding:12px 16px;right:16px;top:16px}}.premium-toast-new.success{border-left:4px solid #059669}@keyframes toastSlideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.modal-overlay{background:#0f172a80;z-index:10002}.modal-content{animation:modalIn .3s cubic-bezier(.34,1.56,.64,1);max-width:500px}@keyframes modalIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{padding:24px}.modal-header h3{color:#0f172a;font-size:18px}.modal-close{color:#94a3b8;font-size:24px}.modal-body{padding:32px;text-align:center}.modal-icon{align-items:center;border-radius:50%;display:flex;height:64px;justify-content:center;margin:0 auto 20px;width:64px}.modal-icon.warning{background:#fee2e2;color:#ef4444}.modal-icon span{font-size:32px}.modal-title{color:#0f172a;font-size:20px;font-weight:800;margin-bottom:12px}.modal-desc{color:#64748b;font-size:15px;line-height:1.6}.modal-footer{padding:20px 24px}.modal-cancel,.modal-confirm{flex:1 1;padding:12px}.modal-confirm.delete{background:#ef4444}.radio-card-new{align-items:center!important;border:1.5px solid #e2e8f0!important;border-radius:16px!important;cursor:pointer!important;display:flex!important;gap:16px!important;margin-bottom:12px!important;padding:16px!important;transition:all .2s!important}.radio-card-new.active{background:#f0fdf4!important;border-color:#006a4e!important}.format-grid-new{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-top:12px}.format-tile-new{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:16px;transition:all .2s}.format-tile-new.active{background:#f0fdf4;border-color:#006a4e;color:#006a4e}.section-label-new{color:#64748b;display:block;font-size:11px;font-weight:800;margin-bottom:12px;text-align:left}@media (max-width:768px){.production-plan-detail-modal{animation:modalPop .3s cubic-bezier(.34,1.56,.64,1)!important;background:#fff!important;border-radius:28px!important;margin:auto!important;max-width:340px!important;overflow:hidden!important;width:88%!important}.detail-header-premium{border-bottom:1px solid #f1f5f9!important;padding:16px 20px!important;text-align:center!important}.detail-header-premium h3{color:#64748b!important;font-size:13px!important;letter-spacing:1px!important;margin:0!important}.hero-product-badge{background:#f0fdf4!important;border-radius:12px!important;color:#006a4e!important;display:inline-block!important;font-size:16px!important;font-weight:900!important;margin-bottom:12px!important;padding:6px 16px!important}.hero-progress-section{align-items:center;display:flex;flex-direction:column;gap:8px;margin-top:12px;width:100%}.hero-progress-bar{background:#f1f5f9;border-radius:10px;height:10px;overflow:hidden;width:100%}.hero-progress-fill{background:#006a4e;border-radius:10px;height:100%;transition:width .5s ease}.hero-progress-text{color:#10b981;font-size:13px;font-weight:800}.detail-body-premium{padding:24px 20px!important}.detail-hero-section{margin-bottom:24px!important;text-align:center!important}.detail-info-grid{display:flex!important;flex-direction:column!important;gap:10px!important}.detail-info-item{align-items:center!important;background:#f8fafc!important;border:1px solid #f1f5f9!important;border-radius:16px!important;display:flex!important;justify-content:space-between!important;padding:14px 16px!important}.detail-info-item .item-label{color:#94a3b8!important;font-size:10px!important;font-weight:800!important;letter-spacing:.5px!important;text-transform:uppercase!important}.detail-info-item .item-value{color:#1e293b!important;font-size:14px!important;font-weight:800!important}.detail-footer-premium{border-top:1px solid #f1f5f9!important;padding:20px!important}.detail-close-btn{background:#1e293b!important;border:none!important;border-radius:16px!important;color:#fff!important;font-size:14px!important;font-weight:800!important;height:48px!important;width:100%!important}.premium-dashboard-main-new{padding-top:16px!important}.premium-header-new{margin-bottom:12px!important}.premium-card-new.target-entry-card-new{margin-bottom:16px!important}.table-controls-row-new{margin-bottom:12px!important}.mobile-cards-container-new{gap:12px!important}}:root{--p-emerald:#10b981;--p-emerald-dark:#059669;--p-emerald-light:#ecfdf5;--p-slate-900:#0f172a;--p-slate-800:#1e293b;--p-slate-600:#475569;--p-slate-400:#94a3b8;--p-slate-200:#e2e8f0;--p-slate-100:#f1f5f9;--p-bg:#f8fafc;--p-shadow-sm:0 1px 2px 0 #0000000d;--p-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--p-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--p-shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.premium-entry-card.edit-mode-active{animation:editPulse 2s ease-in-out infinite;border:2.5px solid #f59e0b!important;box-shadow:0 0 25px #f59e0b33!important}@keyframes editPulse{0%{border-color:#f59e0b;box-shadow:0 0 15px #f59e0b26}50%{border-color:#fbbf24;box-shadow:0 0 25px #f59e0b40}to{border-color:#f59e0b;box-shadow:0 0 15px #f59e0b26}}.edit-mode-header{background:#fffbeb!important;border-bottom:1px solid #fef3c7!important}.edit-mode-header h3{color:#92400e!important}.cancel-edit-btn{align-items:center;background:#fee2e2;border:1px solid #fecaca;border-radius:10px;color:#ef4444;cursor:pointer;display:flex;font-size:11px;font-weight:800;gap:6px;padding:8px 16px;transition:all .2s}.cancel-edit-btn:hover{background:#fecaca;transform:scale(1.05)}.daily-production-page{background-color:#f8fafc;background-color:var(--p-bg);color:#1e293b;color:var(--p-slate-800);font-family:Outfit,Inter,sans-serif;min-height:100vh;padding:32px}.history-full-view{margin-top:32px}.premium-header-green.att-header{flex-shrink:0}.kutty-filter{display:inline-flex;vertical-align:middle}.custom-select-premium{-webkit-appearance:none!important;appearance:none!important;background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m19 9-7 7-7-7'/%3E%3C/svg%3E") no-repeat right 12px center!important;background-size:16px!important;border:1.5px solid #e2e8f0!important;border:1.5px solid var(--p-slate-200)!important;border-radius:12px!important;color:#1e293b!important;color:var(--p-slate-800)!important;cursor:pointer!important;font-size:14px!important;font-weight:700!important;height:44px!important;min-width:140px!important;outline:none!important;padding:0 40px 0 16px!important;transition:all .2s!important}.custom-select-premium:focus{border-color:#10b981!important;border-color:var(--p-emerald)!important;box-shadow:0 0 0 3px #10b9811a!important}.table-actions{gap:16px}.custom-select-bypass{background:#fff!important;border:1.5px solid #e2e8f0!important;border:1.5px solid var(--p-slate-200)!important;border-radius:12px!important;color:#1e293b!important;color:var(--p-slate-800)!important;cursor:pointer!important;font-size:14px!important;font-weight:700!important;height:44px!important;outline:none!important;padding:0 16px!important;transition:all .2s!important}.custom-select-bypass:focus{border-color:#10b981!important;border-color:var(--p-emerald)!important;box-shadow:0 0 0 3px #10b9811a!important}.search-box{align-items:center;display:flex;position:relative!important}.search-box input{background:#fff!important;border:1.5px solid #e2e8f0!important;border:1.5px solid var(--p-slate-200)!important;border-radius:12px!important;color:#1e293b!important;color:var(--p-slate-800)!important;font-size:14px!important;font-weight:600!important;height:44px!important;outline:none!important;padding:0 16px 0 42px!important;transition:all .2s!important;width:250px!important}.search-box input:focus{border-color:#10b981!important;border-color:var(--p-emerald)!important;box-shadow:0 0 0 3px #10b9811a!important;width:300px!important}.search-icon{color:#94a3b8!important;color:var(--p-slate-400)!important;font-size:20px!important;left:14px!important;pointer-events:none!important;position:absolute!important}.history-header-new{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.header-actions{gap:12px}.btn-export,.btn-plan,.clear-all-btn-premium{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;height:44px;padding:0 20px;transition:all .2s cubic-bezier(.4,0,.2,1)}.clear-all-btn-premium{background:#fee2e2;border:1px solid #fecaca;color:#ef4444}.clear-all-btn-premium:hover:not(.disabled-btn){background:#fecaca;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--p-shadow-md);transform:translateY(-2px)}.btn-export{background:#10b981;background:var(--p-emerald);color:#fff}.btn-export:hover{background:#059669;background:var(--p-emerald-dark);box-shadow:0 8px 20px #10b9814d;transform:translateY(-2px)}.btn-plan{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--p-slate-200);color:#1e293b;color:var(--p-slate-800)}.btn-plan:hover{background:#f1f5f9;background:var(--p-slate-100);border-color:#10b981;border-color:var(--p-emerald)}.production-main-grid{animation:fadeIn .6s ease-out;display:flex;flex-direction:column;gap:32px}.premium-card,.premium-entry-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--p-slate-200);border-radius:24px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--p-shadow-sm);overflow:visible!important;position:relative}.card-header{background:#f8fafc80;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--p-slate-100);justify-content:space-between;padding:20px 28px}.card-header,.card-header h3{align-items:center;display:flex}.card-header h3{color:#0f172a;color:var(--p-slate-900);font-size:15px;font-weight:800;gap:10px;letter-spacing:.8px;margin:0;text-transform:uppercase}.entry-form-premium{padding:32px}.premium-form-row{grid-gap:24px;display:grid;gap:24px;margin-bottom:24px}.premium-form-row.four-cols{grid-template-columns:repeat(4,1fr)}.premium-form-group{display:flex;flex-direction:column;gap:10px;position:relative}.premium-label-new{align-items:center;color:#475569;color:var(--p-slate-600);display:flex;font-size:12px;font-weight:900;justify-content:space-between}.shortcut-hint{background:#f1f5f9;background:var(--p-slate-100);border:1px solid var(--p-slate-200);border-radius:6px;color:var(--p-slate-400);font-size:10px;padding:2px 6px}.custom-dropdown-toggle,.premium-date-btn-new,.premium-input-new,.premium-select-new{align-items:center!important;background:#fdfdfd!important;border:2px solid #f1f5f9!important;border:2px solid var(--p-slate-100)!important;border-radius:14px!important;color:#0f172a!important;color:var(--p-slate-900)!important;cursor:pointer!important;display:flex!important;font-size:14px!important;font-weight:700!important;height:52px!important;padding:0 16px 0 42px!important;position:relative!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;width:100%!important}.custom-dropdown-premium.active .custom-dropdown-toggle,.premium-input-new:focus{background:#fff!important;border-color:#10b981!important;border-color:var(--p-emerald)!important;box-shadow:0 0 0 4px #10b9811a!important}.dropdown-icon,.input-icon-new{align-items:center!important;color:#10b981!important;color:var(--p-emerald)!important;cursor:pointer!important;display:flex!important;font-size:20px!important;height:42px!important;justify-content:center!important;left:0!important;line-height:1!important;pointer-events:auto!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important;width:42px!important;z-index:10!important}.date-picker-wrapper-new,.input-wrapper-new{position:relative!important;width:100%!important}.date-picker-container{animation:modalScale .25s cubic-bezier(.34,1.56,.64,1);background:#fff!important;border:1px solid #f1f5f9!important;border:1px solid var(--p-slate-100)!important;border-radius:20px!important;box-shadow:0 15px 40px #00000026!important;left:0!important;min-width:320px!important;padding:10px!important;position:absolute!important;top:calc(100% + 8px)!important;z-index:9999!important}.premium-form-row.four-cols{margin-bottom:24px!important}.premium-form-row.four-cols,.super-action-row-new{grid-gap:24px!important;display:grid!important;gap:24px!important;grid-template-columns:repeat(4,1fr)!important}.super-action-row-new{align-items:flex-end!important;margin-top:0!important}.super-action-row-new .premium-form-group:first-child{grid-column:span 2!important}.premium-submit-btn-new{margin-top:0!important;width:100%!important}.grade-selector-new.three-options{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.grade-option-new input{display:none!important}.grade-option-new span{align-items:center;background:#f1f5f9;background:var(--p-slate-100);border:2px solid #0000;border-radius:14px;color:#475569;color:var(--p-slate-600);cursor:pointer;display:flex;font-size:14px;font-weight:800;height:52px;justify-content:center;transition:all .2s ease}.grade-option-new.active span{background:#ecfdf5;background:var(--p-emerald-light);border-color:#10b981;border-color:var(--p-emerald);box-shadow:0 4px 12px #10b98126;color:#059669;color:var(--p-emerald-dark)}.premium-submit-btn-new{align-items:center!important;background:linear-gradient(135deg,#10b981,#059669)!important;background:linear-gradient(135deg,var(--p-emerald) 0,var(--p-emerald-dark) 100%)!important;border:none!important;border-radius:14px!important;box-shadow:0 10px 20px #10b98140!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-weight:900!important;height:52px!important;justify-content:center!important;letter-spacing:1.5px!important;text-transform:uppercase!important;transition:all .3s cubic-bezier(.175,.885,.32,1.275)!important}.premium-submit-btn-new:hover{box-shadow:0 15px 30px #10b9814d!important;filter:brightness(1.1)!important;transform:translateY(-3px) scale(1.02)!important}.dashboard-grid-mini-new{grid-gap:16px!important;display:grid!important;gap:16px!important;grid-template-columns:repeat(4,1fr)!important;margin-bottom:16px!important;margin-top:16px!important;padding:0 16px!important}.summary-stat-card-new{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--p-slate-200);border-radius:16px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--p-shadow-sm);display:flex;flex-direction:column;overflow:hidden;padding:12px 16px;position:relative;transition:all .3s ease}.summary-stat-card-new:hover{border-color:#10b981;border-color:var(--p-emerald);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--p-shadow-xl);transform:translateY(-8px)}.summary-stat-card-new:after{background:linear-gradient(45deg,#0000 50%,#ecfdf5 0);background:linear-gradient(45deg,#0000 50%,var(--p-emerald-light) 50%);content:"";height:40px;opacity:.5;position:absolute;right:0;top:0;width:40px}.stat-header-new{margin-bottom:12px}.size-pill{background:#ecfdf5;background:var(--p-emerald-light);border-radius:8px;color:#059669;color:var(--p-emerald-dark);font-size:11px;font-weight:900;padding:4px 12px;text-transform:uppercase}.stat-value-badge-new{color:#0f172a;color:var(--p-slate-900);font-size:22px;font-weight:900;letter-spacing:-1px;margin:6px 0}.qty-unit{color:#94a3b8;color:var(--p-slate-400);font-size:12px;margin-left:4px}.stat-progress-bar-new{background:#f1f5f9;background:var(--p-slate-100);border-radius:10px;height:8px;margin-bottom:10px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#10b981,#34d399);background:linear-gradient(90deg,var(--p-emerald) 0,#34d399 100%);border-radius:10px;height:100%;transition:width 1s cubic-bezier(.34,1.56,.64,1)}.stat-target-info-new{color:#475569;color:var(--p-slate-600);display:flex;font-size:11px;font-weight:700;justify-content:space-between}.header-total-mini{align-items:center;display:flex;flex-direction:column;padding:0 24px}.banner-label{color:#94a3b8;color:var(--p-slate-400);font-size:10px;font-weight:900;text-transform:uppercase}.banner-value{color:#059669;color:var(--p-emerald-dark);font-size:36px;font-weight:950;line-height:1}.master-date-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--p-slate-200);border-radius:12px;cursor:pointer;display:flex;font-weight:800;gap:10px;height:44px;padding:0 18px;transition:all .2s}.master-date-btn:hover{background:#ecfdf5;background:var(--p-emerald-light);border-color:#10b981;border-color:var(--p-emerald)}.master-date-btn.static-date{color:#475569!important;color:var(--p-slate-600)!important;cursor:default!important}.master-date-btn.static-date,.master-date-btn.static-date:hover{background:#f1f5f9!important;background:var(--p-slate-100)!important;border-color:#e2e8f0!important;border-color:var(--p-slate-200)!important}.master-date-btn.static-date:hover{transform:none!important}.daily-table-wrapper{padding:0 32px 32px}.premium-table{border-collapse:initial;border-spacing:0 8px;width:100%}.premium-table th{color:#94a3b8;color:var(--p-slate-400);font-size:11px;font-weight:900;letter-spacing:1px;padding:16px 20px;text-align:left;text-transform:uppercase}.premium-table td{background:#fff;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--p-slate-100);border-top:1px solid #f1f5f9;border-top:1px solid var(--p-slate-100);color:#1e293b;color:var(--p-slate-800);font-size:14px;font-weight:700;padding:16px 20px;transition:all .2s ease}.premium-table td:first-child{border-bottom-left-radius:12px;border-left:1px solid #f1f5f9;border-left:1px solid var(--p-slate-100);border-top-left-radius:12px;width:60px}.premium-table td:last-child{border-bottom-right-radius:12px;border-right:1px solid #f1f5f9;border-right:1px solid var(--p-slate-100);border-top-right-radius:12px;text-align:right}.premium-table tr:hover td{background:#f8fafc;border-color:#e2e8f0;border-color:var(--p-slate-200);transform:scale(1.002);z-index:10}.btn-delete,.btn-edit-premium{align-items:center;background:#0000;border:none;border-radius:10px;cursor:pointer;display:inline-flex;height:36px;justify-content:center;transition:all .2s;width:36px}.btn-edit-premium{background:#ecfdf5;background:var(--p-emerald-light);color:#10b981;color:var(--p-emerald)}.btn-edit-premium:hover{background:#10b981;background:var(--p-emerald);color:#fff;transform:translateY(-2px)}.btn-delete{background:#fee2e2;color:#ef4444}.btn-delete:hover{background:#ef4444;color:#fff;transform:translateY(-2px)}.btn-delete .material-symbols-outlined,.btn-edit-premium .material-symbols-outlined{font-size:20px!important}.date-dropdown,.mui-calendar-dropdown{animation:modalScale .3s cubic-bezier(.34,1.56,.64,1);background:#fff!important;border:1px solid #f1f5f9!important;border:1px solid var(--p-slate-100)!important;border-radius:24px!important;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a!important;box-shadow:var(--p-shadow-xl)!important;padding:16px!important;position:absolute!important;right:0!important;top:55px!important;width:320px!important;z-index:9999!important}.custom-dropdown-menu{background:#fff;border:1px solid #f1f5f9;border:1px solid var(--p-slate-100);border-radius:18px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--p-shadow-xl);left:0;max-height:280px;overflow-y:auto;padding:10px;position:absolute;right:0;top:calc(100% + 10px);z-index:5000!important}.custom-dropdown-item{align-items:center;border-radius:12px;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:12px;margin-bottom:2px;padding:10px 14px;transition:all .2s}.item-index{align-items:center;background:#f1f5f9;background:var(--p-slate-100);border:1px solid #e2e8f0;border:1px solid var(--p-slate-200);border-radius:6px;color:#94a3b8;color:var(--p-slate-400);display:flex;flex-shrink:0;font-size:11px;font-weight:900;height:22px;justify-content:center;width:22px}.custom-dropdown-item:hover .item-index{background:#fff;border-color:#ecfdf5;border-color:var(--p-emerald-light);color:#10b981;color:var(--p-emerald)}.custom-dropdown-item.active .item-index{background:#fff3;border-color:#ffffff4d;color:#fff}.item-text{flex-grow:1}.custom-dropdown-item:hover{background:#ecfdf5;background:var(--p-emerald-light);color:#059669;color:var(--p-emerald-dark)}.custom-dropdown-item.active{background:#10b981;background:var(--p-emerald);color:#fff}@media (max-width:1200px){.dashboard-grid-mini-new{grid-template-columns:repeat(2,1fr)!important}.super-action-row-new{grid-template-columns:1fr 1fr!important}}@media (max-width:768px){.daily-production-page{padding:12px;padding-top:20px!important}.page-header.premium-header{align-items:flex-start!important;background:#006a4e!important;border-radius:20px!important;box-shadow:0 8px 25px #006a4e33!important;flex-direction:column!important;gap:12px!important;justify-content:flex-start!important;margin:0 0 24px!important;padding:24px 16px!important;text-align:left!important}.header-left{align-items:center!important;display:flex!important;justify-content:flex-start!important;padding-left:0!important;width:100%!important}.page-header.premium-header .header-left .page-title{align-items:center!important;color:#fff!important;display:flex!important;flex-direction:row!important;font-size:16px!important;font-weight:800!important;gap:12px!important;letter-spacing:-.5px!important;margin:0!important;overflow:visible!important;text-align:left!important;white-space:nowrap!important;width:auto!important}.page-header.premium-header .page-title:before{background:#10b981!important;border-radius:4px!important;box-shadow:0 0 10px #10b98166!important;content:"";display:inline-block!important;flex-shrink:0!important;height:22px!important;width:4px!important}.header-actions{display:flex!important;justify-content:center!important;width:100%!important}.clear-all-btn-premium{background:#ffffff1a!important;border:1px solid #fff3!important;border-radius:12px!important;color:#fff!important;font-size:11px!important;font-weight:900!important;height:44px!important;text-transform:uppercase!important;white-space:nowrap!important;width:90%!important}.premium-table,.premium-table thead{display:none!important}.col-product{justify-content:flex-start!important}.col-size-qty{align-items:center!important;color:#1e293b!important;display:flex!important;font-size:14px!important;justify-content:space-between!important;padding:12px 16px!important;width:100%!important}.col-size-qty:before{color:#94a3b8!important;content:"SIZE & QUANTITY"!important;font-size:10px!important;font-weight:800!important}.col-grade,.col-operator,.col-sno,.col-time{display:none!important}.col-actions{border-top:1px solid #f1f5f9!important}.production-detail-modal{animation:modalPop .3s cubic-bezier(.34,1.56,.64,1)!important;background:#fff!important;border-radius:32px!important;margin:auto!important;max-width:420px!important;overflow:hidden!important;width:92%!important}@keyframes modalPop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.detail-header-premium{background:#f8fafc!important;border-bottom:1px solid #f1f5f9!important;padding:24px 20px!important;text-align:center!important}.detail-header-premium h3{color:#1e293b!important;font-size:16px!important;justify-content:center!important;width:100%!important}.detail-body-premium{padding:24px 20px!important}.detail-hero-section{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;flex-direction:column;gap:12px;margin-bottom:32px;padding-bottom:24px;text-align:center!important}.hero-product-badge{color:#006a4e;font-size:22px;font-weight:900;line-height:1.2}.hero-qty-badge{align-items:baseline;color:#10b981;display:flex;font-size:36px;font-weight:950;gap:6px;justify-content:center!important}.hero-qty-badge span{color:#94a3b8;font-size:14px;text-transform:uppercase}.detail-info-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr}.detail-info-item{align-items:center;background:#f8fafc;border:1px solid #f1f5f9;border-radius:16px;display:flex;justify-content:space-between;padding:14px 18px}.item-label{color:#94a3b8;font-size:10px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.item-value{color:#1e293b;font-size:15px;font-weight:700}.detail-footer-premium{border-top:1px solid #f1f5f9!important;justify-content:center!important;padding:24px 20px!important}.detail-close-btn{background:#1e293b;border:none;border-radius:16px;box-shadow:0 4px 12px #0000001a;color:#fff;cursor:pointer;font-size:14px;font-weight:800;height:52px;letter-spacing:1px;width:100%}.production-main-grid{gap:20px!important}.premium-entry-card{border:none!important;border-radius:24px!important;box-shadow:0 10px 30px #0000000d!important;overflow:hidden!important}.entry-form-premium{padding:20px 16px!important}.premium-form-row.four-cols,.super-action-row-new{gap:16px!important;grid-template-columns:1fr!important}.super-action-row-new .premium-form-group:first-child{grid-column:auto!important}.premium-label-new{font-size:11px!important;margin-bottom:4px!important}.custom-dropdown-toggle,.premium-input-new{border-radius:16px!important;height:56px!important}.grade-selector-new.three-options{gap:8px!important}.grade-option-new span{font-size:12px!important;height:48px!important}.premium-submit-btn-new{border-radius:18px!important;font-size:16px!important;height:56px!important;margin-top:8px!important}.card-header{background:#f8fafc!important;border-bottom:1px solid #e2e8f0!important;padding:16px!important}.card-header h3{align-items:center!important;color:#006a4e!important;display:flex!important;font-size:14px!important;gap:8px!important;letter-spacing:.5px!important;margin:0!important;text-transform:uppercase!important}.summary-header{flex-direction:row!important;flex-wrap:wrap!important;gap:12px!important;padding:16px!important}.summary-header,.summary-header-actions{align-items:center!important;justify-content:space-between!important}.summary-header-actions{display:flex!important;margin-top:4px!important;width:100%!important}.summary-total-mini-badge{background:#f0fdf4!important;border:1px solid #bbf7d0!important;border-radius:10px!important;flex-shrink:0!important;padding:6px 12px!important;white-space:nowrap!important}.dashboard-grid-mini-new{gap:12px!important;grid-template-columns:repeat(2,1fr)!important;margin-bottom:0!important;padding:0 16px 20px!important}.summary-stat-card-new{border-radius:20px!important;padding:16px!important}.stat-value-badge-new{font-size:20px!important;margin:4px 0!important}.daily-table-wrapper{padding:0 16px 20px!important}.table-header{background:#fcfcfc!important;display:flex!important;justify-content:flex-start!important;padding:20px 16px 12px!important}.table-header h3{color:#64748b!important;font-size:14px!important;font-weight:800!important;letter-spacing:.5px!important;margin:0!important;text-transform:uppercase!important}.table-header h3 span{color:#006a4e!important;font-size:20px!important}.kutty-filter{display:inline-flex!important;margin-left:10px!important}.kutty-filter .custom-select-premium{background-color:#fff!important;background-position:right 6px center!important;background-size:12px!important;border:1px solid #e2e8f0!important;border-radius:8px!important;font-size:11px!important;height:28px!important;min-width:90px!important;padding:0 24px 0 8px!important}.table-actions{display:none}.custom-select-premium{background-position:right 8px center!important;border-radius:10px!important;font-size:12px!important;height:38px!important;min-width:115px!important;padding:0 32px 0 12px!important}.premium-table{background:#0000!important;border:none!important;display:block!important;width:100%!important}.premium-table thead{display:none!important}.history-section tbody{gap:16px!important;width:100%!important}.history-section tbody,.history-section tr{display:flex!important;flex-direction:column!important}.history-section tr{background:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:24px!important;box-shadow:0 4px 15px #0000000d!important;margin-bottom:20px!important;overflow:hidden!important;padding:0!important;position:relative!important}.col-product{align-items:center!important;background:#f8fafc!important;border-bottom:1.5px solid #e2e8f0!important;color:#006a4e!important;display:flex!important;font-size:16px!important;font-weight:800!important;justify-content:space-between!important;padding:16px!important;width:100%!important}.col-product:after{color:#94a3b8!important;content:"PRODUCT"!important;font-size:9px!important;font-weight:900!important;letter-spacing:.5px!important}.col-grade,.col-operator,.col-size-qty,.col-time{align-items:center!important;border-bottom:1px solid #f1f5f9!important;color:#1e293b!important;color:var(--p-slate-800)!important;display:flex!important;font-size:13px!important;justify-content:space-between!important;padding:10px 16px!important;width:100%!important}.col-time:before{content:"Time Produced"}.col-operator:before,.col-time:before{color:#94a3b8;font-size:11px;font-weight:800}.col-operator:before{content:"Machine Operator"}.col-size-qty:before{content:"Size & Quantity"}.col-grade:before,.col-size-qty:before{color:#94a3b8;font-size:11px;font-weight:800}.col-grade:before{content:"Quality Grade"}.col-sno{display:none!important}.col-actions{background:#fafafa!important;display:flex!important;justify-content:flex-end!important;padding:12px 16px!important;width:100%!important}.action-buttons-wrapper{display:flex!important;gap:12px!important}.history-section td:last-child{border-top:1px solid #f1f5f9!important;border-top:1px solid var(--p-slate-100)!important;gap:12px!important;justify-content:flex-end!important;margin-top:12px!important;padding-top:12px!important}.pagination-premium{flex-wrap:wrap!important;gap:10px!important;justify-content:center!important;margin-top:20px!important}.mobile-history-active .dashboard-content-main{display:none!important}.history-section.mobile-full-view{display:block!important;margin-top:0!important;padding-bottom:80px!important}.mobile-bottom-nav{background:#fff!important;border-top:1px solid #f1f5f9!important;bottom:0!important;box-shadow:0 -5px 20px #0000000d!important;height:70px!important;justify-content:space-around!important;left:0!important;position:fixed!important;right:0!important;z-index:1000!important}.mobile-bottom-nav,.mobile-nav-item{align-items:center!important;display:flex!important}.mobile-nav-item{background:none!important;border:none!important;color:#94a3b8!important;cursor:pointer!important;flex:1 1!important;flex-direction:column!important;gap:4px!important;padding:8px!important;transition:all .2s!important}.mobile-nav-item.active{color:#006a4e!important}.mobile-nav-item span{font-size:24px!important}.mobile-nav-item label{cursor:pointer!important;font-size:11px!important;font-weight:700!important}.daily-production-page{padding-bottom:90px!important}}.premium-toast-new{align-items:center;animation:toastSlideInRightOriginal .4s cubic-bezier(.175,.885,.32,1.275);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border:1px solid #0000000d;border-radius:14px;box-shadow:0 8px 25px #0000001a;display:flex;gap:12px;min-width:260px;padding:10px 18px;position:fixed;right:20px;top:20px;z-index:10000}@keyframes toastSlideInRightOriginal{0%{opacity:0;transform:translateX(120%) scale(.9)}to{opacity:1;transform:translateX(0) scale(1)}}.premium-toast-new.success{border-left:4px solid #10b981;border-left:4px solid var(--p-emerald)}.premium-toast-new.error{border-left:4px solid #ef4444}.premium-toast-new.warning{border-left:4px solid #f59e0b}.toast-icon-new{align-items:center;border-radius:8px;display:flex;flex-shrink:0;font-size:18px;height:32px;justify-content:center;width:32px}.success .toast-icon-new{background:#ecfdf5;background:var(--p-emerald-light);color:#10b981;color:var(--p-emerald)}.error .toast-icon-new{background:#fee2e2;color:#ef4444}.warning .toast-icon-new{background:#fffbeb;color:#f59e0b}.toast-content-new p{color:#1e293b;color:var(--p-slate-800);font-size:13px;font-weight:700;margin:0}.toast-progress-new{background:#0000000d;border-radius:0 0 20px 20px;bottom:0;height:4px;left:0;overflow:hidden;position:absolute;width:100%}.toast-progress-new:after{animation:toastProgress 3s linear forwards;background:currentColor;content:"";height:100%;left:0;opacity:.3;position:absolute;top:0;width:100%}@keyframes toastProgress{0%{width:100%}to{width:0}}.summary-header{align-items:center!important;display:flex!important;justify-content:space-between!important;padding:16px 24px!important}.summary-date-btn-compact,.summary-header-actions{align-items:center;display:flex}.summary-date-btn-compact{background:#fff;border:1.5px solid #e2e8f0;border:1.5px solid var(--p-slate-200);border-radius:10px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--p-shadow-sm);color:var(--p-slate-700);cursor:pointer;flex-shrink:0!important;font-size:13px;font-weight:700;gap:8px;height:40px;min-width:-webkit-fit-content!important;min-width:fit-content!important;padding:0 12px;transition:all .2s;white-space:nowrap!important}.summary-date-btn-compact:hover{background:#ecfdf5;background:var(--p-emerald-light);border-color:#10b981;border-color:var(--p-emerald);color:#059669;color:var(--p-emerald-dark)}.summary-date-btn-compact .arrow{color:#94a3b8;color:var(--p-slate-400);font-size:18px}.summary-top-banner{display:flex;justify-content:center;margin-bottom:24px}.summary-total-box-new{align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b);background:linear-gradient(135deg,var(--p-slate-900) 0,var(--p-slate-800) 100%);border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--p-shadow-lg);display:flex;flex-direction:column;padding:16px 32px}.total-label{color:#94a3b8;color:var(--p-slate-400);font-size:10px;font-weight:900;letter-spacing:1.5px;margin-bottom:4px;text-transform:uppercase}.total-value{color:var(--p-emerald);font-size:32px;font-weight:950;line-height:1}.total-value small{color:#94a3b8;color:var(--p-slate-400);font-size:14px;font-weight:700;margin-left:4px}.date-picker-wrapper-v2{position:relative!important;width:auto}.summary-total-mini-badge{align-items:center;background:#ecfdf5;background:var(--p-emerald-light);border:1.5px solid #10b981;border:1.5px solid var(--p-emerald);border-radius:10px;display:flex;gap:10px;margin-right:14px;padding:6px 16px}.mini-label{font-size:10px;font-weight:900;letter-spacing:.8px;text-transform:uppercase}.mini-label,.mini-value{color:#059669;color:var(--p-emerald-dark)}.mini-value{font-size:18px;font-weight:950;line-height:1}.dropdown-selected-text{flex-grow:1!important;overflow:hidden!important;text-align:left!important;text-overflow:ellipsis!important;white-space:nowrap!important}.clear-selection-btn{border-radius:6px!important;cursor:pointer!important;font-size:16px!important;margin:0 4px!important;padding:4px!important;transition:none!important}.arrow-icon,.clear-selection-btn{color:#94a3b8!important;color:var(--p-slate-400)!important}.mui-calendar-dropdown.center{left:50%!important;right:auto!important;top:calc(100% + 8px)!important;transform:translateX(-50%)!important}.mui-calendar-dropdown.left{left:0!important;right:auto!important;top:calc(100% + 8px)!important}.mui-calendar-dropdown.right{left:auto!important;right:0!important;top:calc(100% + 8px)!important}.nudge-btn-mini{align-items:center;background:#10b981;background:var(--p-emerald);border:none;border-radius:50%;box-shadow:0 4px 10px #10b98133;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;margin-left:10px;transition:all .2s cubic-bezier(.175,.885,.32,1.275);width:32px}.production-detail-modal{animation:modalPop .3s cubic-bezier(.34,1.56,.64,1)!important;background:#fff!important;border-radius:32px!important;margin:auto!important;max-width:420px!important;overflow:hidden!important;width:92%!important}@keyframes modalPop{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.detail-header-premium{background:#f8fafc!important;border-bottom:1px solid #f1f5f9!important;padding:24px!important;text-align:center!important}.detail-header-premium h3{align-items:center!important;color:#64748b!important;display:flex!important;font-size:14px!important;font-weight:900!important;gap:10px!important;justify-content:center!important;letter-spacing:1.5px!important;text-transform:uppercase!important}.detail-body-premium{padding:32px 24px!important}.detail-hero-section{margin-bottom:32px!important;text-align:center!important}.hero-product-badge{background:#ecfdf5!important;border-radius:14px!important;color:#059669!important;display:inline-block!important;font-size:18px!important;font-weight:900!important;margin-bottom:12px!important;padding:8px 20px!important}.hero-qty-badge{color:#1e293b!important;font-size:32px!important;font-weight:950!important}.hero-qty-badge span{color:#94a3b8!important;font-size:14px!important;font-weight:800!important}.detail-info-grid{display:flex!important;flex-direction:column!important;gap:12px!important}.detail-info-item{align-items:center!important;background:#f8fafc!important;border:1px solid #f1f5f9!important;border-radius:16px!important;display:flex!important;justify-content:space-between!important;padding:16px 20px!important}.detail-info-item .item-label{color:#94a3b8!important;font-size:11px!important;font-weight:800!important;text-transform:uppercase!important}.detail-info-item .item-value{color:#1e293b!important;font-size:15px!important;font-weight:800!important}.detail-footer-premium{border-top:1px solid #f1f5f9!important;padding:24px!important}.detail-close-btn{background:#1e293b!important;border:none!important;border-radius:16px!important;color:#fff!important;cursor:pointer!important;font-size:15px!important;font-weight:800!important;height:54px!important;width:100%!important}.pulsating-alert-banner{animation:pulseAlert 2s infinite;transition:all .3s ease}@keyframes pulseAlert{0%{border-color:#fca5a5;box-shadow:0 4px 15px #ef444426}50%{border-color:#ef4444;box-shadow:0 4px 25px #ef444459}to{border-color:#fca5a5;box-shadow:0 4px 15px #ef444426}}.simple-notification{align-items:center;animation:slideIn .3s ease-out;background:#fff;border-left:5px solid #0000;border-radius:10px;box-shadow:0 4px 15px #00000026;display:flex;font-family:Inter,sans-serif;gap:12px;min-width:250px;padding:12px 20px;position:fixed;right:20px;top:20px;z-index:9999}.simple-notification.success{border-left-color:#10b981}.simple-notification.error{border-left-color:#ef4444}.notification-icon{font-size:18px}.notification-text{color:#1e293b;font-size:14px;font-weight:600}.fade-in{opacity:1}*{box-sizing:border-box;margin:0;padding:0}.login-page{align-items:center;display:flex;justify-content:center;min-height:100vh;min-height:100dvh;overflow-x:hidden;padding:20px;position:relative;width:100vw}.login-page:before{background-image:linear-gradient(135deg,#2e3b3273,#1b5e2073),url(/static/media/bg1.766dcb66b7312fee3c53.png);background-position:50%;background-size:cover;content:"";filter:blur(4px);inset:-5%;position:absolute;transform:scale(1.05);z-index:-1}.login-container{animation:loginIn .8s cubic-bezier(.16,1,.3,1);margin:auto;max-width:380px;width:100%}@keyframes loginIn{0%{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.login-card{backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);background:#ffffff1f;border:1px solid #fff3;border-radius:24px;box-shadow:0 25px 50px -12px #00000080;padding:clamp(1.5rem,4vw,2.5rem);position:relative;width:100%}.login-header{margin-bottom:2rem;text-align:center}.logo-section{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff40;border-radius:18px;box-shadow:0 8px 32px 0 #0003;display:flex;height:clamp(70px,15vw,85px);justify-content:center;margin:0 auto 1.25rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:clamp(70px,15vw,85px)}.login-logo{height:65%;object-fit:contain;width:65%}.header-divider{background:#fff3;height:1px;margin:0 auto 1.25rem;width:40px}.login-header h1{color:#fff;font-size:clamp(20px,4.5vw,24px);font-weight:700;letter-spacing:-.01em}.login-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{gap:.5rem}.form-group label{color:#ffffffd9;font-size:10.5px;letter-spacing:.1em;margin-bottom:2px;margin-left:2px;text-transform:uppercase}.input-wrapper{align-items:center;display:flex;width:100%}.input-icon{color:#fff9;font-size:18px;left:20px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:10}.input-wrapper input{background:#ffffff14!important;border:1px solid #ffffff4d;border-radius:10px;color:#fff;font-size:14px;height:48px;padding:0 54px;transition:all .3s ease}.no-icon-input{padding-left:20px!important}.input-wrapper input::placeholder{color:#fff6}.input-wrapper input:focus{background:#ffffff2e!important;border-color:#fff;box-shadow:0 0 0 4px #ffffff26;outline:none}.password-toggle{align-items:center;background:none;border:none;color:#ffffffb3;cursor:pointer;display:flex;height:24px;justify-content:center;padding:2px;position:absolute;right:30px;top:50%;transform:translateY(-50%);transition:all .2s ease;width:24px;z-index:10}.password-toggle:hover{color:#fff;transform:translateY(-50%) scale(1.1)}.password-toggle .material-symbols-outlined{font-size:18px}.input-wrapper input:-webkit-autofill,.input-wrapper input:-webkit-autofill:active,.input-wrapper input:-webkit-autofill:focus,.input-wrapper input:-webkit-autofill:hover{-webkit-text-fill-color:#fff!important;box-shadow:inset 0 0 0 1000px #ffffff1a!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.input-wrapper input::-ms-clear,.input-wrapper input::-ms-reveal,.input-wrapper input::-webkit-contacts-auto-fill-button,.input-wrapper input::-webkit-credentials-auto-fill-button,.input-wrapper input::-webkit-reveal{display:none!important}.login-submit{align-items:center;background:linear-gradient(135deg,#006a4e,#004d39);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;height:48px;justify-content:center;letter-spacing:.02em;margin-top:8px;transition:all .25s cubic-bezier(.4,0,.2,1);width:100%}.login-submit:hover{background:#2e7d32;box-shadow:0 10px 20px #1b5e204d;transform:translateY(-2px)}.login-submit:active{transform:translateY(0)}.login-submit:disabled{cursor:not-allowed;opacity:.6}.login-error-pill,.login-success-pill{align-items:center;border-radius:12px;display:flex;font-size:14px;gap:10px;margin-bottom:5px;padding:12px 16px}.login-error-pill{background:#e5393526;border:1px solid #e539354d;color:#ffcdd2}.login-success-pill{background:#43a04726;border:1px solid #43a0474d;color:#c8e6c9}.loader{animation:spin .8s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:22px;width:22px}@media (min-width:1024px){.login-container{max-width:390px}.logo-section{border-radius:20px;height:100px;width:100px}.login-card:hover{transform:translateY(-5px);transition:transform .4s ease}}@media (max-width:768px){.login-container{max-width:400px}.login-card{padding:2rem}.login-header{margin-bottom:2rem}}@media (max-width:480px){.login-page{align-items:center;display:flex;justify-content:center;min-height:100vh;min-height:100dvh;padding:15px}.login-container{margin:0;max-width:100%}.login-card{border-radius:24px;padding:24px 20px}.login-header h1{font-size:20px}.header-divider{margin-bottom:1rem}.input-wrapper input{height:48px;padding:0 54px}.login-submit{height:48px}}@media (max-height:700px){.login-header{margin-bottom:1.5rem}.logo-section{height:70px;margin-bottom:1rem;width:70px}.login-card{padding:20px}}.login-footer{display:flex;justify-content:flex-end;margin-bottom:-5px;margin-top:-10px}.login-footer a{color:#fff9;font-size:13px;font-weight:500;padding:2px 5px;text-decoration:none;transition:all .2s ease}@media (max-width:480px){.login-footer a{color:#ffffffe6;font-size:14.5px;font-weight:600}}.login-footer a:hover{color:#fff;text-decoration:underline}.forgot-subtitle{color:#ffffffb3;font-size:14px;line-height:1.5;margin-top:10px}.forgot-back-link{align-items:center;color:#fff9;display:flex;font-size:14px;gap:8px;justify-content:center;margin-top:20px;text-decoration:none;transition:all .3s ease}.forgot-back-link:hover{color:#fff}.forgot-back-link .material-symbols-outlined{font-size:18px}.login-success-pill .material-symbols-outlined{color:#c8e6c9}.check-page-container{background-color:#f8fafc;min-height:calc(100vh - 80px);padding:2rem}.check-card,.check-page-container{align-items:center;display:flex;justify-content:center}.check-card{background:#fff;border:1px solid #00000008;border-radius:24px;box-shadow:0 20px 50px #0000000d;flex-direction:column;gap:2.5rem;margin:auto;max-width:480px;padding:3.5rem 2.5rem;text-align:center;width:100%}.check-title{color:var(--text-dark);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.status-indicator-wrapper{justify-content:center;min-height:200px}.status-animation,.status-indicator-wrapper{align-items:center;display:flex;flex-direction:column}.status-animation{gap:1rem;position:relative}.icon-large{font-size:5rem!important;margin-bottom:1rem}.connected .icon-large{color:#22c55e}.connected h2{color:#15803d;margin:0}.status-text{color:#64748b}.error .icon-large{color:#ef4444}.error h2{color:#b91c1c;margin:0}.error-text{background:#fef2f2;border-radius:8px;color:#ef4444;font-size:.9rem;max-width:100%;padding:.75rem 1rem}.checking{color:#3b82f6}.spin{animation:spin 1s linear infinite;font-size:3rem!important}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pulse-ring{border-radius:50%;height:100px;left:50%;margin-top:-2.5rem;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:100px;z-index:-1}.green.pulse-ring{animation:pulse-green 2s infinite;border:3px solid #22c55e}.red.pulse-ring{animation:pulse-red 2s infinite;border:3px solid #ef4444}@keyframes pulse-green{0%{height:60px;opacity:.8;width:60px}to{height:140px;opacity:0;width:140px}}@keyframes pulse-red{0%{height:60px;opacity:.8;width:60px}to{height:140px;opacity:0;width:140px}}.retry-btn{align-items:center;background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;margin-top:1rem;padding:.75rem 1.5rem;transition:all .2s}.retry-btn:hover{background:#dc2626;box-shadow:0 4px 12px #ef44444d;transform:translateY(-2px)}.last-checked{font-size:.8rem;margin-top:auto}.status-details-grid{grid-gap:1.5rem;border-top:1px solid #f1f5f9;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin-top:2rem;padding-top:2rem;width:100%}.detail-item{align-items:center;display:flex;flex-direction:column;gap:.5rem}.detail-label{color:#94a3b8;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.detail-value{font-size:1.1rem;font-weight:800}.detail-value.success{color:#16a34a}.detail-value.error{color:#dc2626}.check-subtitle{color:#64748b;font-size:.95rem;margin-bottom:.5rem}.last-checked{align-items:center;color:#94a3b8;display:flex;font-size:.85rem;gap:.4rem;margin-top:1rem}.last-checked span{font-size:1.1rem}@media (max-width:480px){.status-details-grid{gap:1rem;grid-template-columns:1fr}}.clients-container{background-color:#f1f5f9;background-color:var(--color-bg,#f1f5f9);margin:0 auto;max-width:1400px;min-height:100vh;padding:24px}.client-header{margin-bottom:40px!important}.search-filter-area{align-items:center;display:flex;gap:20px;margin-bottom:32px;margin-top:10px}.premium-search-bar{align-items:center;display:flex;flex:1 1;position:relative}.premium-search-bar span{color:#94a3b8;font-size:20px;left:16px;pointer-events:none;position:absolute}.premium-search-bar input{background:#fff;border:2px solid #f1f5f9;border-radius:18px;box-shadow:0 4px 20px #00000008;color:#1e293b;font-size:15px;font-weight:500;height:54px;padding:0 24px 0 56px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.premium-search-bar input:focus{background:#fff;border-color:#006a4e;box-shadow:0 10px 25px -5px #006a4e1f,0 8px 10px -6px #006a4e14;outline:none;transform:translateY(-1px)}.btn-export-premium{background:#006a4e;border-radius:18px;box-shadow:0 10px 20px -10px #006a4e66;color:#fff;font-size:14px;font-weight:800;gap:12px;height:54px;letter-spacing:.05em;padding:0 28px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.btn-export-premium:hover{background:#00543e;box-shadow:0 15px 30px -10px #006a4e80;transform:translateY(-2px)}.btn-export-premium:active{transform:translateY(0)}.clients-stats{display:flex;flex-wrap:nowrap;gap:12px;margin-bottom:24px}.stat-card{border-radius:14px;box-shadow:0 2px 8px #00000005;flex:1 1;min-width:0;padding:12px 16px}.stat-icon{border-radius:10px;height:40px;width:40px}.stat-icon span{font-size:20px}.stat-icon.blue{background:#e0f2fe;color:#0284c7}.stat-icon.purple{background:#f3e8ff}.stat-label{font-size:10px;letter-spacing:.02em}.stat-value{font-size:18px;font-weight:900}.search-input{border-radius:14px;height:52px;padding:0 20px 0 52px}.table-container{background:#fff;border:1px solid #f1f5f9;border-radius:20px;box-shadow:0 10px 30px #00000005;padding:8px;transition:all .3s ease}.clients-table th{border-bottom:1px solid #f1f5f9;letter-spacing:.1em;padding:16px 12px}.clients-table td{border-bottom:1px solid #f8fafc}.company-name{font-size:15px}.type-badge-mini{background:#f1f5f9;border-radius:6px;color:#64748b;font-size:9px;font-weight:900;padding:2px 6px;text-transform:uppercase}.action-buttons{display:flex;gap:8px}.action-btn{border-radius:10px;height:36px;transition:all .2s;width:36px}.action-btn:hover{background:#f0fdf4}.action-btn.delete-btn:hover{color:#dc2626}.modal-overlay{background:#0f172a99;padding:20px;top:0!important}.modal-content{border-radius:24px;max-height:90vh;max-width:600px}.modal-header h2{color:#0f172a;font-size:20px;font-weight:900}.modal-body{padding:24px 32px}.modal-form-group.full-width{grid-column:1/-1}.modal-row-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.modal-form-group label{color:#475569;font-size:13px;letter-spacing:.02em}.modal-input,.modal-textarea{color:#0f172a;font-size:15px;height:52px;padding:12px 20px}.modal-textarea{height:auto;min-height:100px;padding:16px 20px}.modal-input:focus,.modal-textarea:focus{box-shadow:0 0 0 4px #006a4e1a}.client-type-selector{grid-gap:12px;gap:12px}.type-option{border:1px solid #e2e8f0;border-radius:16px;color:#64748b;font-size:13px;font-weight:700;gap:8px;justify-content:center;padding:16px;transition:all .2s}.type-option span{font-size:24px}.type-option.active{color:#006a4e}.modal-close{align-items:center;background:#f1f5f9;border-radius:12px;display:flex;height:40px;justify-content:center;margin-top:-12px;transition:all .2s;width:40px}.modal-close:hover{background:#e2e8f0;color:#0f172a}.modal-footer{border-top:1px solid #f1f5f9}.modal-confirm{border-radius:50px;box-shadow:0 4px 12px #10b98133;font-size:15px;font-weight:800;height:52px;padding:0 32px;transition:all .2s}.modal-confirm:hover{background:#059669;box-shadow:0 6px 15px #10b9814d;transform:translateY(-1px)}.mobile-back-btn{display:none}.btn-view-history-pill{align-items:center;background:#f0fdf4;border:1px dashed #006a4e;border-radius:12px;color:#006a4e;cursor:pointer;display:flex;font-weight:700;gap:8px;justify-content:center;margin-top:24px;padding:14px;width:100%}.modal-cancel{border-radius:50px;font-size:15px;font-weight:800;height:52px;padding:0 32px;transition:all .2s}.modal-cancel:hover{background:#f8fafc;border-color:#cbd5e1;color:#1e293b}.centered-header{align-items:center!important;border-bottom:1px solid #f1f5f9!important;display:flex!important;justify-content:center!important;padding:20px 32px!important;position:relative}.centered-header h2{color:#1e293b!important;font-size:18px!important;font-weight:800!important;margin:0!important}.modal-close-circle{align-items:center;background:#f1f5f9;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:20px;transition:all .2s;width:32px}.modal-close-circle:hover{background:#e2e8f0;color:#0f172a}.modal-header-btn-left{align-items:center;background:#f0fdf4;border:none;border-radius:50%;color:#006a4e;cursor:pointer;display:flex;height:32px;justify-content:center;left:20px;position:absolute;transition:all .2s;width:32px}.modal-header-btn-left:hover{background:#dcfce7;color:#00543e}.centered-body{background:#fff!important;padding:32px!important}.view-profile-section-centered{align-items:center;display:flex;flex-direction:column;margin-bottom:32px}.view-avatar-centered{align-items:center;background:#006a4e;border-radius:50%;box-shadow:0 4px 12px #006a4e33;color:#fff;display:flex;height:64px;justify-content:center;margin-bottom:16px;width:64px}.view-avatar-centered span{font-size:32px}.view-name-centered{color:#0f172a;font-size:24px;font-weight:800;margin:0 0 8px}.view-badge-centered{background:#e0f2fe;border-radius:50px;color:#0369a1;font-size:11px;font-weight:800;letter-spacing:.05em;padding:4px 12px;text-transform:uppercase}.view-info-grid-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.view-card-item{align-items:center;background:#f8fafc;border:1px solid #f1f5f9;border-radius:16px;display:flex;flex-direction:column;padding:20px;text-align:center;transition:all .2s}.view-card-item:hover{border-color:#e2e8f0;box-shadow:0 4px 12px #00000008;transform:translateY(-2px)}.view-card-item.full-width{grid-column:1/-1;margin-bottom:24px}.card-label{color:#94a3b8;font-size:11px;font-weight:700;letter-spacing:.05em;margin-bottom:12px;text-transform:uppercase}.card-value{color:#1e293b;font-size:16px;font-weight:800;line-height:1.4}.card-value-long{color:#475569;font-size:14px;font-weight:600;line-height:1.6}.view-stats-row-compact{display:flex;gap:12px;margin-bottom:20px}.stat-pill{align-items:center;border-radius:12px;display:flex;flex:1 1;font-size:13px;font-weight:700;gap:8px;justify-content:center;padding:12px}.stat-pill.success{background:#f0fdf4;color:#006a4e}.stat-pill.neutral{background:#f8fafc;color:#64748b}.pill-label{opacity:.8}.pill-value{font-weight:800}.btn-view-history-pill-compact{align-items:center;background:#f0fdf4;border:1px dashed #006a4e;border-radius:12px;color:#006a4e;cursor:pointer;display:flex;font-weight:700;gap:8px;height:48px;justify-content:center;transition:all .2s;width:100%}.client-view-footer{background:#f8fafc!important;border-top:1px solid #f1f5f9!important;display:flex!important;gap:12px!important;justify-content:stretch!important;padding:16px 32px!important}.btn-view-close{background:#fff;border:1px solid #e2e8f0;border-radius:50px;color:#64748b;cursor:pointer;flex:1 1;font-size:15px;font-weight:700;height:54px;transition:all .2s}.btn-view-close:hover{background:#f1f5f9;border-color:#cbd5e1;color:#1e293b}.btn-view-edit{align-items:center;background:#006a4e;border:none;border-radius:50px;box-shadow:0 4px 12px #006a4e33;color:#fff;cursor:pointer;display:flex;flex:1.5 1;font-size:15px;font-weight:800;gap:8px;height:54px;justify-content:center;transition:all .2s}.btn-view-edit:hover{background:#00543e;box-shadow:0 6px 15px #006a4e33;transform:translateY(-1px)}.btn-view-edit span{font-size:18px}@media (max-width:768px){.clients-container{padding:12px}.clients-stats{display:flex!important;flex-wrap:wrap!important;gap:12px;margin-bottom:20px}.stat-card{background:#fff!important;border-radius:16px!important;box-shadow:0 4px 10px #00000008!important;flex-basis:calc(50% - 6px);flex-grow:1;flex-shrink:1;padding:14px!important}.table-container{background:#0000!important;border:none!important;box-shadow:none!important;margin:0!important;padding:0!important}.client-header{margin-bottom:16px}.client-page-title{font-size:20px!important}.btn-add-circle-premium{height:42px!important;width:42px!important}.btn-add-circle-premium .material-symbols-outlined{font-size:24px!important}.search-filter-area{flex-direction:column;gap:12px;margin-bottom:20px}.premium-search-bar{width:100%}.premium-search-bar input{border-radius:14px;height:46px}.btn-export-premium{display:none!important}.client-header{margin-bottom:24px;padding:0!important}.mobile-client-cards,.mobile-client-strip-card{display:flex;flex-direction:column;gap:12px}.mobile-client-strip-card{background:#fff;border:1px solid #f1f5f9;border-radius:18px;box-shadow:0 4px 15px #00000008;padding:16px;position:relative}.card-top{gap:12px}.card-avatar,.card-top{align-items:center;display:flex}.card-avatar{background:#f0fdf4;border-radius:12px;color:#006a4e;height:44px;justify-content:center;width:44px}.card-main-info{flex:1 1;min-width:0}.name-row{align-items:center;display:flex;gap:8px;margin-bottom:2px}.client-name{color:#0f172a;font-size:15px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.type-tag{background:#f1f5f9;border-radius:4px;color:#64748b;font-size:9px;font-weight:900;padding:1px 5px;text-transform:uppercase}.type-tag.personal{background:#e0f2fe;color:#0369a1}.type-tag.company{background:#dcfce7;color:#15803d}.client-meta-info{color:#64748b;display:block;font-size:12px}.card-action-container{position:relative}.btn-more-actions{align-items:center;background:#f8fafc;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.btn-more-actions.active{background:#006a4e;color:#fff}.mobile-action-dropdown{animation:dropdownSlideIn .2s ease-out;background:#fff;border:1px solid #f1f5f9;border-radius:12px;box-shadow:0 10px 25px #0000001a;margin-top:8px;padding:6px;position:absolute;right:0;top:100%;width:180px;z-index:100}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#475569;cursor:pointer;display:flex;font-size:13px;font-weight:700;gap:10px;padding:10px 12px;text-align:left;width:100%}.dropdown-item span{color:#64748b;font-size:18px}.dropdown-item:active{background:#f1f5f9}.dropdown-item.delete,.dropdown-item.delete span{color:#ef4444}.card-bottom-row{border-top:1px dashed #f1f5f9;padding-top:8px}.card-amount-info{display:flex;flex-direction:column;text-align:left}.amount-label{color:#94a3b8;font-size:9px;font-weight:700;text-transform:uppercase}.amount-value{color:#006a4e;font-size:15px;font-weight:900}.view-modal-overlay{align-items:flex-start!important;background:#fff!important;bottom:0!important;height:calc(100% - 70px)!important;left:0!important;padding:0!important;right:0!important;top:70px!important;width:100%!important;z-index:5000!important}.view-modal-frame{border-radius:0!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;height:100%!important;margin:0!important;max-height:100%!important}.modal-overlay,.view-modal-frame{overflow:hidden!important;width:100%!important}.modal-overlay{align-items:flex-start!important;background:#fff!important;bottom:0!important;display:block!important;height:calc(100% - 70px)!important;left:0!important;padding:0!important;right:0!important;top:70px!important;z-index:5000!important}.modal-content{animation:none!important;border-radius:0!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;height:100%!important;margin:0!important;max-height:100%!important;max-width:none!important;width:100%!important}.modal-header{background:#fff!important;border-bottom:1px solid #f1f5f9!important;flex-shrink:0!important;padding:14px 20px!important;position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:100!important}.modal-header h2{font-size:16px!important}.view-modal-header{align-items:center!important;background:#fff;border-bottom:1px solid #f1f5f9;display:flex!important;flex-shrink:0;height:48px!important;justify-content:space-between!important;padding:6px 12px!important}.header-left-with-back{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.header-left-with-back h2{color:#0f172a!important;font-size:17px!important;font-weight:800!important;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-back-btn{align-items:center;background:#f8fafc;border:none;border-radius:10px;color:#475569;cursor:pointer;display:flex;height:34px;justify-content:center;width:34px}.mobile-header-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.mobile-save-btn{background:#006a4e;box-shadow:0 4px 12px #006a4e26;color:#fff;cursor:pointer;font-weight:800;padding:10px 20px}.mobile-cancel-header-btn,.mobile-save-btn{border:none;border-radius:50px;font-size:14px}.mobile-cancel-header-btn{background:#f1f5f9;color:#64748b;font-weight:700;padding:10px 18px}.mobile-edit-header-btn{align-items:center;background:#f0fdf4;border:1px solid #d1fae5;border-radius:50px;color:#006a4e;display:flex;font-size:13px;font-weight:800;gap:6px;padding:7px 14px}.desktop-only-close,.view-modal-hide-handle{display:none!important}.modal-body{-webkit-overflow-scrolling:touch;background:#f8fafc;flex:1 1!important;overflow-y:auto!important;padding:16px 16px 20px!important}.modal-row-grid{gap:12px!important;grid-template-columns:1fr!important}.modal-form-group{margin-bottom:12px!important}.modal-input,.modal-textarea{font-size:14px!important;height:46px!important}.modal-footer{background:#fff!important;border-top:1px solid #f1f5f9!important;box-shadow:0 -2px 8px #0000000a!important;display:flex!important;flex-shrink:0!important;gap:12px!important;padding:16px!important;position:static!important}.modal-cancel,.modal-confirm{border-radius:50px!important;flex:1 1!important;font-size:15px!important;font-weight:800!important;height:50px!important}.view-info-grid-cards{gap:12px;grid-template-columns:1fr}.view-card-item{padding:16px}.centered-body{padding:20px!important}}.premium-header-green{align-items:center;background:#006a4e;border-radius:24px;box-shadow:0 10px 30px #006a4e26;color:#fff;display:flex;justify-content:space-between;margin-bottom:32px;padding:30px 40px}.page-title-white{font-size:24px;font-weight:800;letter-spacing:-.01em}.page-title-white:before{background:#10b981;box-shadow:0 0 10px #10b98166;height:28px;width:4px}.btn-add-premium-outline{background:#ffffff1a;border:1px solid #fff6;border-radius:16px;font-size:14px;font-weight:700;gap:10px;padding:12px 24px;transition:all .2s ease}.btn-add-premium-outline:hover{background:#fff3;border-color:#fff}.stat-icon.blue{background:#eef5ff;color:#3b82f6}.stat-icon.purple{background:#f5f3ff;color:#8b5cf6}.stat-label{letter-spacing:.05em}.stat-value{color:#0a3b2e;letter-spacing:-.01em}.dark .stat-value{color:#fff}.filters-section{flex-wrap:wrap;gap:20px}.search-box{min-width:300px}.search-icon{font-size:22px;left:20px}.search-input{border-radius:16px;box-shadow:0 2px 8px #00000005;font-size:15px;height:56px;padding:0 20px 0 60px;transition:all .3s ease}.search-input:focus{background:#fff;border-color:#006a4e;box-shadow:0 0 0 4px #006a4e1a}.dark .search-input{background:#1c2e21;border-color:#2a3a2e;color:#fff}.btn-export-premium{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;color:#475569;cursor:pointer;display:flex;font-weight:700;gap:8px;height:56px;padding:0 24px;transition:all .2s ease}.btn-export-premium:hover{background:#f8fafc;border-color:#cbd5e1;color:#1e293b}.dark .table-container{background:#1c2e21;border-color:#2a3a2e}.clients-table{border-collapse:collapse;width:100%}.clients-table th{background:#fff;border-bottom:2px solid #f1f5f9;color:#64748b;font-size:11px;font-weight:800;letter-spacing:.12em;padding:18px 12px;text-align:left;text-transform:uppercase}.dark .clients-table th{background:#1c2e21;border-bottom-color:#2a3a2e;color:#94a3b8}.clients-table td{border-bottom:1px solid #f1f5f9;color:#334155;padding:16px 12px;vertical-align:middle}.type-badge-mini{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-family:inherit;font-size:11px;font-weight:800;height:20px;justify-content:center;width:20px}.type-badge-mini.company{background:#f1f5f9;border:1px solid #e2e8f0;color:#475569}.type-badge-mini.personal{background:#f1f5f9;border:1px solid #e2e8f0;color:#64748b}.company-info-row{gap:10px}.company-icon{align-items:center;background:#f1f5f9;border-radius:8px;color:#64748b;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.company-info-row{align-items:center;background:#f8faf9;border:1px solid #e0f0e5;border-radius:12px;display:flex;gap:12px;padding:6px 12px;white-space:nowrap;width:-webkit-fit-content;width:fit-content}.dark .company-info-row{background:#1d3324;border-color:#2a3a2e}.company-name{color:#0f172a;font-size:14px;font-weight:800;letter-spacing:-.01em;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-person{color:#475569;font-weight:700;white-space:nowrap}.comm-inline-group,.history-inline-group{justify-content:flex-start}.client-email{color:#64748b;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-email,.client-phone{font-family:inherit;font-size:14px}.client-phone{color:#475569;font-weight:500}.order-count-badge{border:1px solid #e2e8f0;border-radius:10px;font-size:11px;font-weight:800}.spent-amount-bold{align-items:center;display:flex;gap:4px}@keyframes rowFadeIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.client-row{animation:rowFadeIn .4s ease-out forwards;border-left:4px solid #0000;transition:all .2s cubic-bezier(.4,0,.2,1)}.client-row:hover{background:#f0fdf4!important;border-left-color:#006a4e;box-shadow:0 4px 12px #006a4e0d}.dark .client-row{border-bottom-color:#2a3a2e;color:#cbd5e1}.dark .client-row:hover{background:#1d3324!important}.action-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#64748b;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.action-btn:hover{background:#f8fafc;border-color:#006a4e;color:#006a4e;transform:scale(1.05)}.action-btn.delete-btn{border-color:#fecaca;color:#dc2626}.action-btn.delete-btn:hover{background:#fef2f2;border-color:#dc2626;color:#b91c1c;transform:scale(1.05)}.mobile-client-cards{display:none;flex-direction:column;gap:16px;padding:4px}@media (max-width:1024px){.desktop-table-view{display:none}.mobile-client-cards{display:flex}.premium-header{align-items:flex-start;flex-direction:column;gap:20px;padding:20px}.header-actions{width:100%}.btn-transfer-premium{justify-content:center;width:100%}.clients-container{padding:16px}.btn-export-premium{display:none!important}}.mobile-client-card{background:#fff;border:1px solid #e0f0e5;border-radius:20px;box-shadow:0 2px 10px #00000008;display:flex;flex-direction:column;gap:12px;padding:20px;position:relative}.dark .mobile-client-card{background:#1c2e21;border-color:#2a3a2e}.mobile-client-header{align-items:center;display:flex;gap:12px}.mobile-client-name{color:#0f172a;font-size:18px;font-weight:800}.dark .mobile-client-name{color:#fff}.mobile-client-meta{grid-gap:8px;background:#f8faf9;border-radius:12px;display:grid;gap:8px;grid-template-columns:1fr 1fr;padding:12px}.dark .mobile-client-meta{background:#1d3324}.meta-item{display:flex;flex-direction:column}.meta-label{color:#64748b;font-size:10px;font-weight:700;text-transform:uppercase}.meta-value{color:#0a3b2e;font-size:14px;font-weight:700}.dark .meta-value{color:#cbd5e1}.mobile-client-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.pagination{align-items:center;background:#fff;border:1px solid #e0f0e5;border-radius:16px;display:flex;justify-content:space-between;margin-top:24px;padding:16px}.dark .pagination{background:#1c2e21;border-color:#2a3a2e}@media (max-width:640px){.pagination{flex-direction:column;gap:16px}}.pagination-controls{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.pagination-btn{background:#fff;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;font-weight:700;height:40px;min-width:40px}.pagination-btn.active{background:#006a4e;border-color:#006a4e;color:#fff}.pagination-btn:disabled{cursor:not-allowed;opacity:.4}.modal-overlay{align-items:flex-start;background:#0a1f1a73;overflow-y:auto;padding:30px 20px;top:70px!important;z-index:1500}.modal-content{animation:modalSlideUp .3s ease-out;border-radius:28px;box-shadow:0 25px 50px -12px #00000040;max-height:calc(100vh - 120px);max-width:650px;width:100%}.modal-content,.modal-content form{display:flex;flex-direction:column;overflow:hidden}.modal-content form{flex:1 1;margin:0}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dark .modal-content{background:#1c2e21}.modal-header{background:#fff;border-bottom:1px solid #f1f5f9;padding:24px 32px;z-index:10}.modal-header h2{color:#0a3b2e;font-size:24px;font-weight:800;margin:0}.modal-body{flex:1 1;overflow-y:auto;padding:32px 32px 40px}.modal-form-group{margin-bottom:24px}.modal-form-group label{color:#2a3b2e;font-size:15px;font-weight:700;margin-bottom:10px}.modal-input,.modal-textarea{border:1px solid #e2e8f0;border-radius:14px;box-sizing:border-box;color:#1e293b;font-size:16px;padding:14px 20px}.modal-input:focus{border-color:#006a4e;box-shadow:0 0 0 4px #006a4e1a;outline:none}.modal-footer{padding:24px 32px}.dark .modal-footer{background:#1d3324}.modal-cancel{background:#fff}.modal-cancel,.modal-confirm{border-radius:12px;font-weight:700;padding:12px 24px}.modal-confirm{background:#006a4e}.subtitle-slim{color:#64748b}.history-badges{display:flex;flex-direction:column;gap:4px}.modal-close{background:#0000;color:#64748b}.company-gst-inline{color:#64748b;font-size:12px;font-weight:500}.comm-inline-group,.history-inline-group{align-items:center;display:flex;gap:8px;justify-content:center;white-space:nowrap}.comm-divider{color:#e2e8f0;font-weight:300}.order-count-badge{background:#f1f5f9;border-radius:6px;color:#475569;font-size:12px;font-weight:700;padding:4px 10px}.spent-amount-bold{color:#006a4e;font-size:14px;font-weight:800}.client-type-selector{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-top:8px}.type-option{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:20px;cursor:pointer;flex-direction:column;gap:12px;padding:20px 16px;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.type-option .material-symbols-outlined{color:#94a3b8;font-size:32px;transition:all .3s ease}.type-option.active{background:#f0fdf4;border-color:#006a4e;box-shadow:0 4px 15px #006a4e1a}.type-option.active .material-symbols-outlined{color:#006a4e;transform:scale(1.1)}.type-option:hover:not(.active){background:#f1f5f9;border-color:#cbd5e1}.vendors-container{background-color:#f1f5f9;background-color:var(--color-bg,#f1f5f9);margin:0 auto;max-width:1400px;min-height:100vh;padding:24px}.vendor-header{margin-bottom:40px!important}.type-badge-full{background:#f1f5f9;border-radius:8px;color:#475569;display:inline-block;font-size:11px;font-weight:800;padding:6px 12px}.type-badge-full.leaf{background:#dcfce7;color:#166534}.type-badge-full.machine-maintenance-material{background:#e0e7ff;color:#3730a3}.type-badge-full.canteen{background:#ffedd5;color:#9a3412}.type-badge-full.electrician{background:#fef08a;color:#854d0e}.status-badge-modern{border-radius:50px;font-size:11px;font-weight:800;padding:4px 10px;text-transform:uppercase}.status-badge-modern.active{background:#f0fdf4;border:1px solid #a7f3d0;color:#059669}.status-badge-modern.inactive{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.contact-person-sub{color:#64748b;display:block;font-size:12px;font-weight:500;margin-top:4px}.vendor-phone{color:#334155;font-size:14px;font-weight:600}.vendors-table{border-collapse:collapse;width:100%}.vendors-table th{border-bottom:1px solid #f1f5f9;color:#64748b;font-size:11px;font-weight:800;letter-spacing:.1em;padding:16px 12px;text-align:left;text-transform:uppercase}.vendors-table td{border-bottom:1px solid #f8fafc;padding:16px 12px}.mobile-vendor-cards{display:none}@media (max-width:1024px){.desktop-table-view{display:none}.mobile-vendor-cards{display:block;padding-top:10px}.mobile-vendor-strip-card{background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000008;margin-bottom:12px;padding:16px;position:relative}.card-top{align-items:center;display:flex;gap:12px}.vendor-name{color:#0f172a;font-size:16px;font-weight:800}.vendor-meta-info{color:#64748b;display:block;font-size:13px;margin-top:4px}}.vendor-profile-modal{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;max-width:500px;position:relative;width:100%}.vendor-profile-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:24px 32px}.vendor-profile-header h2{color:#1e293b;font-size:18px;font-weight:800;margin:0}.vendor-profile-body{padding:32px}.vendor-info-cards{gap:16px}.vendor-card-item,.vendor-info-cards{display:flex;flex-direction:column;width:100%}.vendor-card-item{align-items:center;background:#f8fafc;border:1px solid #f1f5f9;border-radius:16px;box-sizing:border-box;padding:20px;text-align:center}.vendor-card-item .card-label{color:#94a3b8;font-size:11px;font-weight:700;letter-spacing:.05em;margin-bottom:12px;text-transform:uppercase}.vendor-card-item .card-value,.vendor-card-item .card-value-long{color:#1e293b;font-size:16px;font-weight:800;line-height:1.4}.turnover-container{animation:pageReveal .6s cubic-bezier(.4,0,.2,1);background-color:#f8faf9;font-family:Inter,system-ui,-apple-system,sans-serif;min-height:100vh;padding:24px}@keyframes pageReveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.premium-header-green.att-header{align-items:center;background:#006a4e;border-radius:18px;box-shadow:0 10px 30px #006a4e26;color:#fff;display:flex;justify-content:space-between;margin-bottom:24px;overflow:hidden;padding:16px 32px;position:relative}.page-title-white{align-items:center;color:#fff;display:flex;font-size:18px;font-weight:750;gap:12px;letter-spacing:-.2px;margin:0}.page-title-white:before{background:#00e676;border-radius:4px;content:"";display:block;flex-shrink:0;height:22px;width:3.5px}.subtitle-slim{font-size:14px;font-weight:400;margin-top:4px;opacity:.85}.btn-add-premium-outline{align-items:center;background:#ffffff26;border:1px solid #ffffff4d;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.btn-add-premium-outline:hover{background:#ffffff40;transform:translateY(-2px)}.turnover-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:24px}.stat-card{border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d;gap:16px;padding:24px;transition:transform .2s}.stat-card:hover{box-shadow:0 10px 15px -3px #0000001a;transform:translateY(-4px)}.stat-icon{border-radius:12px;font-size:28px;height:56px;width:56px}.icon-income{background-color:#f0fdf4;color:#10b981}.icon-expense{background-color:#f5f3ff;color:#8b5cf6}.icon-profit{background-color:#eef5ff;color:#3b82f6}.stat-label{color:#64748b;font-size:13px;font-weight:600;line-height:1.2;white-space:normal}.stat-value{font-size:24px;margin-top:2px}.stat-value.income{color:#10b981}.stat-value.expense{color:#8b5cf6}.stat-value.profit{color:#2563eb}.filters-section{align-items:center;background:#fff;border:1px solid #f1f5f9;border-radius:16px;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px;padding:16px 20px}.filter-type-buttons{background:#f1f5f9;border-radius:10px;display:flex;gap:4px;padding:4px}.filter-btn{background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s}.filter-btn.active{background:#fff;box-shadow:0 2px 4px #0000000d;color:#006a4e}.search-input{border-radius:8px;outline:none;padding:8px 12px}.analytics-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:24px}.analytics-card{background:#fff;border:1px solid #f1f5f9;border-radius:20px;box-shadow:0 2px 4px #00000005;padding:24px}.card-header-main{justify-content:space-between;margin-bottom:24px}.card-header-main,.title-group{align-items:center;display:flex}.title-group{gap:12px}.title-group h3{color:#1e293b;font-size:17px;font-weight:800;margin:0}.icon-accent{color:#10b981}.icon-accent-purple{color:#8b5cf6}.manual-records-section{background:#fff;border:1px solid #f1f5f9;border-radius:20px;margin-top:24px;padding:24px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.record-count{background:#f8fafc;border-radius:20px;color:#94a3b8;font-size:13px;font-weight:600;padding:4px 12px}.table-wrapper{overflow-x:auto}.record-table{border-collapse:collapse;width:100%}.record-table th{border-bottom:1px solid #f1f5f9;color:#64748b;font-size:12px;font-weight:700;padding:12px 16px;text-align:left;text-transform:uppercase}.record-table td{border-bottom:1px solid #f8fafc;color:#334155;font-size:14px;padding:16px}.date-cell{color:#1e293b;font-weight:600}.category-badge{background:#f0fdf4;border-radius:20px;color:#166534;font-size:11px;font-weight:700;padding:4px 10px}.amount-cell{color:#10b981;font-weight:800}.note-cell{color:#64748b;font-style:italic;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-cell{display:flex;gap:8px;justify-content:center}.icon-btn{background:#0000;border:none;border-radius:8px;cursor:pointer;padding:6px;transition:all .2s}.icon-btn.edit{color:#3b82f6}.icon-btn.edit:hover{background:#eff6ff}.icon-btn.delete{color:#ef4444}.icon-btn.delete:hover{background:#fef2f2}.empty-state{color:#94a3b8;font-style:italic;padding:40px;text-align:center}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;z-index:2000}.modal-content-green{background:#fff;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;max-width:500px;padding:32px;width:90%}.modal-header{align-items:center;margin-bottom:24px}.modal-header h3{color:#1e293b;font-size:20px;font-weight:800;margin:0}.close-btn{background:#0000;border:none;color:#94a3b8;cursor:pointer}.form-grid{grid-gap:20px;display:grid;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group.full-width{grid-column:1/-1}.form-group label{color:#475569;font-size:13px;font-weight:700}.form-group input,.form-group select,.form-group textarea{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;font-size:14px;outline:none;padding:12px}.form-group input:focus{border-color:#10b981}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:32px}.btn-cancel{background:#f1f5f9;color:#475569}.btn-cancel,.btn-save-green{border:none;border-radius:12px;cursor:pointer;font-weight:700;padding:12px 24px}.btn-save-green{background:#006a4e;box-shadow:0 4px 6px #006a4e33;color:#fff}.confirm-modal{background:#fff;border-radius:24px;max-width:400px;padding:32px;text-align:center}.warning-icon{align-items:center;background:#fef2f2;border-radius:50%;color:#ef4444;display:flex;font-size:32px;height:64px;justify-content:center;margin:0 auto 20px;width:64px}.confirm-actions{display:flex;gap:12px;margin-top:24px}.confirm-actions button{flex:1 1}.btn-confirm-delete{background:#ef4444;border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:700;padding:12px}.css-chart-container{display:flex;flex-direction:column;gap:24px;height:280px;justify-content:center;padding:10px 0}.css-chart-container.scrollable{justify-content:flex-start;overflow-y:auto;padding-right:8px}.balance-item{display:flex;flex-direction:column;gap:8px}.label-row{color:#64748b;display:flex;font-size:13px;font-weight:700;justify-content:space-between}.val.income{color:#10b981}.val.expense{color:#8b5cf6}.progress-track{background:#f1f5f9;border-radius:10px;height:10px;overflow:hidden}.progress-fill{border-radius:10px;height:100%;transition:width 1s cubic-bezier(.4,0,.2,1)}.progress-fill.income{background:linear-gradient(90deg,#10b981,#34d399)}.progress-fill.expense{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.profit-gauge{margin-top:10px}.gauge-circle,.profit-gauge{display:flex;justify-content:center}.gauge-circle{align-items:center;border-radius:50%;height:120px;position:relative;width:120px}.gauge-fill{border-radius:50%;bottom:0;left:0;mask:radial-gradient(#0000 55%,#000 56%);-webkit-mask:radial-gradient(#0000 55%,#000 56%);position:absolute;right:0;top:0}.gauge-center{align-items:center;display:flex;flex-direction:column}.gauge-center .perc{color:#1e293b;font-size:24px;font-weight:800}.gauge-center .lbl{color:#94a3b8;font-size:11px;font-weight:700;text-transform:uppercase}.cat-bar-item{margin-bottom:16px}.cat-info{color:#475569;display:flex;font-size:12px;font-weight:700;justify-content:space-between;margin-bottom:6px}.cat-track{background:#f8fafc;border-radius:4px;height:8px;overflow:hidden}.cat-fill{border-radius:4px;height:100%}.css-trend-chart{height:300px;padding-top:40px}.trend-grid{grid-gap:12px;align-items:flex-end;border-bottom:2px solid #f1f5f9;display:grid;gap:12px;grid-template-columns:repeat(12,1fr);height:100%}.trend-col{align-items:center;flex-direction:column;height:100%}.col-bar-wrapper,.trend-col{display:flex;justify-content:flex-end}.col-bar-wrapper{flex:1 1;flex-direction:column}.col-bar,.col-bar-wrapper{position:relative;width:100%}.col-bar{background:linear-gradient(0deg,#10b981 0,#34d399);border-radius:6px 6px 0 0;transition:height .8s ease-out}.bar-tip{color:#10b981;font-size:10px;font-weight:800;left:50%;position:absolute;top:-24px;transform:translateX(-50%);white-space:nowrap}.col-label{color:#94a3b8;font-size:10px;font-weight:700;margin-top:12px;text-transform:uppercase}.css-size-grid{display:flex;flex-direction:column;gap:15px}.size-stat-item{align-items:center;display:flex;gap:12px}.s-lbl{color:#475569;font-size:12px;font-weight:700;width:60px}.s-bar-group{align-items:center;display:flex;flex:1 1;gap:10px}.s-bar{border-radius:6px;height:12px;transition:width 1s}.s-bar.sales{background:#3b82f6}.s-bar.prod{background:#8b5cf6}.s-qty{color:#1e293b;font-size:13px;font-weight:800}.empty-chart-msg{align-items:center;color:#94a3b8;display:flex;font-size:14px;font-style:italic;height:100%;justify-content:center}.analytics-grid-full{display:block}@media (max-width:900px){.turnover-container{padding:16px}.analytics-grid{grid-template-columns:1fr}.trend-grid{gap:6px}.col-label{font-size:8px}}@media (max-width:768px){.premium-header-green.att-header{border-radius:16px;margin-bottom:20px;padding:12px 20px}.page-title-white{font-size:16px;gap:8px}.page-title-white:before{height:18px;width:3px}.filters-section{align-items:stretch;flex-direction:column;gap:12px;padding:12px}.filter-type-buttons{justify-content:flex-start;overflow-x:auto;width:100%}.filter-btn{flex:1 1;padding:8px 12px;white-space:nowrap}.turnover-stats{-webkit-overflow-scrolling:touch;display:flex;flex-wrap:nowrap;gap:12px;margin-bottom:20px;overflow-x:auto;padding-bottom:8px}.turnover-stats::-webkit-scrollbar{display:none}.stat-card{border-radius:12px;flex-direction:column;flex-shrink:0;gap:8px;min-width:140px;padding:10px 12px;text-align:center}.stat-icon{display:none}.stat-value{font-size:18px}.css-trend-chart{height:250px}}@media (max-width:480px){.premium-header-green.att-header{margin-bottom:12px;padding:10px 14px}.page-title-white{font-size:15px;gap:6px}.page-title-white:before{height:14px;width:2.5px}.stat-card{min-width:0;min-width:auto;padding:6px 8px;width:-webkit-fit-content;width:fit-content}.stat-value{font-size:15px}.stat-label{font-size:9px}.analytics-card{padding:16px}.gauge-circle{height:100px;width:100px}.gauge-center .perc{font-size:18px}}.stock-page{background-color:#fff;font-family:Inter,sans-serif;min-height:100vh;padding:28px 32px}.page-header.premium-header{align-items:center;animation:slideFadeIn .6s cubic-bezier(.16,1,.3,1);background:linear-gradient(135deg,#006a4e,#004d39);border:1px solid #ffffff14;border-radius:18px;box-shadow:0 15px 35px -12px #0047344d;display:flex;justify-content:space-between;margin-bottom:32px;overflow:hidden;padding:32px 40px;position:relative}.page-header.premium-header:after{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);border-radius:50%;content:"";height:300px;pointer-events:none;position:absolute;right:-10%;top:-50%;width:300px}.page-header.premium-header .page-title{align-items:center;color:#fff!important;display:flex;font-size:32px;font-weight:800;gap:12px;letter-spacing:-.01em;margin:0}.page-header.premium-header .page-title:before{background:#10b981;border-radius:4px;box-shadow:0 0 10px #10b98166;content:"";display:block;height:28px;width:4px}.page-header.premium-header .page-subtitle{color:#ffffffd9;font-size:15px;margin-top:4px}.header-actions{align-items:center;display:flex;gap:16px}.client-type-toggle-mini{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;display:flex;padding:3px}.mini-toggle-btn{align-items:center;background:#0000;border:none;border-radius:7px;color:#64748b;cursor:pointer;display:flex;font-size:.7rem;font-weight:800;gap:6px;letter-spacing:.03em;padding:6px 14px;text-transform:uppercase;transition:all .2s ease}.mini-toggle-btn.active{background:#fff;box-shadow:0 2px 8px #00000014;color:#006a4e}.mini-toggle-btn span{font-size:16px}.mini-toggle-btn:hover:not(.active){background:#006a4e0d;color:#006a4e}.btn-export-premium,.btn-transfer-premium{align-items:center;background:#ffffff26;border:1px solid #ffffff4d;border-radius:40px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:10px;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-export-premium:hover,.btn-transfer-premium:hover{background:#ffffff40;box-shadow:0 8px 15px #0000001a;transform:translateY(-2px)}.btn-export-premium:active,.btn-transfer-premium:active{transform:scale(.96)}.btn-transfer-premium{border-color:#fff6}.btn-export-premium{background:#004d39;border:none;box-shadow:0 4px 10px #0000001a}.btn-export-premium:hover{background:#003628}.btn-outline,.btn-primary,.btn-stock-overview{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.btn-primary{background:#10b981;color:#fff}.btn-primary:hover{background:#059669;box-shadow:0 4px 12px #10b98133;transform:translateY(-1px)}.btn-outline{background:#fff;border:1px solid #e2e8f0;color:#1e293b}.btn-outline:hover{background:#f8fafc;border-color:#cbd5e1}.stock-stats{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin-bottom:32px}.stat-card{align-items:center;background:#fff;border:1px solid #e2e8f0cc;border-radius:12px;box-shadow:0 4px 12px #00000008;display:flex;gap:12px;min-height:70px;padding:10px 12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:hover{border-color:#006a4e;box-shadow:0 15px 30px #00000014;transform:translateY(-5px)}.stat-icon{align-items:center;border-radius:16px;display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.stat-icon span{font-size:28px}.stat-icon.blue{background:#3b82f61a;color:#2563eb}.stat-icon.green{background:#10b9811a;color:#10b981}.stat-icon.yellow{background:#f59e0b1a;color:#d97706}.stat-icon.purple{background:#8b5cf61a;color:#7c3aed}.stat-info{display:flex;flex-direction:column}.stat-label{color:#94a3b8;font-size:11px;font-weight:800;letter-spacing:.12em;margin-bottom:4px;text-transform:uppercase}.stat-value{color:#0f172a;font-size:28px;font-weight:800;letter-spacing:-.02em}.stat-value-container{align-items:baseline;display:flex;gap:8px}.stat-detail{color:#ef4444;font-size:13px;font-weight:600}.history-filters{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:24px}.history-filters-wrapper{margin-bottom:16px}.history-filters-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.search-box{flex:1 1;max-width:400px;position:relative}.search-icon{color:#94a3b8;font-size:20px;left:16px;position:absolute;top:50%;transform:translateY(-50%)}.search-input{background:#fff;border:1px solid #e2e8f0;border-radius:40px;color:#1e293b;font-size:14px;height:48px;padding:0 48px;transition:all .2s;width:100%}.search-input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.clear-search{background:#0000;border:none;color:#94a3b8;cursor:pointer;padding:4px;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.filter-group{display:flex;gap:12px}.filter-select{background:#fff;border:1px solid #e2e8f0;border-radius:40px;color:#1e293b;cursor:pointer;font-size:14px;height:48px;min-width:160px;padding:0 16px}.filter-dropdown-toggle{background:#fff!important;border-color:#e2e8f0!important;border-radius:40px!important;box-shadow:0 2px 6px #00000005!important;height:48px!important;min-width:160px!important;padding:0 12px 0 16px!important}.filter-controls-inside{align-items:center;display:flex;gap:4px}.clear-filter-inside{border-radius:50%;color:#94a3b8;cursor:pointer;font-size:18px!important;padding:4px;transition:all .2s}.clear-filter-inside:hover{background:#fee2e2;color:#ef4444}.filter-dropdown-toggle:hover{background:#f8fdfb!important;border-color:#10b981!important}.history-filter-dropdown .product-dropdown-menu{border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 25px #00000014;margin-top:8px;padding:6px;width:100%}.history-filter-dropdown .product-dropdown-item{border-radius:8px;margin-bottom:2px;padding:10px 14px}.history-filter-dropdown .product-dropdown-item.active{background:#f0fdf4;color:#10b981}@media (max-width:768px){.history-filter-dropdown{width:100%}}.clear-filters-btn{align-items:center;background:none;border:none;color:#ef4444;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px}.mobile-only-item{display:none!important}.stock-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 16px #0000000f;margin-bottom:24px;overflow:hidden;padding:0}.table-header{border-bottom:1px solid #e2e8f0;padding:20px 24px}.section-title{align-items:center;color:#1e293b;display:flex;font-size:17px;font-weight:700;gap:12px;margin:0}.section-title:before{background:#10b981;border-radius:4px;content:"";display:inline-block;height:20px;width:4px}.table-responsive{overflow-x:auto;width:100%}.stock-table{border-collapse:collapse;width:100%}.stock-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#64748b;font-size:11px;font-weight:700;letter-spacing:.05em;padding:12px 16px;text-align:left;text-transform:uppercase}.stock-table td{border-bottom:1px solid #f1f5f9;color:#1e293b;font-size:14px;font-weight:500!important;padding:16px;vertical-align:middle}.party-info{display:flex;flex-direction:column;gap:2px}.customer-text{color:#1e293b;font-weight:600}.company-text{color:#64748b;font-size:11px;text-transform:uppercase}.clickable-company{color:#006a4e;font-weight:500!important;text-decoration:none;transition:all .2s}.clickable-company:hover{color:#004d39;text-decoration:underline}.delivery-info{display:flex;flex-direction:column}.delivery-person{background:#f0f9ff;border-radius:6px;color:#0369a1;font-size:12px;font-weight:600;padding:4px 10px;width:-webkit-fit-content;width:fit-content}.product-name{color:#0f172a;font-weight:400}.payment-badge{border-radius:20px;font-size:11px;font-weight:700;padding:4px 10px;text-transform:uppercase}.payment-badge.upi{background:#f3e8ff;color:#7c3aed}.payment-badge.pending{background:#fdf2f8;color:#be185d}.sold-by-badge{background:#eef2ff;border-radius:20px;color:#4338ca;display:inline-block;font-size:11px;font-weight:700;padding:4px 10px}.payment-badge.cash{background:#dcfce7;color:#166534}.payment-badge.card{background:#dbeafe;color:#1e40af}.payment-badge[style*="cursor: pointer"]:hover{filter:brightness(.9);transform:scale(1.05)}.table-actions{gap:8px}.icon-action-btn,.table-actions{align-items:center;display:flex;justify-content:center}.icon-action-btn{background:#f1f5f9;border:none;border-radius:8px;cursor:pointer;height:34px;transition:all .2s;width:34px}.icon-action-btn span{font-size:18px}.icon-action-btn:hover{transform:scale(1.1)}.icon-action-btn.view{background:#eff6ff;color:#3b82f6}.icon-action-btn.view:hover{background:#dbeafe}.icon-action-btn.delete{background:#fef2f2;color:#ef4444}.icon-action-btn.delete:hover{background:#fee2e2}.quick-entry-grid{background:#fff;display:flex;flex-direction:column;gap:0;padding:24px 32px}.quick-entry-row{grid-gap:20px 32px;align-items:start;display:grid;gap:20px 32px;grid-template-columns:1fr 1fr;margin-bottom:18px}.quick-entry-item{align-items:center;display:flex;flex-direction:row;gap:12px;min-width:0;width:100%}.quick-entry-item>.product-dropdown,.quick-entry-item>div{flex:1 1;min-width:0}.quick-entry-label{color:#475569;flex-shrink:0;font-size:11px;font-weight:700;letter-spacing:.06em;line-height:1.3;min-width:140px;text-align:left;text-transform:uppercase;white-space:nowrap;width:140px}.two-col-item{align-items:center;display:flex;flex-direction:row;gap:12px}.two-col-item>.quick-entry-label{min-width:140px;width:140px}.section-divider{border-top:1px solid #e2e8f0;margin:0;padding:0}.available-badge{background:#ecfdf5;border:1px solid #d1fae5;border-radius:12px;color:#10b981;font-size:10px;font-weight:700;letter-spacing:normal;padding:2px 8px;text-transform:none}.quick-entry-input{background:#fff!important;border:1px solid #cbd5e1!important;border-radius:10px!important;box-shadow:inset 0 1px 2px #00000005;box-sizing:border-box!important;color:#1e293b;font-size:14px!important;font-weight:500;height:44px!important;padding:0 14px!important;transition:all .25s cubic-bezier(.4,0,.2,1);width:100%!important}.quick-entry-input:focus{background:#fff!important;border-color:#10b981!important;box-shadow:0 0 0 4px #10b9811a!important;outline:none}.quick-entry-input[readonly]{background:#f8fafc!important;border-color:#f1f5f9!important;color:#0f172a!important;font-weight:700!important}.amount-input-wrapper{align-items:center;display:flex;position:relative;width:100%}.currency-prefix{color:#64748b;font-size:14px;font-weight:600;left:12px;position:absolute}.amount-input{padding-left:30px!important}.product-dropdown{position:relative;width:100%}.product-dropdown-toggle{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:10px;box-sizing:border-box;color:#1e293b;cursor:pointer;display:flex;font-size:14px;height:44px;justify-content:space-between;padding:0 14px;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.product-dropdown-toggle:hover{background:#fff;border-color:#cbd5e1}.product-dropdown-toggle:focus{border-color:#10b981;box-shadow:0 0 0 4px #10b9811a;outline:none}.product-dropdown-menu{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a;left:0;margin-top:4px;max-height:250px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.product-dropdown-item{align-items:flex-start;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;padding:10px 16px;text-align:left;width:100%}.product-dropdown-item:hover{background:#f0fdf4}.product-dropdown-item.active{background:#f0fdf4;font-weight:600}.product-sku-category{color:#64748b;font-size:11px}.client-dropdown{flex:1 1}.dropdown-search-wrapper{background:#fff;border-bottom:1px solid #f1f5f9;padding:8px 12px;position:-webkit-sticky;position:sticky;top:0;z-index:101}.dropdown-input-icon{color:#94a3b8;font-size:20px;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.client-option-main{align-items:center;display:flex;justify-content:space-between;margin-bottom:2px;width:100%}.type-tag{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;color:#64748b;font-size:9px;font-weight:800;padding:1px 6px;text-transform:uppercase}.client-option-sub{color:#94a3b8;display:flex;font-size:11px;gap:8px}.dropdown-search-input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;height:48px;outline:none;padding:0 16px;transition:all .2s;width:100%}.dropdown-search-input:focus{background:#fff;border-color:#10b981;box-shadow:0 0 0 2px #10b9810d}.no-clients-found{color:#94a3b8;font-size:13px;font-style:italic;padding:16px;text-align:center}.client-dropdown-toggle{background:#fff!important;border-color:#cbd5e1!important;height:44px!important}.client-dropdown-toggle:hover{border-color:#10b981!important}.dropdown-input-wrapper{position:relative;width:100%}.clear-selection-btn{align-items:center;background:none;border:none;border-radius:50%;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:40px;top:50%;transform:translateY(-50%);transition:all .2s}.clear-selection-btn:hover{background:#f1f5f9;color:#ef4444}.clear-selection-btn span{font-size:16px}.payment-mode-selector{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;display:flex;gap:8px;padding:4px}.mode-btn{background:#0000;border:none;border-radius:7px;color:#64748b;cursor:pointer;font-size:13px;font-weight:700;letter-spacing:.05em;padding:8px 16px;text-transform:uppercase;transition:all .2s cubic-bezier(.4,0,.2,1)}.mode-btn:hover{color:#1e293b}.mode-btn.active{background:#fff;box-shadow:0 2px 8px #00000014;color:#10b981}.mode-btn.active:first-child{color:#8b5cf6}.mode-btn.active:nth-child(2){color:#10b981}.mode-btn.active:nth-child(3){color:#3b82f6}.quick-entry-footer{align-items:center;border-top:1px solid #f1f5f9;display:flex;justify-content:center;margin-top:10px;padding-top:30px}.payment-toggle{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:40px;cursor:pointer;display:flex;gap:12px;padding:8px 16px}.payment-toggle.paid{background:#f0fdf4;border-color:#bbf7d0;color:#166534}.toggle-switch{background:#cbd5e1;border-radius:10px;height:18px;position:relative;width:32px}.paid .toggle-switch{background:#10b981}.toggle-switch:after{background:#fff;border-radius:50%;content:"";height:14px;left:2px;position:absolute;top:2px;transition:.2s;width:14px}.paid .toggle-switch:after{left:16px}.quick-entry-action-group{border-top:1px solid #f1f5f9;display:flex;gap:16px;margin-top:8px;padding:20px 0 8px;width:100%}.quick-entry-btn{height:48px;justify-content:center;min-width:180px}.btn-outline.add-btn-colored{border-color:#3b82f6;color:#3b82f6}.btn-outline.bill-btn-colored{border-color:#f59e0b;color:#f59e0b}.btn-primary.log-btn-colored{background:#10b981}.bill-preview-section{background:#f8fafc;border-radius:8px;margin-top:20px;padding:16px}.preview-header{display:flex;font-size:14px;font-weight:700;justify-content:space-between;margin-bottom:12px}.clear-bill{background:none;border:none;color:#ef4444;cursor:pointer;font-weight:600}.preview-list{display:flex;flex-direction:column;gap:8px}.preview-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;display:grid;font-size:13px;grid-template-columns:1fr 100px 100px 32px;padding:8px 12px}.remove-item{background:none;border:none;color:#94a3b8;cursor:pointer}.modal-overlay{background:#00000080;z-index:1000}.modal-content{background:#fff;border-radius:16px;max-width:90%;width:500px}.modal-header{border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px}.modal-close{background:none;border:none;cursor:pointer}.modal-body{padding:20px}.export-section{margin-bottom:24px}.export-format-options,.export-type-options{display:flex;gap:12px}.format-option,.type-option{align-items:center;border:1px solid #cbd5e1;border-radius:8px;cursor:pointer;display:flex;flex:1 1;gap:8px;justify-content:center;padding:12px}.format-option.active,.type-option.active{background:#f0fdf4;border-color:#10b981;color:#166534}.modal-footer{background:#f8fafc;border-radius:0 0 16px 16px;border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:20px}.modal-cancel{background:none;border:1px solid #cbd5e1}.modal-cancel,.modal-confirm{border-radius:8px;cursor:pointer;padding:10px 20px}.bill-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.bill-modal-content{background:#fff;border-radius:12px;max-height:90vh;max-width:95%;overflow-y:auto;padding:24px;width:500px}.bill-header{border-bottom:2px solid #10b981;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.bill-brand h2{color:#065f46;font-size:1.25rem;margin:0}.bill-brand p,.bill-info p{font-size:12px;margin:2px 0}.bill-info p{text-align:right}.bill-table-container{margin-bottom:20px}.bill-table{border-collapse:collapse;font-size:13px;width:100%}.bill-table td,.bill-table th{border:1px solid #e2e8f0;padding:8px 10px;text-align:left}.bill-table th{background:#f8fafc;color:#64748b;font-size:11px;text-transform:uppercase}.total-label{font-weight:700;text-align:right}.total-value{color:#10b981;font-size:16px;font-weight:700}.bill-footer{border-top:1px solid #e2e8f0;color:#64748b;font-size:12px;padding-top:16px;text-align:center}.bill-actions{display:flex;gap:12px;justify-content:center;margin-top:16px}.bill-actions button{font-size:13px;padding:8px 16px}@media (max-width:768px){.bill-modal-content{padding:16px;width:92%}.bill-brand h2{font-size:1.1rem}.bill-table td,.bill-table th{font-size:12px;padding:6px 8px}}@keyframes slideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.no-clients-found-container{align-items:center;display:flex;flex-direction:column;gap:12px;padding:20px;text-align:center}.create-client-btn-inline{align-items:center;background:#f0fdf4;border:1px dashed #22c55e;border-radius:8px;color:#166534;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px 16px;transition:all .2s;width:-webkit-fit-content;width:fit-content}.create-client-btn-inline:hover{background:#dcfce7;box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-2px)}.dropdown-divider{background:#e2e8f0;height:1px;margin:4px 0}.add-new-client-dropdown-btn{align-items:center;background:#f8fafc;border:none;border-top:1px solid #e2e8f0;color:#10b981;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:10px;padding:12px 16px;text-align:left;transition:all .2s;width:100%}.add-new-client-dropdown-btn:hover{background:#f0fdf4;color:#059669}.add-new-client-dropdown-btn span{font-size:20px}.quick-add-client-modal .export-modal-body{padding:25px}.modal-form-group{margin-bottom:20px}.modal-form-group label{color:#2a6e4b;display:block;font-size:11px;font-weight:800;letter-spacing:.05em;margin-bottom:8px;text-transform:uppercase}.modal-input,.modal-textarea{background:#fff;border:1px solid #b0e6a0;border-radius:12px;color:#0a3b2e;font-size:14px;padding:12px 16px;transition:all .2s;width:100%}.modal-input:focus,.modal-textarea:focus{border-color:#006a4e;box-shadow:0 0 0 3px #006a4e1a;outline:none}.modal-textarea{min-height:80px;resize:vertical}.modal-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.modal-cancel,.modal-confirm{border-radius:12px;cursor:pointer;font-size:14px;font-weight:700;padding:12px 24px;transition:all .2s}.modal-cancel{background:#f8fafc;border:1px solid #e2e8f0;color:#475569}.modal-cancel:hover{background:#f1f5f9}.modal-confirm{background:#10b981;border:none;color:#fff}.modal-confirm:hover:not(:disabled){background:#059669;box-shadow:0 4px 12px #10b98133;transform:translateY(-2px)}.modal-confirm:disabled{cursor:not-allowed;opacity:.5}@media (max-width:1024px){.stock-stats{grid-template-columns:repeat(2,1fr)}}.mobile-only-add-btn,.show-mobile-only{display:none!important}.customer-details-header{align-items:center;display:flex;justify-content:space-between;padding:14px 32px}.customer-header-title-wrap{align-items:center;display:flex;gap:24px}@media (max-width:768px){.stock-page{background:#f4f9f6;padding:8px}.page-header.premium-header{align-items:center!important;border-radius:12px;flex-direction:row!important;gap:12px;justify-content:space-between!important;margin-bottom:0!important;padding:10px 12px;text-align:left}.page-header.premium-header .page-title{font-size:17px!important;font-weight:800;letter-spacing:-.02em;margin:0}.page-header.premium-header .page-subtitle{display:none}.header-actions{flex-shrink:0;gap:8px;justify-content:flex-end;width:auto!important}.btn-export-premium{border-radius:20px;font-size:12px;gap:5px;justify-content:center;padding:7px 12px;width:auto}.btn-export-premium span{font-size:16px}.history-filters-wrapper{margin-bottom:-10px!important;margin-top:-8px!important}.history-filters{gap:8px!important;margin-bottom:0!important}.stock-table-container{border-radius:12px!important;margin-bottom:12px!important;margin-top:-18px!important}.stock-stats{gap:10px;grid-template-columns:1fr;margin-bottom:14px}.stock-table-container.quick-entry-card{border:1px solid #ddeee5;border-radius:16px;box-shadow:0 4px 20px #00503c12;margin-bottom:12px}.table-header{background:linear-gradient(135deg,#f8fdfa,#f0f9f5);border-bottom:1px solid #eef5f0;padding:6px 12px}.section-title{color:#1e3a2f;font-size:13px;font-weight:700}.quick-entry-grid{background:#fff;gap:0;padding:14px}.quick-entry-grid>.quick-entry-row,.quick-entry-row{margin-bottom:20px!important}.quick-entry-grid>.quick-entry-row,.quick-entry-row,.quick-entry-row.hsn-gst-row{display:flex!important;flex-direction:column!important;gap:16px!important}.quick-entry-row.hsn-gst-row .quick-entry-item{min-width:100%!important;width:100%!important}.stock-badge-wrapper{right:0!important;top:-24px!important}.shortcut-hint,.stock-badge-premium .material-symbols-outlined{display:none!important}.customer-details-header{padding:12px 14px!important}.customer-details-header,.customer-header-title-wrap{align-items:flex-start!important;flex-direction:column!important;gap:12px!important}.customer-header-title-wrap{width:100%!important}.client-type-toggle-mini{background:#f1f5f9;border-radius:8px;display:flex;padding:4px;width:100%}.mini-toggle-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#64748b;display:flex;flex:1 1;font-size:11px;font-weight:700;gap:4px;justify-content:center;padding:8px}.mini-toggle-btn.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#0ea5e9}.quick-entry-item{display:flex;flex-direction:column;gap:5px;min-width:0;width:100%}.quick-entry-label{color:#3a6b58;display:block!important;font-size:9px;font-weight:800;letter-spacing:.06em;margin-bottom:0;text-align:left!important;text-transform:uppercase;width:100%!important}.product-dropdown-toggle,.quick-entry-input{background:#f8fdfa!important;border:1px solid #d1e7d6!important;border-radius:10px!important;font-size:13px!important;height:40px!important;padding-left:12px;padding-right:12px}.input-with-icon .quick-entry-input{padding-left:36px!important}.product-dropdown-toggle:focus,.quick-entry-input:focus{border-color:#006a4e!important;box-shadow:0 0 0 3px #006a4e14!important}.amount-input-wrapper{height:40px;width:100%}.amount-input{font-size:13px!important;height:40px!important;padding-left:24px!important}.currency-prefix{font-size:13px;left:10px}.mobile-only-add-btn{align-items:center;border:1px solid #3b82f6!important;border-radius:10px!important;display:flex!important;flex-shrink:0;height:40px!important;justify-content:center;min-width:40px!important;padding:0!important;width:40px!important}.mobile-only-add-btn span{font-size:20px!important;margin:0!important}.add-btn-pc{display:none!important}.quick-entry-footer{border-top:1px solid #eef5f0;flex-direction:column;gap:8px;margin-top:4px;padding-top:14px}.quick-entry-action-group{flex-direction:row!important;gap:8px!important;justify-content:stretch!important;margin-top:0;width:100%!important}.quick-entry-action-group button{align-items:center;border-radius:14px!important;flex:1 1!important;flex-direction:column!important;font-size:10px!important;font-weight:800!important;gap:4px!important;height:48px!important;justify-content:center;letter-spacing:.04em!important;min-width:0!important;padding:0 8px!important;width:auto!important}.quick-entry-action-group button span{font-size:20px!important;margin:0!important}.bill-preview-section{background:#f0fdf8;border:1px dashed #a7d9bb;border-radius:12px;margin-top:12px;padding:12px}.preview-item{border-radius:8px;font-size:12px;gap:6px;grid-template-columns:1fr auto auto 28px;padding:8px 10px}.history-filters,.history-filters-header,.history-filters-wrapper{margin-bottom:10px}.history-filters{align-items:center;flex-direction:row!important;flex-wrap:nowrap!important;gap:8px}.search-box{flex:1 1;max-width:none;min-width:0}.search-input{background:#fff;border:1px solid #ddeee5;border-radius:12px;box-shadow:0 2px 8px #00503c0d;font-size:13px;height:40px;padding:0 36px 0 40px}.search-icon{font-size:18px;left:12px}.filter-group{flex-direction:row!important;flex-shrink:0;gap:6px}.filter-dropdown-toggle{border-radius:12px!important;font-size:12px!important;height:40px!important;min-width:0!important;padding:0 10px 0 12px!important;white-space:nowrap}.stock-table-container{border:1px solid #ddeee5;border-radius:16px;box-shadow:0 4px 20px #00503c12;margin-bottom:12px}.hide-mobile{display:none!important}.mobile-only-item{display:block!important;margin-top:8px;width:100%}.show-mobile-only{display:table-cell!important}.stock-table{table-layout:fixed!important;width:100%!important}.stock-table td:first-child,.stock-table th:first-child{padding-left:12px!important;width:36%!important}.stock-table td:nth-child(2),.stock-table th:nth-child(2){width:48%!important}.stock-table td:last-child,.stock-table th:last-child{text-align:center!important;width:16%!important}.stock-table th{background:linear-gradient(135deg,#f8fdfa,#f0f9f5)!important;font-size:9px!important;letter-spacing:.05em!important;padding:10px 8px!important}.stock-table td{padding:11px 8px!important;vertical-align:middle!important}.company-text,.stock-table td{font-size:12px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.company-text{color:#006a4e!important;display:block!important;font-weight:700!important;max-width:100%!important}.desktop-only-table{display:none!important}.mobile-history-cards{display:flex!important;flex-direction:column;gap:12px;padding:0 4px 14px}.mobile-sale-card{background:#fff;border:1px solid #eef5f0;border-radius:16px;box-shadow:0 2px 12px #00503c0a;overflow:hidden;transition:transform .2s}.mobile-sale-card:active{transform:scale(.98)}.sale-card-header{background:#f8fdfa;border-bottom:1px solid #f0f6f2;justify-content:space-between;padding:10px 14px}.sale-card-header,.sale-date{align-items:center;display:flex}.sale-date{color:#5a7b6c;font-size:11px;font-weight:700;gap:6px;text-transform:uppercase}.sale-date span{font-size:14px}.sale-card-body{padding:14px}.company-info{margin-bottom:12px}.sale-company{color:#006a4e;font-size:15px;font-weight:800;margin:0 0 2px}.sale-customer{color:#64748b;font-size:12px;margin:0}.sale-details-grid{grid-gap:12px;background:#f9fafb;border-radius:10px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:14px;padding:10px}.detail-item{display:flex;flex-direction:column;gap:2px}.detail-label{color:#94a3b8;font-size:9px;font-weight:800;letter-spacing:.05em}.detail-value{color:#1e293b;font-size:13px;font-weight:700}.detail-value.amount{color:#10b981}.sale-product-line{align-items:center;background:#f1f5f9;border-radius:8px;color:#475569;display:flex;font-size:12px;gap:8px;padding:8px 10px}.sale-product-line span{color:#64748b;font-size:16px}.sale-card-actions{border-top:1px solid #f1f5f9;display:flex}.sale-action-btn{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;flex:1 1;font-size:12px;font-weight:700;gap:6px;justify-content:center;padding:12px}.sale-action-btn:not(:last-child){border-right:1px solid #f1f5f9}.sale-action-btn.delete{color:#ef4444}.sale-action-btn.view{color:#006a4e}.sale-action-btn.edit{color:#3b82f6}.sale-action-btn span{font-size:18px}.no-data-mobile{background:#fff;border-radius:16px;color:#94a3b8;padding:40px 20px;text-align:center}.no-data-mobile span{font-size:48px;margin-bottom:12px;opacity:.5}.icon-action-btn.delete{border-radius:8px!important;height:30px!important;margin:0 auto!important;width:30px!important}.icon-action-btn.delete span{font-size:16px!important}.table-footer{background:linear-gradient(135deg,#f8fdfa,#f0f9f5);padding:10px 14px}.pagination-info{color:#5a7b6c;font-size:11px;font-weight:600;text-align:center}.modal-overlay{align-items:flex-end!important;background:#00140ebf;padding:0!important}.modal-content{border-radius:24px 24px 0 0!important;margin:0!important;max-width:100%!important;padding-bottom:8px;width:100%!important}.modal-content:before{background:#d1e7d6;border-radius:4px;content:"";display:block;height:4px;margin:12px auto 4px;width:40px}.modal-header{border-bottom:1px solid #eef5f0;padding:12px 16px}.modal-body{padding:16px}.modal-footer{gap:10px;padding:12px 16px}.modal-cancel,.modal-confirm{border-radius:14px;flex:1 1;font-size:14px;padding:13px 20px}.export-format-options,.export-type-options{flex-wrap:wrap;gap:8px}.format-option,.type-option{border-radius:10px;flex-basis:calc(50% - 4px);flex-grow:1;flex-shrink:1;font-size:13px;min-width:0;padding:10px 8px}.bill-modal-overlay{align-items:center!important;background:#000000d9;padding:20px!important}.bill-modal-content{background:#fff!important;border-radius:4px!important;margin:auto!important;max-width:500px!important;padding:20px!important;width:95%!important}.bill-modal-content:before{display:none!important}.bill-header{flex-direction:row;gap:8px;margin-bottom:12px;padding-bottom:10px;text-align:left}.bill-brand h2{font-size:1rem!important}.bill-brand p,.bill-meta p{font-size:11px}.bill-meta p{text-align:right}.bill-table td,.bill-table th{font-size:12px!important;padding:7px 8px!important}.bill-actions{flex-direction:row;gap:10px;margin-top:15px}.bill-actions button{border-radius:12px;flex:1 1;font-size:13px;padding:11px 16px}.quick-add-client-modal{border-radius:24px 24px 0 0!important;margin:0!important;max-width:100%!important;width:100%!important}.modal-row{gap:0;grid-template-columns:1fr}}@media (max-width:480px){.stock-page{padding:10px}.page-header.premium-header .page-title{font-size:15px!important}.btn-export-premium{font-size:11px;gap:4px;padding:6px 10px}.quick-entry-grid{padding:12px}.quick-entry-row{display:flex!important;flex-direction:column!important}.quick-entry-action-group button{font-size:9px!important;height:44px!important}.quick-entry-action-group button span{font-size:18px!important}.history-filters{flex-wrap:wrap!important}.search-box{flex:none;width:100%}.filter-group{justify-content:stretch;width:100%}.filter-dropdown-toggle{flex:1 1}}.history-view-trigger{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;display:flex;justify-content:center;margin-top:24px;padding:16px}.view-history-btn{align-items:center;background:#fff;border:1.5px solid #006a4e;border-radius:8px;color:#006a4e;cursor:pointer;display:flex;font-weight:700;gap:10px;padding:10px 24px;transition:all .2s}.view-history-btn:hover{background:#006a4e;color:#fff}.history-header-actions{margin-bottom:24px}.back-to-entry-btn{align-items:center;background:#e7f3ef;border:none;border-radius:8px;color:#006a4e;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.back-to-entry-btn:hover{background:#d1e7df;transform:translateX(-4px)}.history-section-wrapper{animation:slideFadeInEffect .4s ease}@keyframes slideFadeInEffect{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (min-width:993px){.mobile-hidden{display:block!important}.history-header-actions,.history-view-trigger{display:none!important}}@media (max-width:992px){.desktop-view-section.mobile-hidden{display:none!important}}.stock-badge-premium{align-items:center;border-radius:20px;box-shadow:0 2px 4px #0000000d;display:flex;font-size:11px;gap:6px;padding:4px 12px}.stock-badge-premium.ok{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.stock-badge-premium.low{background:#fff1f2;border:1px solid #fecdd3;color:#be123c}.stock-badge-premium strong{font-size:11px;font-weight:800}.stock-badge-text{white-space:nowrap}.client-type-selector{grid-gap:16px!important;display:grid!important;gap:16px!important;grid-template-columns:1fr 1fr!important;margin-bottom:24px!important;margin-top:8px!important}.type-option{align-items:center!important;background:#f8fafc!important;border:2px solid #e2e8f0!important;border-radius:20px!important;color:#64748b!important;cursor:pointer!important;display:flex!important;flex-direction:column!important;font-weight:700!important;gap:12px!important;padding:20px 16px!important;position:relative!important;text-align:center!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.type-option input{opacity:0;position:absolute}.type-option .material-symbols-outlined{color:#94a3b8!important;font-size:32px!important;transition:all .3s ease!important}.type-option.active{background:#f0fdf4!important;border-color:#006a4e!important;box-shadow:0 4px 15px #006a4e1a!important;color:#006a4e!important}.type-option.active .material-symbols-outlined{color:#006a4e!important;transform:scale(1.1)!important}.type-option:hover:not(.active){background:#f1f5f9!important;border-color:#cbd5e1!important}.animation-fade{animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.type-option-mini{align-items:center!important;background:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:10px!important;box-shadow:0 1px 2px #0000000d!important;color:#64748b!important;cursor:pointer!important;display:flex!important;font-size:13px!important;font-weight:700!important;gap:8px!important;padding:8px 16px!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important}.type-option-mini .material-symbols-outlined{color:#94a3b8!important;font-size:20px!important}.type-option-mini.active{background:#f0fdf4!important;border-color:#10b981!important;box-shadow:0 4px 6px -1px #10b9811a,0 2px 4px -1px #10b9810f!important;color:#059669!important}.type-option-mini.active .material-symbols-outlined{color:#059669!important}.type-option-mini:hover:not(.active){background:#f8fafc!important;border-color:#cbd5e1!important;transform:translateY(-1px)!important}.bill-modal-footer{background:#f8fafc;border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:24px}.bill-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;gap:8px;letter-spacing:.02em;padding:10px 20px;text-transform:uppercase;transition:all .2s cubic-bezier(.4,0,.2,1)}.bill-btn .material-symbols-outlined{font-size:20px}.bill-btn-close{background:#f1f5f9;color:#475569}.bill-btn-close:hover{background:#e2e8f0;color:#1e293b}.bill-btn-print{background:#000;box-shadow:0 4px 10px #0003;color:#fff}.bill-btn-print:hover{background:#1e293b;box-shadow:0 8px 15px #0000004d;transform:translateY(-2px)}.bill-btn-whatsapp{background:#25d366;box-shadow:0 4px 10px #25d36633;color:#fff}.bill-btn-whatsapp:hover{background:#128c7e;box-shadow:0 8px 15px #128c7e4d;transform:translateY(-2px)}.keyboard-shortcut-tag{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;box-shadow:0 1px 0 #0000001a;color:#64748b;display:inline-flex;font-size:10px;font-weight:800;height:18px;justify-content:center;margin-right:8px;min-width:18px;padding:0 6px;text-transform:uppercase}.product-dropdown-item.active .keyboard-shortcut-tag,.product-dropdown-item:hover .keyboard-shortcut-tag{background:#fff;border-color:#006a4e33;color:#006a4e}.quick-entry-label{align-items:center;display:flex;gap:6px}.shortcut-hint{background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;color:#94a3b8;font-size:9px;font-weight:800;margin-left:4px;padding:1px 4px}.export-options-grid{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.export-option-group{display:flex;flex-direction:column;gap:10px}.export-label{color:#64748b;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.export-selector{background:#f1f5f9;border-radius:12px;display:flex;gap:4px;padding:4px}.selector-btn{background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;flex:1 1;font-size:13px;font-weight:700;padding:10px;transition:all .2s cubic-bezier(.4,0,.2,1)}.selector-btn.active{background:#fff;box-shadow:0 4px 12px #00000014;color:#006a4e}.export-note{background:#f8fafc;border-left:3px solid #e2e8f0;border-radius:8px;color:#94a3b8;font-size:12px;font-style:italic;margin-top:16px;padding:10px}.header-icon-title{align-items:center;display:flex;gap:12px}.header-icon{background:#e7f3ef;border-radius:10px;color:#006a4e;padding:8px}.premium-btn{align-items:center;background:#006a4e;border:none;border-radius:12px;box-shadow:0 4px 12px #006a4e33;color:#fff;cursor:pointer;display:flex;font-weight:700;gap:10px;justify-content:center;padding:12px 24px;transition:all .2s}.premium-btn:hover{background:#004d39;box-shadow:0 8px 20px #006a4e4d;transform:translateY(-2px)}.premium-btn:disabled{cursor:not-allowed;opacity:.7}.btn-spinner{animation:btn-spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}@keyframes btn-spin{to{transform:rotate(1turn)}}.status-confirm-icon{align-items:center;background:#ecfdf5;border-radius:50%;color:#10b981;display:flex;height:64px;justify-content:center;margin:0 auto 20px;width:64px}.status-confirm-icon span{font-size:36px}.status-modal{max-width:400px!important}.dropdown-search-input,.quick-entry-input{font-family:Inter,sans-serif!important}textarea.quick-entry-input{height:auto!important;line-height:1.5;min-height:80px!important;padding-bottom:10px!important;padding-top:10px!important}.mobile-history-cards{display:none}.desktop-only-table{display:block}.responsive-bill-modal{background:#fff;border:none;border-radius:4px;box-shadow:0 40px 80px #0000004d;cursor:default;margin:40px auto;min-width:850px;padding:0;position:relative;width:850px}.search-box-container{width:100%}.overall-bill-summary-fixed{align-items:center;background:#fff;border:2px solid #334155;border-radius:12px;box-sizing:border-box;display:flex;justify-content:space-between;margin-bottom:42px;margin-top:28px;padding:16px 32px;width:100%}.summary-info-wrapper{align-items:center;display:flex;gap:12px}.summary-icon-container{align-items:center;background:#334155;border-radius:8px;color:#fff;display:flex;justify-content:center;padding:8px}.summary-icon-container span{font-size:20px}.summary-subtitle{color:#64748b;font-size:.7rem;font-weight:800;letter-spacing:.08em;margin:0;text-transform:uppercase}.summary-title{color:#1e293b;font-size:1rem;font-weight:700}.summary-amount-wrapper{align-items:flex-end;display:flex;flex-direction:column}.summary-main-price{align-items:baseline;display:flex;gap:4px}.summary-currency{color:#0f172a;font-size:1.1rem;font-weight:700}.summary-amount-value{color:#0f172a;font-size:1.8rem;font-weight:900;letter-spacing:-.01em;line-height:1}.summary-gst-text{color:#64748b;font-size:.75rem;font-weight:600;margin-top:4px}.summary-payment-details{align-items:flex-end;border-top:1px dashed #e2e8f0;display:flex;flex-direction:column;gap:2px;margin-top:8px;padding-top:8px;width:100%}.summary-advance-paid{color:#166534;font-size:.78rem;font-weight:600}.summary-balance-due{color:#ef4444;font-size:.82rem;font-weight:800}@media (max-width:768px){.stock-page{background:#f8fafc!important;display:flex;flex-direction:column;gap:24px;padding:24px 20px 40px!important}.page-header.premium-header{box-shadow:0 4px 15px #004d391a!important;padding:24px 20px!important}.page-header.premium-header,.stock-table-container.quick-entry-card{border:none!important;border-radius:16px!important;margin-bottom:0!important}.stock-table-container.quick-entry-card{background:#fff!important;box-shadow:0 2px 10px #00000005!important}.quick-entry-grid{padding:20px 16px!important}.product-dropdown-menu{box-shadow:0 8px 24px #0000001f!important;max-height:220px!important;width:100%!important}.product-dropdown-text,.product-name-text,.quick-entry-input{line-height:1.4!important;white-space:normal!important;word-break:break-word!important}.product-dropdown-toggle{min-height:48px!important}.product-dropdown-item,.product-dropdown-toggle{height:auto!important;padding:12px 16px!important}.product-dropdown-item{white-space:normal!important}.quick-entry-label{color:#0f172a!important;font-size:11px!important;margin-bottom:4px!important}.history-filters-wrapper{display:block!important;margin-bottom:20px!important;padding:0!important}.search-box-container{width:100%!important}.search-box{max-width:100%!important}.search-input{font-size:13px!important;height:44px!important;padding:0 40px!important}.search-icon{font-size:18px!important;left:12px!important}.desktop-only-table{display:none!important}.responsive-bill-modal{margin:20px auto!important;min-width:850px!important;transform-origin:top center;width:850px!important}.bill-modal-overlay{display:block!important;overflow-x:auto!important;padding:10px!important}.bill-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;bottom:0;flex-wrap:nowrap!important;gap:10px!important;left:0;padding:15px!important;position:-webkit-sticky;position:sticky;width:850px;z-index:10}.bill-btn{flex:1 1;min-width:120px}.mobile-history-cards{background:#0000!important;display:block!important;padding:16px 12px!important}.mobile-sale-card{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:16px!important;box-shadow:0 4px 12px #00000008!important;display:flex;flex-direction:column;margin-bottom:16px!important;overflow:hidden}.sale-card-header{background:#f8fafc;border-bottom:1px solid #f1f5f9;justify-content:space-between;padding:14px 16px}.sale-card-header,.sale-date{align-items:center;display:flex}.sale-date{color:#64748b;font-size:12px;font-weight:600;gap:6px}.sale-date span{font-size:16px}.sale-card-body{padding:16px}.company-info{margin-bottom:16px}.sale-company{color:#0f172a;font-size:16px;font-weight:700;margin:0 0 4px}.sale-customer{color:#64748b;font-size:13px;margin:0}.sale-details-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:16px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-label{color:#94a3b8;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.detail-value{color:#334155;font-size:13px;font-weight:600}.detail-value.amount{color:#006a4e;font-size:15px;font-weight:800}.sale-product-line{align-items:center;border-top:1px dashed #e2e8f0;color:#475569;display:flex;font-size:12px;font-weight:500;gap:8px;padding-top:12px}.sale-product-line span{color:#006a4e;font-size:16px}.sale-card-actions{background:#fff!important;border-top:1px solid #f1f5f9!important;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(0,1fr))!important}.sale-action-btn{align-items:center!important;background:#0000!important;border:none!important;cursor:pointer!important;display:flex!important;font-size:13px!important;font-weight:700!important;gap:8px!important;justify-content:center!important;padding:12px!important;transition:all .2s!important}.sale-action-btn:not(:last-child){border-right:1px solid #f1f5f9!important}.sale-action-btn.view{color:#006a4e!important}.sale-action-btn.edit{color:#3b82f6!important}.sale-action-btn.delete{color:#ef4444!important}.sale-action-btn:active{background:#f8fafc!important}.page-header.premium-header .page-title{font-size:20px!important;gap:12px!important;letter-spacing:-.01em!important;line-height:1.3!important;white-space:normal!important}.page-header.premium-header .page-title:before{border-radius:4px!important;height:22px!important;width:4px!important}.btn-export-premium .export-text{display:none!important}.btn-export-premium span.material-symbols-outlined{color:#fff!important;font-size:22px!important;margin:0!important}.overall-bill-summary-fixed{align-items:center!important;border-color:#334155!important;flex-direction:row!important;gap:12px!important;justify-content:space-between!important;margin-bottom:16px!important;margin-top:16px!important;min-height:auto!important;padding:10px 16px!important}.summary-info-wrapper{border-bottom:none!important;gap:8px!important;justify-content:flex-start!important;padding-bottom:0!important;width:auto!important}.summary-icon-container{border-radius:6px!important;padding:4px!important}.summary-icon-container span{font-size:16px!important}.summary-subtitle{display:none!important}.summary-title{font-size:.9rem!important}.summary-amount-wrapper{align-items:flex-end!important;width:auto!important}.summary-amount-value{font-size:1.3rem!important}.summary-currency{font-size:.9rem!important}.summary-gst-text{font-size:.68rem!important;margin-top:2px!important;text-align:right!important}.summary-payment-details{align-items:flex-end!important;border-top:1px dashed #e2e8f0!important;margin-top:4px!important;padding-top:4px!important;width:auto!important}.summary-advance-paid{font-size:.7rem!important}.summary-balance-due{font-size:.72rem!important}}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;height:100vh;justify-content:center;left:0;position:fixed;right:0;top:0;width:100vw;z-index:200000}.password-modal{animation:modalScale .3s ease-out;background:#fff;border-radius:32px;box-shadow:0 25px 60px -12px #0000004d;max-width:540px;padding:48px;position:relative;width:90%}.modal-dismiss-btn{align-items:center;background:#f1f5f9;border:none;border-radius:12px;color:#64748b;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:24px;top:24px;transition:all .2s;width:40px;z-index:10}.modal-dismiss-btn:hover{background:#fee2e2;color:#ef4444;transform:rotate(90deg)}@keyframes modalScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header-premium{align-items:center;display:flex;gap:28px;margin-bottom:32px}.header-icon-box{align-items:center;background:#eff6ff;border-radius:24px;display:flex;flex-shrink:0;height:88px;justify-content:center;width:88px}.header-icon{color:#2563eb;font-size:42px}.header-text-box h2{color:#1e293b;font-size:32px;font-weight:800;letter-spacing:-.02em;margin:0 0 8px}.header-text-box p{color:#64748b;font-size:15px;line-height:1.6;margin:0}.error-msg{background:#fef2f2;border:1px solid #fee2e2;border-radius:12px;color:#ef4444;font-size:.9rem;font-weight:600;padding:12px 18px;text-align:center}.error-msg,.input-group{margin-bottom:24px}.input-group label{color:#475569;display:block;font-size:.95rem;font-weight:700;margin-bottom:10px}.input-wrapper{position:relative}.input-wrapper .material-symbols-outlined{color:#94a3b8;font-size:22px;left:18px;position:absolute;top:50%;transform:translateY(-50%)}.input-wrapper input{background:#fff;border:1.5px solid #cbd5e1;border-radius:16px;color:#1e293b;font-size:1.05rem;outline:none;padding:16px 18px 16px 52px;transition:all .2s;width:100%}.input-wrapper input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a}.submit-btn{background:#2563eb;border:none;border-radius:18px;box-shadow:0 4px 12px #2563eb4d;color:#fff;cursor:pointer;font-size:1.15rem;font-weight:700;margin-top:12px;padding:18px;transition:all .2s;width:100%}.submit-btn:hover{background:#1d4ed8;box-shadow:0 8px 15px #2563eb66;transform:translateY(-2px)}.submit-btn:disabled{background:#cbd5e1;box-shadow:none;cursor:not-allowed;transform:none}.success-msg-inline{align-items:center;animation:successFadeIn .4s cubic-bezier(.16,1,.3,1);background:#f0fdf4;border:1px solid #dcfce7;border-radius:18px;display:flex;gap:16px;margin-bottom:24px;padding:24px}.success-msg-inline .check-icon{color:#16a34a;font-size:32px}.success-text-box strong{color:#166534;display:block;font-size:1.1rem;margin-bottom:4px}.success-text-box p{color:#15803d;font-size:.9rem;line-height:1.4;margin:0}@keyframes successFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:480px){.modal-overlay{align-items:center;box-sizing:border-box;display:flex;justify-content:center;padding:18px}.password-modal{border-radius:20px;box-sizing:border-box;margin:auto;max-height:85vh;overflow-y:auto;padding:20px;width:100%}.modal-header-premium{gap:16px;margin-bottom:20px}.header-icon-box{border-radius:14px;height:52px;width:52px}.header-icon{font-size:26px}.header-text-box h2{font-size:22px;margin-bottom:4px}.header-text-box p{font-size:13px;line-height:1.45}.input-group{margin-bottom:16px}.input-wrapper input{border-radius:12px;font-size:.95rem;padding:14px 16px 14px 48px}.submit-btn{border-radius:12px;font-size:1rem;margin-top:8px;padding:14px}.modal-dismiss-btn{border-radius:8px;height:32px;right:16px;top:16px;width:32px}}
/*# sourceMappingURL=main.31f0a1f5.css.map*/