@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=DM+Sans:wght@400;500;600&display=swap";*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,sans-serif}.login-page{background:#eef2f7;min-height:100vh;display:flex}.login-left{color:#fff;background:linear-gradient(135deg,#23395d,#3f72af);flex:1;justify-content:center;align-items:center;padding:60px;display:flex}.login-overlay{max-width:420px}.login-overlay h1{margin-bottom:20px;font-size:46px}.login-overlay p{opacity:.9;font-size:20px;line-height:1.8}.login-right{flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.login-card{background:#fff;border-radius:18px;width:420px;padding:45px;box-shadow:0 25px 60px #00000014}.login-logo{color:#fff;background:linear-gradient(135deg,#4f6ef7,#6d5dfc);border-radius:20px;justify-content:center;align-items:center;width:75px;height:75px;margin:auto auto 20px;font-size:26px;font-weight:700;display:flex}.login-card h2{text-align:center;color:#1f2937}.login-subtitle{text-align:center;color:#888;margin:12px 0 30px}.input-group{margin-bottom:20px}.input-group label{color:#555;margin-bottom:8px;font-weight:500;display:block}.input-group input{border:1px solid #d5dbe5;border-radius:10px;width:100%;height:50px;padding:0 16px;font-size:15px;transition:all .3s}.input-group input:focus{border-color:#4f6ef7;outline:none;box-shadow:0 0 8px #4f6ef733}.login-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f6ef7,#6d5dfc);border:none;border-radius:10px;width:100%;height:52px;font-size:16px;font-weight:600;transition:all .3s}.login-btn:hover{transform:translateY(-2px)}.login-error{color:#dc2626;margin-bottom:18px;font-size:14px}.login-footer{text-align:center;color:#666;margin-top:28px}.login-footer a{color:#4f6ef7;margin-left:6px;font-weight:600;text-decoration:none}.login-footer a:hover{text-decoration:underline}@media (width<=900px){.login-page{flex-direction:column}.login-left{text-align:center;min-height:240px}.login-overlay h1{font-size:34px}.login-overlay p{font-size:17px}.login-card{width:100%;max-width:420px}}.register-page{background:#edf2f9;justify-content:center;align-items:center;min-height:100vh;padding:40px;display:flex}.register-card{background:#fff;border-radius:20px;width:650px;padding:40px;box-shadow:0 20px 50px #00000014}.register-header{text-align:center;margin-bottom:30px}.logo-circle{color:#fff;background:linear-gradient(135deg,#4f6ef7,#6d5dfc);border-radius:18px;justify-content:center;align-items:center;width:70px;height:70px;margin:auto;font-size:24px;font-weight:700;display:flex}.register-header h2{color:#162447;margin-top:18px}.register-header p{color:#8b95a7}.row{gap:20px;display:flex}.input-group{flex-direction:column;flex:1;margin-bottom:18px;display:flex}.input-group label{color:#555;margin-bottom:8px;font-size:14px}.input-group input{border:1px solid #d9dee8;border-radius:12px;outline:none;height:48px;padding:0 15px;font-size:15px;transition:all .3s}.input-group input:focus{border-color:#4f6ef7}.register-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f6ef7,#6d5dfc);border:none;border-radius:12px;width:100%;height:50px;margin-top:15px;font-size:16px;font-weight:600}.register-btn:hover{opacity:.95}.error{color:#d93025;margin-top:5px}.success{color:#16a34a;margin-top:5px}.register-footer{text-align:center;margin-top:25px}.register-footer a{color:#4f6ef7;margin-left:8px;font-weight:600;text-decoration:none}@media (width<=768px){.row{flex-direction:column}.register-card{width:100%;padding:25px}}body,html,#root,.App,[class*=app-container]{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;overflow-x:hidden!important}:root{--bg:#f0f2f7;--surface:#fff;--sidebar-bg:#0f172a;--sidebar-w:240px;--topbar-h:60px;--primary:#3b82f6;--primary-dk:#1d4ed8;--indigo:#6366f1;--text:#1e293b;--muted:#94a3b8;--border:#e2e8f0;--grid:#f1f5f9;--radius:12px;--radius-sm:8px;--shadow:0 1px 3px #00000012, 0 4px 16px #0000000f;--shadow-md:0 4px 24px #0000001a;--transition:.22s cubic-bezier(.4,0,.2,1);--font:"Inter", "DM Sans", system-ui, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button{cursor:pointer;background:0 0;border:none;font-family:inherit}select{font-family:inherit}.app-shell{background:var(--bg);width:100vw;min-height:100vh;display:flex}.main-area{min-width:0;margin-left:var(--sidebar-w);transition:margin-left var(--transition);background:var(--bg);flex-direction:column;flex:1;display:flex}.sidebar-overlay{z-index:199;opacity:0;transition:opacity var(--transition);background:#00000080;display:none;position:fixed;inset:0}.sidebar-overlay.visible{opacity:1}.sidebar{width:var(--sidebar-w);background:var(--sidebar-bg);z-index:200;transition:transform var(--transition);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.sidebar-brand{border-bottom:1px solid #ffffff12;flex-shrink:0;align-items:center;gap:10px;padding:18px 16px 16px;display:flex}.brand-icon{background:linear-gradient(135deg,#3b82f6,#6366f1);border-radius:9px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 4px 12px #3b82f666}.brand-text{flex:1;min-width:0}.brand-title{color:#fff;letter-spacing:.05em;font-size:12px;font-weight:700;display:block}.brand-sub{color:#64748b;margin-top:1px;font-size:10px;display:block}.sidebar-close-btn{color:#64748b;transition:color var(--transition);border-radius:6px;padding:4px;display:none}.sidebar-close-btn:hover{color:#fff}.sidebar-nav{scrollbar-width:thin;scrollbar-color:#334155 transparent;flex:1;padding:10px 8px;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:3px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-thumb{background:#334155;border-radius:4px}.nav-group{margin-bottom:1px}.nav-item{border-radius:var(--radius-sm);color:#94a3b8;width:100%;transition:all var(--transition);text-align:left;align-items:center;gap:10px;padding:9px 12px;font-size:13px;font-weight:500;display:flex}.nav-item:hover{color:#fff;background:#ffffff0f}.nav-active{border-left:3px solid #3b82f6;color:#fff!important;background:linear-gradient(90deg,#3b82f633,#6366f11a)!important}.nav-icon{flex-shrink:0;align-items:center;display:flex}.nav-label{flex:1}.nav-chevron{transition:transform var(--transition);display:flex}.nav-chevron.rotated{transform:rotate(90deg)}.nav-sub{padding:2px 0 4px 36px;animation:.18s slideDown;overflow:hidden}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.nav-sub-item{text-align:left;color:#64748b;width:100%;transition:all var(--transition);border-radius:6px;padding:6px 10px;font-size:12px;display:block}.nav-sub-item:hover{color:#94a3b8;background:#ffffff0d}.sidebar-footer{border-top:1px solid #ffffff12;flex-shrink:0;padding:12px 12px 16px}.user-chip{border-radius:var(--radius-sm);background:#ffffff0d;align-items:center;gap:10px;padding:8px 10px;display:flex}.user-avatar{color:#fff;background:linear-gradient(135deg,#3b82f6,#6366f1);border-radius:50%;flex-shrink:0;place-items:center;width:30px;height:30px;font-size:13px;font-weight:700;display:grid}.user-name{color:#e2e8f0;font-size:12px;font-weight:600}.user-role{color:#64748b;font-size:10px}.topbar{z-index:100;height:var(--topbar-h);background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;width:100%;padding:0 24px;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #0000000d}.topbar-left{align-items:center;gap:12px;display:flex}.menu-btn{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text);transition:background var(--transition);place-items:center;display:grid}.menu-btn:hover{background:var(--grid)}.topbar-brand-mobile{display:none}.brand-title-sm{color:var(--text);letter-spacing:.04em;font-size:13px;font-weight:700}.topbar-right{align-items:center;gap:8px;display:flex}.topbar-date{color:var(--muted);background:var(--grid);border-radius:20px;align-items:center;gap:5px;padding:5px 10px;font-size:12px;display:flex}.topbar-btn{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--muted);transition:all var(--transition);place-items:center;display:grid;position:relative}.topbar-btn:hover{background:var(--grid);color:var(--text)}.notif-dot{background:#ef4444;border:2px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:8px;right:8px}.topbar-user{background:var(--grid);cursor:pointer;border-radius:20px;align-items:center;gap:8px;padding:4px 10px 4px 4px;display:flex}.topbar-avatar{color:#fff;background:linear-gradient(135deg,#3b82f6,#6366f1);border-radius:50%;place-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:grid}.topbar-username{color:var(--text);font-size:12px;font-weight:600}.content{box-sizing:border-box;flex-direction:column;flex:1;gap:20px;display:flex;width:100%!important;max-width:100%!important;padding:24px!important}.page-header{justify-content:space-between;align-items:flex-start;gap:12px;width:100%;display:flex}.page-title{color:var(--text);font-size:22px;font-weight:700}.page-sub{color:var(--muted);margin-top:2px;font-size:12px}.fy-select{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;transition:border-color var(--transition);outline:none;padding:7px 12px;font-size:12px;font-weight:600}.fy-select:focus{border-color:var(--primary)}.stat-grid{grid-template-columns:repeat(5,1fr);gap:16px;width:100%;display:grid}.stat-card{border-radius:var(--radius);color:#fff;transition:transform var(--transition), box-shadow var(--transition);padding:20px;position:relative;overflow:hidden}.stat-card:before{content:"";background:#ffffff1f;border-radius:50%;width:80px;height:80px;position:absolute;top:-20px;right:-20px}.stat-card:after{content:"";background:#ffffff14;border-radius:50%;width:60px;height:60px;position:absolute;bottom:-30px;right:10px}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.card-blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.card-green{background:linear-gradient(135deg,#22c55e,#15803d)}.card-orange{background:linear-gradient(135deg,#f59e0b,#d97706)}.card-red{background:linear-gradient(135deg,#ef4444,#b91c1c)}.card-purple{background:linear-gradient(135deg,#a855f7,#7c3aed)}.stat-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.stat-icon-wrap{border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;place-items:center;width:42px;height:42px;display:grid}.stat-badge{letter-spacing:.03em;background:#fff3;border-radius:20px;padding:3px 8px;font-size:10px;font-weight:600}.stat-value{letter-spacing:-.01em;z-index:1;margin-bottom:3px;font-size:22px;font-weight:700;position:relative}.stat-title{opacity:.85;text-transform:uppercase;letter-spacing:.06em;z-index:1;font-size:11px;font-weight:500;position:relative}.stat-trend{opacity:.8;cursor:pointer;align-items:center;gap:4px;margin-top:10px;font-size:10px;font-weight:600;display:flex}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border);width:100%;overflow:hidden}.card-header{border-bottom:1px solid var(--grid);justify-content:space-between;align-items:center;padding:16px 20px 12px;display:flex}.card-title{color:var(--text);font-size:14px;font-weight:600}.card-period{color:var(--muted);margin-left:4px;font-size:12px;font-weight:400}.charts-row{grid-template-columns:1fr 320px;gap:16px;width:100%;display:grid}.chart-card .chart-wrap{padding:12px 16px 16px}.stock-pie-wrap{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;padding:16px;display:flex}.stock-legend{flex-direction:column;gap:12px;display:flex}.legend-item{align-items:flex-start;gap:8px;display:flex}.legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:3px}.legend-name{color:var(--text);font-size:12px;font-weight:500}.legend-val{color:var(--text);font-size:13px;font-weight:700}.legend-pct{color:var(--muted);font-size:11px;font-weight:400}.chart-tooltip{background:var(--sidebar-bg);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);padding:8px 12px}.tooltip-label{color:#94a3b8;margin-bottom:3px;font-size:11px}.tooltip-value{color:#fff;font-size:13px;font-weight:700}.tables-row{grid-template-columns:1fr 1fr;gap:16px;width:100%;display:grid}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:12.5px}.data-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);border-bottom:1px solid var(--border);white-space:nowrap;background:#f8fafc;padding:12px 16px;font-size:11px;font-weight:600}.data-table tbody td{border-bottom:1px solid var(--grid);color:var(--text);vertical-align:middle;padding:12px 16px}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background:#f8fafc}.text-right{text-align:right!important}.amount-cell{color:var(--primary-dk);font-variant-numeric:tabular-nums;font-weight:600}.tx-date{color:var(--muted);white-space:nowrap;font-size:11.5px}.voucher-code{color:#6366f1;font-family:monospace;font-size:12px}.rank-badge{width:18px;height:18px;color:var(--muted);background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;margin-right:4px;font-size:10px;font-weight:700;display:inline-flex}.qty-pill{color:#1d4ed8;background:#dbeafe;border-radius:20px;padding:2px 8px;font-size:11px;font-weight:700}.type-badge{white-space:nowrap;border-radius:20px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-block}.bottom-row{grid-template-columns:1fr 1fr;gap:16px;width:100%;display:grid}.cash-card .cash-rows{flex-direction:column;gap:0;padding:8px 20px 16px;display:flex}.cash-row{color:var(--text);border-bottom:1px dashed var(--border);justify-content:space-between;align-items:center;padding:10px 0;font-size:13px;display:flex}.cash-row:last-of-type{border-bottom:none}.cash-val{font-variant-numeric:tabular-nums;font-weight:600}.positive{color:#16a34a}.negative{color:#dc2626}.cash-divider{border-top:2px solid var(--border);margin:4px 0}.closing{font-size:14px;font-weight:700}.highlight{color:var(--primary);font-size:15px}.alerts-card .alerts-list{flex-direction:column;gap:10px;padding:8px 16px 16px;display:flex}.alert-item{border-radius:var(--radius-sm);border-left:3px solid;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.alert-warn{background:#fffbeb;border-color:#f59e0b}.alert-error{background:#fef2f2;border-color:#ef4444}.alert-info{background:#eff6ff;border-color:#3b82f6}.alert-icon{flex-shrink:0;align-items:center;margin-top:1px;display:flex}.alert-title{color:var(--text);font-size:12.5px;font-weight:600}.alert-msg{color:var(--muted);margin-top:2px;font-size:11.5px}.quick-links-card{width:100%}.quick-links-grid{flex-wrap:wrap;gap:12px;padding:14px 18px 18px;display:flex}.quick-link-btn{border-radius:var(--radius);border:1px solid var(--border);transition:all var(--transition);flex-direction:column;flex:1;align-items:center;gap:8px;min-width:90px;padding:14px 16px;display:flex}.quick-link-btn:hover{box-shadow:var(--shadow);background:var(--grid);border-color:#0000;transform:translateY(-2px)}.quick-icon{border-radius:var(--radius-sm);width:44px;height:44px;transition:transform var(--transition);place-items:center;display:grid}.quick-link-btn:hover .quick-icon{transform:scale(1.1)}.quick-label{color:var(--text);text-align:center;font-size:11px;font-weight:600;line-height:1.3}.app-footer{background:var(--surface);border-top:1px solid var(--border);color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;width:100%;padding:12px 24px;font-size:11px;display:flex}.footer-sep{color:var(--border)}@media (width>=1024px){.sidebar{transform:translate(0)!important}.sidebar-close-btn,.sidebar-overlay{display:none!important}.menu-btn{display:none}}@media (width<=1023px){.main-area{margin-left:0}.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay{pointer-events:none;display:block}.sidebar-overlay.visible{pointer-events:all}.sidebar-close-btn{display:flex!important}.topbar-brand-mobile{display:flex}.topbar-date{display:none}.content{padding:16px!important}.topbar{padding:0 16px}}@media (width<=900px){.stat-grid{grid-template-columns:repeat(3,1fr)}.charts-row,.tables-row,.bottom-row{grid-template-columns:1fr}}@media (width<=600px){.content{gap:14px;padding:14px!important}.stat-grid{grid-template-columns:1fr 1fr}.stat-value{font-size:16px}.page-title{font-size:18px}.topbar{padding:0 12px}.topbar-username{display:none}.quick-link-btn{min-width:70px;padding:10px}.quick-icon{width:36px;height:36px}.quick-label{font-size:10px}}@media (width<=400px){.stat-grid{grid-template-columns:1fr}}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.stat-card,.card{animation:.35s both fadeUp}.stat-grid .stat-card:first-child{animation-delay:40ms}.stat-grid .stat-card:nth-child(2){animation-delay:80ms}.stat-grid .stat-card:nth-child(3){animation-delay:.12s}.stat-grid .stat-card:nth-child(4){animation-delay:.16s}.stat-grid .stat-card:nth-child(5){animation-delay:.2s}.logout-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:6px;padding:8px 18px;font-weight:600}.logout-btn:hover{background:#dc2626}.employee-registration-page{box-sizing:border-box;background:#f5f7fb;width:100%;min-height:100vh;padding:32px 24px 40px}.employee-registration-container{width:100%;max-width:1180px;margin:0 auto}.employee-registration-header{margin-bottom:22px}.employee-title-wrapper{align-items:center;gap:16px;display:flex}.employee-title-icon{background:linear-gradient(135deg,#0f766e,#0891b2);border-radius:15px;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;display:flex;box-shadow:0 8px 20px #0891b233}.employee-title-icon span{font-size:27px}.employee-title-wrapper h1{color:#172033;letter-spacing:-.35px;margin:0;font-size:27px;font-weight:700;line-height:1.2}.employee-title-wrapper p{color:#6b7280;margin:6px 0 0;font-size:14px;line-height:1.5}.employee-registration-card{background:#fff;border:1px solid #e6eaf0;border-radius:16px;overflow:hidden;box-shadow:0 8px 28px #0f172a0f}.employee-form-section{padding:30px 34px}.employee-form-section+.employee-form-section{border-top:1px solid #edf0f4}.employee-section-heading{align-items:center;gap:13px;margin-bottom:24px;display:flex}.employee-section-icon{border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.employee-section-icon.account{background:#ecfeff}.employee-section-icon.security{background:#f0fdfa}.employee-section-icon span{font-size:19px}.employee-section-heading h2{color:#1f2937;margin:0;font-size:17px;font-weight:700;line-height:1.3}.employee-section-heading p{color:#7a8494;margin:4px 0 0;font-size:13px;line-height:1.4}.employee-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 22px;display:grid}.employee-field{flex-direction:column;min-width:0;display:flex}.employee-field label{color:#374151;margin-bottom:8px;font-size:13px;font-weight:600;line-height:1.4}.employee-field label span{color:#dc2626;margin-left:4px}.employee-input-wrapper{width:100%;position:relative}.employee-input-icon{color:#64748b;pointer-events:none;z-index:1;justify-content:center;align-items:center;width:20px;font-size:15px;display:flex;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.employee-input-wrapper input{box-sizing:border-box;color:#1f2937;background:#fff;border:1px solid #d9dee7;border-radius:9px;outline:none;width:100%;height:46px;padding:0 42px 0 43px;font-family:inherit;font-size:14px;transition:border-color .18s,box-shadow .18s,background .18s}.employee-input-wrapper input::placeholder{color:#a1a9b6}.employee-input-wrapper input:hover{border-color:#b8c1cf}.employee-input-wrapper input:focus{background:#fff;border-color:#0891b2;box-shadow:0 0 0 3px #0891b21a}.employee-input-wrapper input:disabled{color:#8b94a3;cursor:not-allowed;background:#f5f6f8}.employee-password-toggle{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;transition:background .18s,color .18s;display:flex;position:absolute;top:50%;right:9px;transform:translateY(-50%)}.employee-password-toggle:hover{color:#0891b2;background:#f1f5f9}.employee-password-toggle:disabled{cursor:not-allowed;opacity:.5}.employee-field-help{color:#7b8492;margin-top:6px;font-size:11.5px;line-height:1.45}.employee-security-note{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:flex-start;gap:12px;margin-top:24px;padding:14px 16px;display:flex}.employee-security-note-icon{color:#15803d;background:#dcfce7;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;font-weight:700;display:flex}.employee-security-note strong{color:#334155;margin-bottom:3px;font-size:12.5px;display:block}.employee-security-note p{color:#64748b;margin:0;font-size:11.5px;line-height:1.5}.employee-alert{border:1px solid;border-radius:10px;align-items:flex-start;gap:12px;margin-bottom:18px;padding:13px 15px;display:flex;position:relative}.employee-alert-error{color:#991b1b;background:#fff7f7;border-color:#fecaca}.employee-alert-success{color:#166534;background:#f4fdf7;border-color:#bbf7d0}.employee-alert-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:27px;height:27px;font-size:13px;font-weight:700;display:flex}.employee-alert-error .employee-alert-icon{color:#b91c1c;background:#fee2e2}.employee-alert-success .employee-alert-icon{color:#15803d;background:#dcfce7}.employee-alert-content{flex-direction:column;gap:2px;padding-right:20px;display:flex}.employee-alert-content strong{font-size:12.5px}.employee-alert-content span{font-size:12px;line-height:1.45}.employee-alert-close{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:6px;width:27px;height:27px;font-size:19px;line-height:1;position:absolute;top:9px;right:10px}.employee-alert-close:hover{background:#0000000d}.employee-form-actions{background:#fafbfc;border-top:1px solid #edf0f4;justify-content:flex-end;align-items:center;gap:12px;padding:20px 34px;display:flex}.employee-cancel-btn{box-sizing:border-box;color:#475569;background:#fff;border:1px solid #d7dde6;border-radius:8px;justify-content:center;align-items:center;min-width:100px;height:44px;padding:0 18px;font-size:13px;font-weight:600;text-decoration:none;transition:background .18s,border-color .18s,color .18s;display:inline-flex}.employee-cancel-btn:hover{color:#1f2937;background:#f8fafc;border-color:#c4ccd8}.employee-submit-btn{color:#fff;cursor:pointer;background:#0891b2;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-width:185px;height:44px;padding:0 20px;font-family:inherit;font-size:13px;font-weight:600;transition:background .18s,transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 4px 10px #0891b229}.employee-submit-btn:hover:not(:disabled){background:#0e7490;transform:translateY(-1px);box-shadow:0 6px 14px #0891b233}.employee-submit-btn:active:not(:disabled){transform:translateY(0)}.employee-submit-btn:disabled{cursor:not-allowed;box-shadow:none;background:#94a3b8}.employee-submit-icon{font-size:14px}.employee-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:15px;height:15px;animation:.75s linear infinite employee-spin}@keyframes employee-spin{to{transform:rotate(360deg)}}.employee-page-footer{text-align:center;color:#94a3b8;margin-top:15px;font-size:11px}@media (width<=900px){.employee-registration-page{padding:25px 18px 35px}.employee-form-section{padding:26px 25px}.employee-form-actions{padding:18px 25px}}@media (width<=650px){.employee-registration-page{padding:20px 12px 30px}.employee-title-wrapper{align-items:flex-start;gap:12px}.employee-title-icon{border-radius:12px;width:48px;height:48px}.employee-title-icon span{font-size:22px}.employee-title-wrapper h1{font-size:21px}.employee-title-wrapper p{font-size:12px}.employee-registration-card{border-radius:13px}.employee-form-section{padding:22px 17px}.employee-form-grid{grid-template-columns:1fr;gap:18px}.employee-section-heading{margin-bottom:20px}.employee-section-heading h2{font-size:15px}.employee-section-heading p{font-size:11.5px}.employee-form-actions{flex-direction:column-reverse;padding:17px}.employee-cancel-btn,.employee-submit-btn{width:100%}.employee-security-note{padding:12px}}@media (width<=400px){.employee-registration-page{padding:15px 9px 25px}.employee-title-wrapper h1{font-size:19px}.employee-title-wrapper p{font-size:11px}.employee-form-section{padding:19px 13px}.employee-form-actions{padding:14px}}.company-management-page{box-sizing:border-box;background:#f5f7fb;min-height:100vh;padding:30px 24px 40px}.company-management-container{width:100%;max-width:1250px;margin:0 auto}.company-page-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.company-title-area{align-items:center;gap:15px;display:flex}.company-title-icon{color:#fff;background:linear-gradient(135deg,#2563eb,#4f46e5);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:25px;display:flex;box-shadow:0 8px 20px #2563eb2e}.company-title-area h1{color:#172033;letter-spacing:-.3px;margin:0;font-size:26px;font-weight:700}.company-title-area p{color:#6b7280;margin:5px 0 0;font-size:13px}.company-primary-btn{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 17px;font-family:inherit;font-size:13px;font-weight:600;transition:all .18s;display:inline-flex;box-shadow:0 4px 10px #2563eb29}.company-primary-btn:hover{background:#1d4ed8;transform:translateY(-1px)}.company-primary-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.company-primary-btn span{font-size:17px}.company-secondary-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #d7dde6;border-radius:8px;min-height:42px;padding:0 18px;font-family:inherit;font-size:13px;font-weight:600}.company-secondary-btn:hover{background:#f8fafc}.company-danger-btn{color:#fff;cursor:pointer;background:#dc2626;border:0;border-radius:8px;min-height:42px;padding:0 18px;font-family:inherit;font-size:13px;font-weight:600}.company-danger-btn:hover{background:#b91c1c}.company-alert{border:1px solid;border-radius:9px;align-items:flex-start;gap:12px;margin-bottom:18px;padding:13px 40px 13px 14px;display:flex;position:relative}.company-alert-error{color:#991b1b;background:#fff7f7;border-color:#fecaca}.company-alert-success{color:#166534;background:#f3fdf6;border-color:#bbf7d0}.company-alert-symbol{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-weight:700;display:flex}.company-alert-error .company-alert-symbol{background:#fee2e2}.company-alert-success .company-alert-symbol{background:#dcfce7}.company-alert strong{font-size:12px;display:block}.company-alert p{margin:3px 0 0;font-size:12px}.company-alert button{color:#64748b;cursor:pointer;background:0 0;border:0;width:28px;height:28px;font-size:19px;position:absolute;top:9px;right:10px}.company-list-card,.company-form-card{background:#fff;border:1px solid #e5e9ef;border-radius:14px;overflow:hidden;box-shadow:0 7px 24px #0f172a0d}.company-toolbar{background:#fff;border-bottom:1px solid #edf0f4;align-items:center;gap:12px;padding:17px 20px;display:flex}.company-search{flex:1;max-width:430px;position:relative}.company-search span{color:#64748b;font-size:14px;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.company-search input,.company-status-filter{box-sizing:border-box;color:#1f2937;background:#fff;border:1px solid #d9dee7;border-radius:8px;outline:none;height:42px;font-family:inherit;font-size:13px}.company-search input{width:100%;padding:0 13px 0 38px}.company-search input:focus,.company-status-filter:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f617}.company-status-filter{cursor:pointer;min-width:135px;padding:0 12px}.company-table-wrapper{width:100%;overflow-x:auto}.company-table{border-collapse:collapse;width:100%;min-width:950px}.company-table thead{background:#f8fafc}.company-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.35px;white-space:nowrap;border-bottom:1px solid #e8edf3;padding:13px 18px;font-size:11px;font-weight:700}.company-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #eef1f5;padding:15px 18px;font-size:12.5px}.company-table tbody tr:hover{background:#fbfcfe}.company-action-column{text-align:right!important}.company-name-cell{align-items:center;gap:11px;display:flex}.company-avatar{background:#eff6ff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.company-name-cell strong{color:#1f2937;font-size:13px;font-weight:650;display:block}.company-name-cell span{color:#94a3b8;margin-top:3px;font-size:11px;display:block}.company-cell-text{color:#475569}.company-gstin{color:#475569;font-family:monospace;font-size:11.5px}.company-contact-cell{color:#64748b;flex-direction:column;gap:4px;font-size:11px;display:flex}.company-status{border-radius:20px;align-items:center;gap:6px;padding:5px 9px;font-size:10.5px;font-weight:600;display:inline-flex}.company-status.active{color:#15803d;background:#ecfdf3}.company-status.inactive{color:#64748b;background:#f1f5f9}.company-status-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.company-row-actions{justify-content:flex-end;gap:6px;display:flex}.company-edit-btn,.company-delete-btn{cursor:pointer;background:#fff;border:1px solid #e1e6ed;border-radius:7px;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;transition:all .15s;display:flex}.company-edit-btn{color:#2563eb}.company-edit-btn:hover{background:#eff6ff;border-color:#bfdbfe}.company-delete-btn{color:#dc2626}.company-delete-btn:hover{background:#fef2f2;border-color:#fecaca}.company-list-footer{color:#94a3b8;border-top:1px solid #edf0f4;padding:13px 20px;font-size:11.5px}.company-list-footer strong{color:#475569}.company-loading,.company-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:30px;display:flex}.company-loading p,.company-empty p{color:#94a3b8;font-size:12px}.company-empty-icon{background:#eff6ff;border-radius:14px;justify-content:center;align-items:center;width:58px;height:58px;margin-bottom:12px;font-size:24px;display:flex}.company-empty h3{color:#334155;margin:0;font-size:16px}.company-empty p{max-width:360px;margin:7px 0 18px;line-height:1.5}.company-form-header{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:flex-start;gap:15px;padding:22px 25px;display:flex}.company-form-header h2{color:#1f2937;margin:0;font-size:19px}.company-form-header p{color:#94a3b8;margin:5px 0 0;font-size:11.5px}.company-close-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:7px;width:32px;height:32px;font-size:19px}.company-close-btn:hover{background:#f8fafc}.company-form-section{padding:26px 25px}.company-section-title{align-items:center;gap:11px;margin-bottom:22px;display:flex}.company-section-icon{background:#eff6ff;border-radius:9px;justify-content:center;align-items:center;width:38px;height:38px;font-size:17px;display:flex}.company-section-title h3{color:#334155;margin:0;font-size:15px}.company-section-title p{color:#94a3b8;margin:3px 0 0;font-size:11px}.company-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 21px;display:grid}.company-field{flex-direction:column;min-width:0;display:flex}.company-field-full{grid-column:1/-1}.company-field label{color:#374151;margin-bottom:7px;font-size:12px;font-weight:600}.company-field label span{color:#dc2626;margin-left:3px}.company-field input,.company-field textarea{box-sizing:border-box;color:#1f2937;background:#fff;border:1px solid #d9dee7;border-radius:8px;outline:none;width:100%;font-family:inherit;font-size:13px;transition:all .18s}.company-field input{height:44px;padding:0 13px}.company-field textarea{resize:vertical;min-height:90px;padding:11px 13px}.company-field input::placeholder,.company-field textarea::placeholder{color:#a1a9b6}.company-field input:focus,.company-field textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f617}.company-field input:disabled,.company-field textarea:disabled{cursor:not-allowed;background:#f5f6f8}.company-status-field{align-items:center;padding-top:24px;display:flex}.company-switch-label{color:#475569;cursor:pointer;align-items:center;gap:9px;font-size:12px;font-weight:600;display:flex}.company-switch-label input{opacity:0;pointer-events:none;position:absolute}.company-switch{background:#cbd5e1;border-radius:20px;width:38px;height:21px;transition:all .2s;position:relative}.company-switch:after{content:"";background:#fff;border-radius:50%;width:15px;height:15px;transition:all .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000026}.company-switch-label input:checked+.company-switch{background:#2563eb}.company-switch-label input:checked+.company-switch:after{transform:translate(17px)}.company-form-actions{background:#fafbfc;border-top:1px solid #edf0f4;justify-content:flex-end;align-items:center;gap:10px;padding:18px 25px;display:flex}.company-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite company-spin}.company-large-spinner{border:3px solid #dbeafe;border-top-color:#2563eb;border-radius:50%;width:27px;height:27px;animation:.7s linear infinite company-spin}@keyframes company-spin{to{transform:rotate(360deg)}}.company-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.company-delete-modal{text-align:center;background:#fff;border-radius:14px;width:100%;max-width:420px;padding:28px;box-shadow:0 20px 50px #0f172a33}.company-delete-icon{color:#dc2626;background:#fef2f2;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 14px;font-size:20px;font-weight:700;display:flex}.company-delete-modal h2{color:#1f2937;margin:0;font-size:18px}.company-delete-modal p{color:#64748b;margin:9px 0 0;font-size:12.5px;line-height:1.5}.company-delete-warning{background:#fffbeb;border-radius:7px;padding:9px;color:#b45309!important;margin-top:13px!important}.company-delete-actions{justify-content:center;gap:10px;margin-top:22px;display:flex}@media (width<=800px){.company-management-page{padding:22px 16px 30px}.company-page-header{flex-direction:column;align-items:flex-start}.company-primary-btn{width:auto}.company-form-grid{grid-template-columns:1fr}.company-field-full{grid-column:auto}.company-toolbar{flex-direction:column;align-items:stretch}.company-search{max-width:none}.company-status-filter{width:100%}}@media (width<=550px){.company-management-page{padding:17px 10px 25px}.company-title-area{gap:11px}.company-title-icon{border-radius:11px;width:47px;height:47px;font-size:21px}.company-title-area h1{font-size:20px}.company-title-area p{font-size:11px}.company-form-header,.company-form-section{padding:20px 16px}.company-form-actions{flex-direction:column-reverse;padding:16px}.company-form-actions button{width:100%}.company-delete-modal{padding:22px 18px}.company-delete-actions{flex-direction:column-reverse}.company-delete-actions button{width:100%}}.business-report-page{background:#f4f7fb;min-height:100vh;padding:30px}.page-header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.page-header h1{color:#1e293b;margin:0;font-size:34px;font-weight:700}.page-header p{color:#64748b;margin-top:8px;font-size:15px}.card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;margin-bottom:28px;padding:28px;box-shadow:0 10px 30px #00000014}.card-title{color:#1e293b;border-bottom:1px solid #edf2f7;margin-bottom:22px;padding-bottom:12px;font-size:20px;font-weight:700}.report-filter{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:end;gap:22px;display:grid}.filter-group{flex-direction:column;display:flex}.filter-group label{color:#475569;margin-bottom:8px;font-size:14px;font-weight:600}.filter-group input,.filter-group select{color:#1e293b;background:#fff;border:1px solid #dbe2ea;border-radius:10px;outline:none;height:48px;padding:0 14px;font-size:15px;transition:all .3s}.filter-group input:focus,.filter-group select:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f}.filter-group input:hover,.filter-group select:hover{border-color:#2563eb}.toolbar-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;display:flex}.toolbar-btn{color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;min-width:180px;height:52px;font-size:15px;font-weight:600;transition:all .3s;display:flex}.toolbar-btn svg{font-size:18px}.toolbar-btn:hover{transform:translateY(-4px);box-shadow:0 12px 25px #0000002e}.toolbar-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.btn-view{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.btn-pdf{background:linear-gradient(135deg,#ef4444,#b91c1c)}.btn-excel{background:linear-gradient(135deg,#22c55e,#15803d)}.btn-word{background:linear-gradient(135deg,#0f4c81,#1e3a8a)}@media (width<=768px){.toolbar-container{flex-direction:column}.toolbar-btn{width:100%}}.report-wrapper{margin-top:25px}.company-card{color:#fff;background:linear-gradient(135deg,#2563eb,#1e40af);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:30px;padding:25px;display:flex}.company-card h2{margin:0;font-size:28px}.company-card p{opacity:.9;margin-top:8px}.generated-info{text-align:right}.generated-info span{opacity:.8;font-size:14px;display:block}.generated-info strong{font-size:17px}.report-card{background:#fff;border-radius:14px;margin-bottom:30px;overflow:hidden;box-shadow:0 8px 25px #00000014}.section-header{color:#fff;align-items:center;gap:12px;padding:16px 22px;font-size:20px;font-weight:700;display:flex}.gold-theme{background:linear-gradient(90deg,#f59e0b,#d97706)}.silver-theme{background:linear-gradient(90deg,#64748b,#475569)}.table-container{overflow:auto}.report-table{border-collapse:collapse;width:100%}.report-table thead{color:#fff;background:#1e293b}.report-table th{text-align:center;padding:15px}.report-table td{border-bottom:1px solid #ececec;padding:14px}.report-table td:first-child{font-weight:600}.report-table td:not(:first-child){text-align:right}.report-table tbody tr:nth-child(2n){background:#f8fafc}.report-table tbody tr:hover{background:#eef5ff}.total-row{color:#1e3a8a;font-weight:700;background:#dbeafe!important}@media (width<=768px){.company-card{flex-direction:column;align-items:flex-start;gap:18px}.generated-info{text-align:left}}.btn-download{background:linear-gradient(135deg,#7c3aed,#5b21b6)}body{background:#f4f6f9;font-family:Arial,sans-serif}.item-container{justify-content:center;padding:20px;display:flex}.item-card{background:#fff;border-radius:8px;width:1100px;padding:25px;box-shadow:0 2px 10px #0000001a}.item-card h2{text-align:center;margin-bottom:20px}.edit-banner{color:#856404;background:#fff3cd;border-radius:4px;margin-bottom:15px;padding:10px}.form-grid{grid-template-columns:180px 1fr;align-items:center;gap:12px;display:grid}.form-grid input,.form-grid select,.form-grid textarea{border:1px solid #ccc;border-radius:4px;padding:10px}.button-group{justify-content:center;gap:10px;margin-top:20px;display:flex}.button-group button{color:#fff;cursor:pointer;border:none;border-radius:4px;padding:10px 20px}.cancel-btn{background:#6c757d}.item-table{border-collapse:collapse;width:100%;margin-top:30px}.item-table th,.item-table td{text-align:center;border:1px solid #ddd;padding:10px}.item-table th{color:#fff;background:#0d6efd}.item-table tr:nth-child(2n){background:#f8f9fa}.receipt-entry{box-sizing:border-box;background:#f8fafc;width:100%;max-width:1600px;min-height:100vh;margin:auto;padding:24px}.receipt-error{color:#b91c1c;background:#fee2e2;border-radius:8px;margin-bottom:20px;padding:12px;font-weight:600}@media (width<=1200px){.receipt-entry{padding:20px}}@media (width<=768px){.receipt-entry{padding:16px}}@media (width<=576px){.receipt-entry{padding:12px}}@media print{.receipt-entry{background:#fff;padding:0}}.password-overlay{z-index:9999;background:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.password-modal{background:#fff;border-radius:12px;width:100%;max-width:420px;animation:.25s popupAnimation;overflow:hidden;box-shadow:0 20px 40px #00000040}@keyframes popupAnimation{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.password-header{color:#fff;background:#2563eb;padding:16px 20px}.password-header h3{margin:0;font-size:20px;font-weight:600}.password-body{padding:20px}.password-body p{color:#666;margin:0 0 18px;font-size:14px}.password-body label{color:#333;margin-bottom:8px;font-weight:600;display:block}.password-body input{box-sizing:border-box;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:12px;font-size:15px;transition:all .2s}.password-body input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.password-footer{background:#f8f9fa;border-top:1px solid #eee;justify-content:flex-end;gap:10px;padding:18px 20px;display:flex}.cancel-btn,.verify-btn{cursor:pointer;border:none;border-radius:8px;min-width:110px;padding:10px 18px;font-size:15px;font-weight:600;transition:all .2s}.cancel-btn{color:#fff;background:#6c757d}.cancel-btn:hover{background:#5b636a}.verify-btn{color:#fff;background:#2563eb}.verify-btn:hover{background:#1d4ed8}@media (width<=600px){.password-modal{max-width:100%}.password-footer{flex-direction:column}.cancel-btn,.verify-btn{width:100%}}.receipt-header{background:#fff;border:1px solid #e2e8f0;border-radius:10px;grid-template-columns:180px 220px minmax(280px,1fr);gap:18px;margin-bottom:18px;padding:20px;display:grid;box-shadow:0 2px 8px #0f172a0f}.receipt-form-group{flex-direction:column;gap:7px;display:flex}.receipt-form-group label{color:#334155;font-size:14px;font-weight:600}.receipt-form-group input,.receipt-form-group select{box-sizing:border-box;color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:6px;width:100%;min-height:40px;padding:8px 10px}.receipt-form-group input:read-only{background:#f8fafc}.receipt-form-group input:disabled,.receipt-form-group select:disabled{color:#64748b;cursor:not-allowed;background:#f1f5f9}@media (width<=800px){.receipt-header{grid-template-columns:1fr}}.receipt-grid-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px #0f172a0f}.receipt-grid-title{border-bottom:1px solid #e2e8f0;padding:14px 18px}.receipt-grid-title h3{color:#1e40af;margin:0;font-size:17px}.receipt-table-responsive{width:100%;overflow-x:auto}.receipt-table{border-collapse:collapse;width:100%;min-width:720px}.receipt-table th{color:#fff;text-align:left;background:#1e3a8a;padding:12px 10px;font-size:14px}.receipt-table td{vertical-align:middle;border-bottom:1px solid #e2e8f0;padding:10px}.receipt-table tbody tr:hover{background:#f8fafc}.receipt-table select,.receipt-table input{box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:6px;width:100%;min-height:38px;padding:7px 9px}.receipt-table select:disabled,.receipt-table input:disabled{color:#64748b;background:#f1f5f9}.receipt-action-buttons{align-items:center;gap:7px;display:flex}.receipt-add-btn,.receipt-delete-row-btn,.receipt-add-row-btn{cursor:pointer;border:0;border-radius:6px;font-weight:600}.receipt-add-btn{color:#fff;background:#16a34a;width:36px;height:36px;font-size:20px}.receipt-delete-row-btn{color:#fff;background:#dc2626;min-height:36px;padding:0 10px}.receipt-add-btn:disabled,.receipt-delete-row-btn:disabled,.receipt-add-row-btn:disabled{opacity:.5;cursor:not-allowed}.receipt-grid-bottom{justify-content:space-between;align-items:center;gap:20px;padding:16px 18px;display:flex}.receipt-add-row-btn{color:#fff;background:#16a34a;padding:10px 15px}.receipt-total{color:#0f172a;font-size:18px;font-weight:700}@media (width<=600px){.receipt-grid-bottom{flex-direction:column;align-items:stretch}.receipt-total{text-align:right}}.receipt-footer{background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:flex-end;gap:24px;margin-top:18px;padding:18px;display:flex;box-shadow:0 2px 8px #0f172a0f}.receipt-search{flex:0 360px}.receipt-search label{color:#334155;margin-bottom:7px;font-size:14px;font-weight:600;display:block}.receipt-search-box{display:flex}.receipt-search-box input{box-sizing:border-box;border:1px solid #cbd5e1;border-right:0;border-radius:6px 0 0 6px;flex:1;min-height:40px;padding:8px 10px}.receipt-search-box button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:0 6px 6px 0;width:48px}.receipt-search-box input:disabled,.receipt-search-box button:disabled{opacity:.55;cursor:not-allowed}.receipt-footer-buttons{flex:none}@media (width<=900px){.receipt-footer{flex-direction:column;align-items:stretch}.receipt-search{flex:1}}.receipt-buttons{flex-wrap:wrap;gap:8px;display:flex}.receipt-btn{color:#fff;cursor:pointer;border:0;border-radius:6px;min-width:82px;min-height:40px;padding:8px 14px;font-weight:600}.receipt-btn-new{background:#64748b}.receipt-btn-save{background:#16a34a}.receipt-btn-edit{background:#2563eb}.receipt-btn-update{background:#0891b2}.receipt-btn-delete{background:#dc2626}.receipt-btn-print{background:#475569}.receipt-btn:disabled{opacity:.45;cursor:not-allowed}@media print{.receipt-buttons{display:none}}.payment-entry{box-sizing:border-box;background:#f8fafc;width:100%;max-width:1600px;min-height:100vh;margin:auto;padding:24px}.payment-error{color:#b91c1c;background:#fee2e2;border-radius:8px;margin-bottom:20px;padding:12px;font-weight:600}@media (width<=1200px){.payment-entry{padding:20px}}@media (width<=768px){.payment-entry{padding:16px}}@media (width<=576px){.payment-entry{padding:12px}}@media print{.payment-entry{background:#fff;padding:0}}.payment-header{background:#fff;border:1px solid #e2e8f0;border-radius:10px;grid-template-columns:180px 220px minmax(280px,1fr);gap:18px;margin-bottom:18px;padding:20px;display:grid;box-shadow:0 2px 8px #0f172a0f}.payment-form-group{flex-direction:column;gap:7px;display:flex}.payment-form-group label{color:#334155;font-size:14px;font-weight:600}.payment-form-group input,.payment-form-group select{box-sizing:border-box;color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:6px;width:100%;min-height:40px;padding:8px 10px}.payment-form-group input:read-only{background:#f8fafc}.payment-form-group input:disabled,.payment-form-group select:disabled{color:#64748b;cursor:not-allowed;background:#f1f5f9}@media (width<=800px){.payment-header{grid-template-columns:1fr}}.payment-grid-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px #0f172a0f}.payment-grid-title{border-bottom:1px solid #e2e8f0;padding:14px 18px}.payment-grid-title h3{color:#1e40af;margin:0;font-size:17px}.payment-table-responsive{width:100%;overflow-x:auto}.payment-table{border-collapse:collapse;width:100%;min-width:720px}.payment-table th{color:#fff;text-align:left;background:#1e3a8a;padding:12px 10px;font-size:14px}.payment-table td{vertical-align:middle;border-bottom:1px solid #e2e8f0;padding:10px}.payment-table tbody tr:hover{background:#f8fafc}.payment-table select,.payment-table input{box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:6px;width:100%;min-height:38px;padding:7px 9px}.payment-table select:disabled,.payment-table input:disabled{color:#64748b;background:#f1f5f9}.payment-action-buttons{align-items:center;gap:7px;display:flex}.payment-add-btn,.payment-delete-row-btn,.payment-add-row-btn{cursor:pointer;border:0;border-radius:6px;font-weight:600}.payment-add-btn{color:#fff;background:#16a34a;width:36px;height:36px;font-size:20px}.payment-delete-row-btn{color:#fff;background:#dc2626;min-height:36px;padding:0 10px}.payment-add-btn:disabled,.payment-delete-row-btn:disabled,.payment-add-row-btn:disabled{opacity:.5;cursor:not-allowed}.payment-grid-bottom{justify-content:space-between;align-items:center;gap:20px;padding:16px 18px;display:flex}.payment-add-row-btn{color:#fff;background:#16a34a;padding:10px 15px}.payment-total{color:#0f172a;font-size:18px;font-weight:700}@media (width<=600px){.payment-grid-bottom{flex-direction:column;align-items:stretch}.payment-total{text-align:right}}.payment-footer{background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:flex-end;gap:24px;margin-top:18px;padding:18px;display:flex;box-shadow:0 2px 8px #0f172a0f}.payment-search{flex:0 360px}.payment-search label{color:#334155;margin-bottom:7px;font-size:14px;font-weight:600;display:block}.payment-search-box{display:flex}.payment-search-box input{box-sizing:border-box;border:1px solid #cbd5e1;border-right:0;border-radius:6px 0 0 6px;flex:1;min-height:40px;padding:8px 10px}.payment-search-box button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:0 6px 6px 0;width:48px}.payment-search-box input:disabled,.payment-search-box button:disabled{opacity:.55;cursor:not-allowed}.payment-footer-buttons{flex:none}@media (width<=900px){.payment-footer{flex-direction:column;align-items:stretch}.payment-search{flex:1}}.payment-buttons{flex-wrap:wrap;gap:8px;display:flex}.payment-btn{color:#fff;cursor:pointer;border:0;border-radius:6px;min-width:82px;min-height:40px;padding:8px 14px;font-weight:600}.payment-btn-new{background:#64748b}.payment-btn-save{background:#16a34a}.payment-btn-edit{background:#2563eb}.payment-btn-update{background:#0891b2}.payment-btn-delete{background:#dc2626}.payment-btn-print{background:#475569}.payment-btn:disabled{opacity:.45;cursor:not-allowed}@media print{.payment-buttons{display:none}}.sales-entry{box-sizing:border-box;background:#f8fafc;width:100%;max-width:1600px;min-height:100vh;margin:auto;padding:24px}.loading{color:#1d4ed8;background:#dbeafe;border-radius:8px;margin-bottom:20px;padding:12px;font-weight:600}.error-message{color:#b91c1c;background:#fee2e2;border-radius:8px;margin-bottom:20px;padding:12px;font-weight:600}@media (width<=1200px){.sales-entry{padding:20px}}@media (width<=768px){.sales-entry{padding:16px}}@media (width<=576px){.sales-entry{padding:12px}}.sales-page-title{box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:center;align-items:center;gap:12px;width:100%;margin-bottom:24px;padding:18px 20px;display:flex;box-shadow:0 2px 8px #0000000a}.sales-page-title-icon{background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:24px;line-height:1;display:flex;box-shadow:0 4px 10px #2563eb33}.sales-page-title h1{color:#1e3a8a;letter-spacing:.2px;margin:0;font-size:28px;font-weight:700;line-height:1.2}@media (width<=1200px){.sales-page-title{margin-bottom:22px;padding:16px 18px}.sales-page-title-icon{width:44px;height:44px;font-size:23px}.sales-page-title h1{font-size:26px}}@media (width<=768px){.sales-page-title{border-radius:10px;gap:10px;margin-bottom:20px;padding:14px 16px}.sales-page-title-icon{border-radius:9px;width:42px;height:42px;font-size:21px}.sales-page-title h1{font-size:23px}}@media (width<=576px){.sales-page-title{gap:8px;margin-bottom:16px;padding:12px}.sales-page-title-icon{border-radius:8px;width:38px;height:38px;font-size:19px}.sales-page-title h1{font-size:20px}}.sales-header{grid-template-columns:220px 220px 1fr;align-items:end;gap:20px;margin-bottom:25px;display:grid}.form-group label{color:#374151;margin-bottom:8px;font-size:14px;font-weight:600}.form-group input,.form-group select{box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;height:46px;padding:0 14px;font-size:15px;transition:all .25s}.form-group input:focus,.form-group select:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 4px #2563eb26}.form-group input[readonly]{color:#374151;background:#f3f4f6;font-weight:600}.form-group input:disabled,.form-group select:disabled{color:#6b7280;cursor:not-allowed;background:#f3f4f6}.party-group{width:100%}@media (width<=1200px){.sales-header{grid-template-columns:200px 200px 1fr;gap:16px}}@media (width<=992px){.sales-header{grid-template-columns:1fr 1fr}.party-group{grid-column:1/span 2}}@media (width<=768px){.sales-header{grid-template-columns:1fr;gap:15px}.party-group{grid-column:auto}.form-group input,.form-group select{height:44px}}.sales-grid-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-top:25px;overflow:hidden;box-shadow:0 3px 12px #0000000d}.grid-title{color:#fff;background:#2563eb;padding:16px 20px}.grid-title h3{margin:0;font-size:18px;font-weight:600}.table-responsive{width:100%;overflow-x:auto}.sales-table{border-collapse:collapse;width:100%;min-width:1350px}.sales-table thead{background:#f8fafc}.sales-table th{text-align:center;color:#374151;white-space:nowrap;z-index:2;border:1px solid #e5e7eb;padding:14px;font-size:14px;font-weight:600;position:sticky;top:0}.sales-table td{background:#fff;border:1px solid #e5e7eb;padding:10px}.sales-table tbody tr:nth-child(2n){background:#fafafa}.sales-table tbody tr:hover{background:#f0f9ff}.sales-table input,.sales-table select{box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:6px;width:100%;height:38px;padding:0 10px;font-size:14px;transition:all .25s}.sales-table input:focus,.sales-table select:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb26}.sales-table input[readonly]{color:#374151;background:#f3f4f6;font-weight:600}.action-buttons{justify-content:center;gap:8px;display:flex}.add-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:6px;width:34px;height:34px;font-size:18px;transition:all .25s}.add-btn:hover{background:#059669}.delete-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:6px;width:34px;height:34px;font-size:18px;transition:all .25s}.delete-btn:hover{background:#dc2626}@media (width<=992px){.sales-grid-card{margin-top:20px}}@media (width<=768px){.grid-title{padding:14px}.grid-title h3{font-size:16px}}.sales-table input:disabled,.sales-table select:disabled{color:#6b7280;cursor:not-allowed;opacity:.8;background:#f3f4f6}.add-btn:disabled,.delete-btn:disabled{color:#6b7280;cursor:not-allowed;opacity:.7;background:#d1d5db}.sales-table tfoot{font-weight:600}.totals-row{background:#f4f8ff}.totals-row td{color:#1e40af;text-align:center;border-top:2px solid #2563eb;border-bottom:2px solid #2563eb;padding:10px 8px;font-size:15px;font-weight:600}.total-title{text-align:right;letter-spacing:.5px;font-size:16px;font-weight:700}.total-value{font-size:15px;font-weight:700}.grand-total-row td{color:#fff;background:#2563eb;border:none;padding:12px 16px}.grand-title{text-align:left;letter-spacing:.5px;font-size:18px;font-weight:700}.grand-amount{text-align:right;font-size:18px;font-weight:700}.sales-footer{justify-content:space-between;align-items:flex-end;gap:20px;margin-top:25px;display:flex}.sales-search{width:320px}.sales-search label{color:#374151;margin-bottom:8px;font-weight:600;display:block}.search-box{display:flex}.search-box input{border:1px solid #d1d5db;border-right:none;border-radius:8px 0 0 8px;flex:1;height:46px;padding:0 14px;font-size:15px}.search-box button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:0 8px 8px 0;width:55px;font-size:18px}.search-box button:hover{background:#1d4ed8}.sales-footer-buttons{justify-content:flex-end;display:flex}@media (width<=992px){.sales-footer{flex-direction:column;align-items:stretch}.sales-search{width:100%}.sales-footer-buttons{justify-content:center}}@media (width<=768px){.search-box input,.search-box button{height:44px}}.sales-buttons{flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:20px;display:flex}.btn{color:#fff;cursor:pointer;border:none;border-radius:6px;padding:10px 22px;font-size:15px;font-weight:600;transition:all .3s}.btn:hover{opacity:.9}.btn-new{background:#6c757d}.btn-save{background:#198754}.btn-update{background:#0d6efd}.btn-edit{background:#9acd32}.btn-delete{background:#dc3545}.btn-search{background:#fd7e14}.btn-print{background:#6f42c1}.btn:disabled{color:#6b7280;cursor:not-allowed;opacity:.7;background:#d1d5db!important}.download-dropdown{display:inline-block;position:relative}.btn-download{background:#0f766e;justify-content:center;align-items:center;gap:8px;display:flex}.btn-download:hover{background:#0d9488}.dropdown-arrow{font-size:10px;transition:transform .2s;display:inline-block}.dropdown-arrow.open{transform:rotate(180deg)}.download-menu{z-index:1000;background:#fff;border:1px solid #e5e7eb;border-radius:8px;min-width:170px;padding:6px;position:absolute;bottom:calc(100% + 8px);right:0;box-shadow:0 10px 25px #00000026}.download-menu-item{color:#374151;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:14px;font-weight:600;display:flex}.download-menu-item:hover{color:#1d4ed8;background:#eff6ff}.download-icon{text-align:center;width:24px;font-size:16px}.btn-download:disabled{color:#6b7280;cursor:not-allowed;background:#d1d5db!important}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:.2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0, 0, var(--toastify-z-index));width:var(--toastify-container-width);box-sizing:border-box;color:#fff;flex-direction:column;display:flex;position:fixed}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);align-items:center;left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);align-items:center;left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y:0px;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;word-break:break-word;flex:auto;align-items:center;margin-bottom:1rem;display:flex;position:relative}@media only screen and (width<=480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}@media only screen and (width<=480px){.Toastify__toast-container[data-stacked=true]{width:100vw}}.Toastify__toast--stacked{width:100%;transform:translate3d(0, var(--y), 0) scale(var(--s));transition:transform .3s;position:absolute}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";height:calc(var(--g) * 1px);position:absolute;bottom:100%;left:0;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";z-index:-1;height:100%;position:absolute;bottom:0;left:0;right:0;transform:scaleY(3)}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{flex-shrink:0;width:22px;margin-inline-end:10px;display:flex}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;cursor:pointer;opacity:.7;z-index:1;background:0 0;border:none;outline:none;padding:0;transition:all .3s;position:absolute;top:6px;right:6px}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;width:14px;height:16px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{z-index:1;opacity:.7;transform-origin:0;width:100%;height:100%;position:absolute;bottom:0;left:0}.Toastify__progress-bar--animated{animation:linear forwards Toastify__trackProgress}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:100%;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius);width:100%;height:5px;position:absolute;bottom:0;left:0;overflow:hidden}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{box-sizing:border-box;border:2px solid;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);border-radius:100%;width:20px;height:20px;animation:.65s linear infinite Toastify__spin}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(3000px)}60%{opacity:1;transform:translate(-25px)}75%{transform:translate(10px)}90%{transform:translate(-5px)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px, var(--y), 0)}to{opacity:0;transform:translate3d(2000px, var(--y), 0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(-3000px)}60%{opacity:1;transform:translate(25px)}75%{transform:translate(-10px)}90%{transform:translate(5px)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px, var(--y), 0)}to{opacity:0;transform:translate3d(-2000px, var(--y), 0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(3000px)}60%{opacity:1;transform:translateY(-20px)}75%{transform:translateY(10px)}90%{transform:translateY(-5px)}to{transform:translate(0,0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0, calc(var(--y) - 10px), 0)}40%,45%{opacity:1;transform:translate3d(0, calc(var(--y) + 20px), 0)}to{opacity:0;transform:translateY(-2000px)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(-3000px)}60%{opacity:1;transform:translateY(25px)}75%{transform:translateY(-10px)}90%{transform:translateY(5px)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0, calc(var(--y) - 10px), 0)}40%,45%{opacity:1;transform:translate3d(0, calc(var(--y) + 20px), 0)}to{opacity:0;transform:translateY(2000px)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0, var(--y), 0) scale3d(.3, .3, .3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{opacity:0;animation-timing-function:ease-in;transform:perspective(400px)rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px)rotateX(-20deg)}60%{opacity:1;transform:perspective(400px)rotateX(10deg)}80%{transform:perspective(400px)rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0, var(--y), 0) perspective(400px)}30%{transform:translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);opacity:1}to{transform:translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{visibility:visible;transform:translate(110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInLeft{0%{visibility:visible;transform:translate(-110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInUp{0%{visibility:visible;transform:translateY(110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInDown{0%{visibility:visible;transform:translateY(-110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translate3d(110%, var(--y), 0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translate3d(-110%, var(--y), 0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translateY(500px)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translateY(-500px)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-duration:.3s;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.stock-header-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:20px;overflow:hidden;box-shadow:0 4px 15px #00000014}.stock-header-title{color:#fff;background:#2563eb;justify-content:center;align-items:center;height:54px;display:flex}.stock-title-content{justify-content:center;align-items:center;gap:10px;display:flex}.stock-header-icon-wrapper{background:#ffffff26;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.stock-header-icon{color:#facc15;fill:#facc15;filter:drop-shadow(0 2px 3px #0000004d);flex-shrink:0;width:24px;height:24px;font-size:24px;display:block}.stock-header-title h3{letter-spacing:.8px;text-transform:uppercase;color:#fff;margin:0;font-size:22px;font-weight:700;line-height:1}.stock-header-body{grid-template-columns:1.2fr 1.8fr .6fr .5fr;align-items:end;gap:16px;padding:18px 20px;display:grid}.checkbox-group{justify-content:center;align-items:center;height:36px;margin-bottom:2px;display:flex}.checkbox-group label{color:#374151;cursor:pointer;align-items:center;gap:10px;font-size:15px;font-weight:600;display:flex}.checkbox-group input{accent-color:#16a34a;width:18px;height:18px}@media (width<=1100px){.stock-header-body{grid-template-columns:1fr 1fr}}@media (width<=768px){.stock-header-title{height:48px}.stock-title-content{gap:8px}.stock-header-icon-wrapper{width:30px;height:30px}.stock-header-icon{width:20px;height:20px;font-size:20px}.stock-header-title h3{font-size:18px}.stock-header-body{grid-template-columns:1fr;gap:14px;padding:16px}.checkbox-group{justify-content:flex-start}.form-group input{height:34px}}.stock-table-card{background:#fff;border:1px solid #dbe3ee;border-radius:10px;margin-bottom:20px;overflow:hidden;box-shadow:0 3px 10px #0000000d}.stock-table-header{color:#fff;background:#2563eb;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.stock-table-header h3{letter-spacing:.3px;margin:0;font-size:18px;font-weight:600}.stock-table-header span{font-size:13px;font-weight:500}.stock-table-toolbar{background:#f8fafc;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:18px;padding:10px 18px;display:flex}.table-search-box input{background:#fff;border:1px solid #d1d5db;border-radius:6px;outline:none;width:100%;height:34px;padding:0 12px 0 36px;font-size:13px;transition:all .25s}.stock-table-wrapper{max-height:420px;overflow:auto}.stock-table-wrapper::-webkit-scrollbar{width:8px;height:8px}.stock-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:20px}.stock-table-wrapper::-webkit-scrollbar-track{background:#f8fafc}.stock-table{border-collapse:collapse;width:100%;min-width:1100px}.stock-table thead th{z-index:10;color:#fff;text-align:center;white-space:nowrap;background:#1d4ed8;border:1px solid #2563eb;height:40px;padding:8px 10px;font-size:13px;font-weight:600;position:sticky;top:0}.stock-table td{text-align:center;vertical-align:middle;border:1px solid #e5e7eb;height:38px;padding:6px 10px;font-size:13px;line-height:1.2}.stock-table tbody tr:nth-child(2n){background:#fafafa}.stock-table tbody tr:hover{cursor:pointer;background:#edf6ff;transition:all .15s}@media (width<=992px){.stock-table-toolbar{flex-direction:column;align-items:stretch}.table-search-box{width:100%}.table-filter{justify-content:space-between;width:100%}.table-filter select{flex:1}}@media (width<=768px){.stock-table-header{flex-direction:column;align-items:flex-start;gap:8px}.stock-table-header h3{font-size:17px}.stock-table-header span{font-size:13px}}.stock-footer{background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:flex-end;align-items:center;margin-top:8px;padding:10px 16px;display:flex;box-shadow:0 3px 10px #0000000f}@media (width<=992px){.stock-footer{justify-content:center}}@media (width<=768px){.stock-footer{justify-content:center;padding:10px}}.stock-buttons{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}@media (width<=992px){.stock-buttons{justify-content:center}}@media (width<=768px){.stock-buttons{justify-content:center;gap:8px;width:100%}.btn{min-width:82px;height:34px;padding:0 12px;font-size:12px}}@media (width<=480px){.stock-buttons{grid-template-columns:repeat(2,1fr);width:100%;display:grid}.btn{width:100%}}@media (width<=768px){.pagination-container{justify-content:center;gap:12px}.pagination-info{text-align:center;width:100%}.pagination-buttons{justify-content:center}.rows-dropdown{justify-content:center;width:100%}}.account-header-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:8px;overflow:hidden;box-shadow:0 4px 15px #00000014}.account-header-title{color:#fff;background:#2563eb;justify-content:center;align-items:center;height:54px;display:flex}.account-header-title h3{letter-spacing:.8px;text-transform:uppercase;margin:0;font-size:22px;font-weight:700}.account-header-body{grid-template-columns:1.2fr 1.8fr .5fr;align-items:end;gap:16px;padding:18px 20px;display:grid}.account-form-group{flex-direction:column;display:flex}.account-form-group label{color:#374151;text-transform:uppercase;letter-spacing:.3px;margin-bottom:6px;font-size:13px;font-weight:600}.account-form-group label span{color:#dc2626}.account-form-group input{box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;height:36px;padding:0 12px;font-size:14px;transition:all .25s}.account-form-group input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.account-form-group input:disabled{color:#374151;cursor:not-allowed;background:#f8fafc}.account-checkbox-group{justify-content:center;align-items:center;height:36px;margin-bottom:2px;display:flex}.account-checkbox-group label{color:#374151;cursor:pointer;align-items:center;gap:10px;font-size:15px;font-weight:600;display:flex}.account-checkbox-group input{accent-color:#16a34a;width:18px;height:18px}@media (width<=1100px){.account-header-body{grid-template-columns:1fr 1fr}.account-checkbox-group{justify-content:flex-start}}@media (width<=768px){.account-header-title{height:48px}.account-header-title h3{font-size:18px}.account-header-body{grid-template-columns:1fr;gap:14px;padding:16px}.account-checkbox-group{justify-content:flex-start}.account-form-group input{height:34px}}.account-type-select{color:#1f2937;cursor:pointer;box-sizing:border-box;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;outline:none;width:100%;height:38px;padding:0 12px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s,background-color .2s}.account-type-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.account-type-select:hover:not(:disabled){border-color:#9ca3af}.account-type-select:disabled{color:#6b7280;cursor:not-allowed;opacity:1;background-color:#f3f4f6}.account-type-select option{color:#1f2937;background-color:#fff;padding:8px;font-size:14px}@media (width<=768px){.account-type-select{width:100%;height:38px;padding:0 10px;font-size:14px}}@media (width<=480px){.account-type-select{border-radius:6px;width:100%;height:40px;padding:0 10px;font-size:14px}}.account-table-card{background:#fff;border:1px solid #dbe3ee;border-radius:10px;margin-bottom:8px;overflow:hidden;box-shadow:0 3px 10px #0000000d}.account-table-header{color:#fff;background:#2563eb;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.account-table-header h3{letter-spacing:.3px;margin:0;font-size:18px;font-weight:600}.account-table-header span{font-size:13px;font-weight:500}.account-table-toolbar{background:#f8fafc;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:18px;padding:10px 18px;display:flex}.account-table-search-box{width:240px;position:relative}.account-table-search-icon{color:#64748b;pointer-events:none;font-size:14px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.account-table-search-box input{box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:6px;outline:none;width:100%;height:34px;padding:0 12px 0 36px;font-size:13px;transition:all .25s}.account-table-search-box input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb26}.account-table-search-box input:disabled{cursor:not-allowed;background:#f3f4f6}.account-table-filter{align-items:center;gap:8px;display:flex}.account-table-filter label{color:#374151;font-size:13px;font-weight:600}.account-table-filter select{background:#fff;border:1px solid #d1d5db;border-radius:6px;outline:none;width:160px;height:34px;padding:0 10px;font-size:13px}.account-table-filter select:focus{border-color:#2563eb}.account-table-filter select:disabled{cursor:not-allowed;background:#f3f4f6}.account-table-wrapper{max-height:420px;overflow:auto}.account-table-wrapper::-webkit-scrollbar{width:8px;height:8px}.account-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:20px}.account-table-wrapper::-webkit-scrollbar-track{background:#f8fafc}.account-table{border-collapse:collapse;width:100%;min-width:1000px}.account-table thead th{z-index:10;color:#fff;text-align:center;white-space:nowrap;background:#1d4ed8;border:1px solid #2563eb;height:40px;padding:8px 10px;font-size:13px;font-weight:600;position:sticky;top:0}.account-table td{text-align:center;vertical-align:middle;border:1px solid #e5e7eb;height:38px;padding:6px 10px;font-size:13px;line-height:1.2}.account-table .account-code{color:#111827;font-weight:600}.account-table tbody tr:nth-child(2n){background:#fafafa}.account-table tbody tr:hover{cursor:pointer;background:#edf6ff;transition:all .15s}.account-selected-row{background:#dbeafe!important}.account-status{color:#fff;border-radius:14px;justify-content:center;align-items:center;min-width:68px;height:24px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.account-active{background:#16a34a}.account-inactive{background:#dc2626}.account-no-data{text-align:center;color:#6b7280;padding:35px;font-size:14px}@media (width<=992px){.account-table-toolbar{flex-direction:column;align-items:stretch}.account-table-search-box{width:100%}.account-table-filter{justify-content:space-between;width:100%}.account-table-filter select{flex:1}}@media (width<=768px){.account-table-header{flex-direction:column;align-items:flex-start;gap:8px}.account-table-header h3{font-size:17px}.account-table-header span{font-size:13px}}.account-table .account-type-badge{color:#1e3a8a;background:#dbeafe;border:1px solid #bfdbfe;border-radius:14px;justify-content:center;align-items:center;min-width:90px;height:24px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.account-pagination-container{background:#fff;border-top:1px solid #e5e7eb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:10px 18px;display:flex}.account-pagination-info{color:#4b5563;font-size:13px;font-weight:500}.account-pagination-info strong{color:#111827;font-weight:600}.account-pagination-buttons{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.account-pagination-buttons button{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;width:32px;min-width:32px;height:32px;font-size:13px;font-weight:600;transition:all .2s}.account-pagination-buttons button:hover:not(:disabled){color:#fff;background:#2563eb;border-color:#2563eb}.account-pagination-buttons button:active:not(:disabled){transform:scale(.95)}.account-pagination-buttons button:disabled{color:#9ca3af;cursor:not-allowed;background:#f3f4f6}.account-active-page{box-shadow:0 2px 6px #2563eb40;color:#fff!important;background:#2563eb!important;border-color:#2563eb!important}.account-rows-dropdown{color:#374151;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.account-rows-dropdown select{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;outline:none;width:70px;height:32px;padding:0 8px;font-size:13px;transition:all .2s}.account-rows-dropdown select:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb26}@media (width<=768px){.account-pagination-container{justify-content:center;gap:12px}.account-pagination-info{text-align:center;width:100%}.account-pagination-buttons{justify-content:center}.account-rows-dropdown{justify-content:center;width:100%}}.account-action-bar{background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:flex-end;align-items:center;margin-top:8px;padding:10px 16px;display:flex;box-shadow:0 3px 10px #0000000f}@media (width<=992px){.account-action-bar{justify-content:center}}@media (width<=768px){.account-action-bar{justify-content:center;padding:10px}}.account-buttons{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.account-btn{color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-width:96px;height:34px;padding:0 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 6px #00000014}.account-btn svg{font-size:13px}.account-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 10px #00000026}.account-btn:active:not(:disabled){transform:scale(.98)}.account-new-btn{background:#6b7280}.account-new-btn:hover:not(:disabled){background:#4b5563}.account-save-btn{background:#16a34a}.account-save-btn:hover:not(:disabled){background:#15803d}.account-view-btn{background:#0891b2}.account-view-btn:hover:not(:disabled){background:#0e7490}.account-edit-btn{background:#84cc16}.account-edit-btn:hover:not(:disabled){background:#65a30d}.account-update-btn{background:#2563eb}.account-update-btn:hover:not(:disabled){background:#1d4ed8}.account-delete-btn{background:#dc2626}.account-delete-btn:hover:not(:disabled){background:#b91c1c}.account-print-btn{background:#6d28d9}.account-print-btn:hover:not(:disabled){background:#5b21b6}.account-btn:disabled{color:#6b7280;cursor:not-allowed;opacity:.75;box-shadow:none;background:#d1d5db}@media (width<=992px){.account-buttons{justify-content:center}}@media (width<=768px){.account-buttons{justify-content:center;gap:8px;width:100%}.account-btn{min-width:82px;height:34px;padding:0 12px;font-size:12px}}@media (width<=480px){.account-buttons{grid-template-columns:repeat(2,1fr);width:100%;display:grid}.account-btn{width:100%}}.account-entry-page{box-sizing:border-box;width:100%;margin:0;padding:0}.account-entry-page.loading{pointer-events:none;opacity:.7}@media (width<=768px){.account-entry-page{width:100%}}.unit-header-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:20px;overflow:hidden;box-shadow:0 4px 15px #00000014}.unit-header-title{color:#fff;background:#2563eb;justify-content:center;align-items:center;height:54px;display:flex}.unit-title-content{justify-content:center;align-items:center;gap:10px;display:flex}.unit-header-icon-wrapper{background:#ffffff26;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.unit-header-icon{color:#facc15;fill:#facc15;filter:drop-shadow(0 2px 3px #0000004d);flex-shrink:0;width:24px;height:24px;font-size:24px;display:block}.unit-header-title h3{letter-spacing:.8px;text-transform:uppercase;color:#fff;margin:0;font-size:22px;font-weight:700;line-height:1}.unit-header-body{grid-template-columns:1fr 2fr;align-items:end;gap:16px;padding:18px 20px;display:grid}.form-group{flex-direction:column;display:flex}.form-group label{color:#374151;text-transform:uppercase;letter-spacing:.3px;margin-bottom:6px;font-size:13px;font-weight:600}.form-group label span{color:#dc2626}.form-group input{box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;height:36px;padding:0 12px;font-size:14px;transition:all .25s}.form-group input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.form-group input:disabled{color:#374151;cursor:not-allowed;background:#f8fafc}@media (width<=768px){.unit-header-title{height:48px}.unit-title-content{gap:8px}.unit-header-icon-wrapper{width:30px;height:30px}.unit-header-icon{width:20px;height:20px;font-size:20px}.unit-header-title h3{font-size:18px}.unit-header-body{grid-template-columns:1fr;gap:14px;padding:16px}.form-group input{height:34px}}.unit-table-card{background:#fff;border:1px solid #dbe3ee;border-radius:10px;margin-bottom:20px;overflow:hidden;box-shadow:0 3px 10px #0000000d}.unit-table-header{color:#fff;background:#2563eb;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.unit-table-header h3{letter-spacing:.3px;margin:0;font-size:18px;font-weight:600}.unit-table-header span{font-size:13px;font-weight:500}.unit-table-toolbar{background:#f8fafc;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:18px;padding:10px 18px;display:flex}.table-search-box{width:240px;position:relative}.table-search-icon{color:#64748b;font-size:14px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.table-search-box input{box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:6px;outline:none;width:100%;height:34px;padding:0 12px 0 36px;font-size:13px;transition:all .25s}.table-search-box input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb26}.table-filter{align-items:center;gap:8px;display:flex}.table-filter label{color:#374151;font-size:13px;font-weight:600}.table-filter select{background:#fff;border:1px solid #d1d5db;border-radius:6px;outline:none;width:160px;height:34px;padding:0 10px;font-size:13px}.table-filter select:focus{border-color:#2563eb}.unit-table-wrapper{max-height:420px;overflow:auto}.unit-table-wrapper::-webkit-scrollbar{width:8px;height:8px}.unit-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:20px}.unit-table-wrapper::-webkit-scrollbar-track{background:#f8fafc}.unit-table{border-collapse:collapse;width:100%;min-width:950px}.unit-table thead th{z-index:10;color:#fff;text-align:center;white-space:nowrap;background:#1d4ed8;border:1px solid #2563eb;height:40px;padding:8px 10px;font-size:13px;font-weight:600;position:sticky;top:0}.unit-table td{text-align:center;vertical-align:middle;border:1px solid #e5e7eb;height:38px;padding:6px 10px;font-size:13px;line-height:1.2}.unit-table tbody tr:nth-child(2n){background:#fafafa}.unit-table tbody tr:hover{cursor:pointer;background:#edf6ff;transition:all .15s}.selected-row{background:#dbeafe!important}.status{color:#fff;border-radius:14px;justify-content:center;align-items:center;min-width:68px;height:24px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.active{background:#16a34a}.inactive{background:#dc2626}.no-data{text-align:center;color:#6b7280;padding:35px;font-size:14px}@media (width<=992px){.unit-table-toolbar{flex-direction:column;align-items:stretch}.table-search-box{width:100%}.table-filter{justify-content:space-between;width:100%}.table-filter select{flex:1}}@media (width<=768px){.unit-table-header{flex-direction:column;align-items:flex-start;gap:8px}.unit-table-header h3{font-size:17px}.unit-table-header span{font-size:13px}}.pagination-container{background:#fff;border-top:1px solid #e5e7eb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:10px 18px;display:flex}.pagination-info{color:#4b5563;font-size:13px;font-weight:500}.pagination-info strong{color:#111827;font-weight:600}.pagination-buttons{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.pagination-buttons button{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;width:32px;min-width:32px;height:32px;font-size:13px;font-weight:600;transition:all .2s}.pagination-buttons button:hover:not(:disabled){color:#fff;background:#2563eb;border-color:#2563eb}.pagination-buttons button:active:not(:disabled){transform:scale(.95)}.pagination-buttons button:disabled{color:#9ca3af;cursor:not-allowed;background:#f3f4f6}.active-page{box-shadow:0 2px 6px #2563eb40;color:#fff!important;background:#2563eb!important;border-color:#2563eb!important}.rows-dropdown{color:#374151;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.rows-dropdown select{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;outline:none;width:70px;height:32px;padding:0 8px;font-size:13px;transition:all .2s}.rows-dropdown select:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb26}@media (width<=768px){.pagination-container{justify-content:center;gap:12px}.pagination-info{text-align:center;width:100%}.pagination-buttons{justify-content:center}.rows-dropdown{justify-content:center;width:100%}}.unit-footer{background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:flex-end;align-items:center;margin-top:8px;padding:10px 16px;display:flex;box-shadow:0 3px 10px #0000000f}@media (width<=992px){.unit-footer{justify-content:center}}@media (width<=768px){.unit-footer{justify-content:center;padding:10px}}.unit-buttons{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.btn{color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-width:96px;height:34px;padding:0 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 6px #00000014}.btn svg{font-size:13px}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 10px #00000026}.btn:active:not(:disabled){transform:scale(.98)}.new-btn{background:#6b7280}.new-btn:hover:not(:disabled){background:#4b5563}.save-btn{background:#16a34a}.save-btn:hover:not(:disabled){background:#15803d}.view-btn{background:#0891b2}.view-btn:hover:not(:disabled){background:#0e7490}.edit-btn{background:#84cc16}.edit-btn:hover:not(:disabled){background:#65a30d}.update-btn{background:#2563eb}.update-btn:hover:not(:disabled){background:#1d4ed8}.delete-btn{background:#dc2626}.delete-btn:hover:not(:disabled){background:#b91c1c}.print-btn{background:#6d28d9}.print-btn:hover:not(:disabled){background:#5b21b6}.btn:disabled{color:#6b7280;cursor:not-allowed;opacity:.75;box-shadow:none;background:#d1d5db}@media (width<=992px){.unit-buttons{justify-content:center}}@media (width<=768px){.unit-buttons{justify-content:center;gap:8px;width:100%}.btn{min-width:82px;height:34px;padding:0 12px;font-size:12px}}@media (width<=480px){.unit-buttons{grid-template-columns:repeat(2,1fr);width:100%;display:grid}.btn{width:100%}}.unit-entry-page{box-sizing:border-box;width:100%;margin:0;padding:0}.unit-entry-page.loading{pointer-events:none;opacity:.7}@media (width<=768px){.unit-entry-page{width:100%}}.admin-header{justify-content:space-between;align-items:center;gap:20px;width:100%;margin-bottom:20px;display:flex}.admin-header-left{align-items:center;gap:14px;min-width:0;display:flex}.admin-header-icon{background:#eff6ff;border:1px solid #dbeafe;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:23px;display:flex}.admin-header h1{color:#1e293b;margin:0;font-size:23px;font-weight:700;line-height:1.25}.admin-header p{color:#64748b;margin:5px 0 0;font-size:14px;line-height:1.4}.admin-create-btn{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 16px;font-size:14px;font-weight:600;transition:background .2s,box-shadow .2s,transform .15s;display:inline-flex}.admin-create-btn:hover{background:#1d4ed8;box-shadow:0 5px 14px #2563eb38}.admin-create-btn:active{transform:translateY(1px)}.admin-create-icon{font-size:20px;font-weight:400;line-height:1}@media (width<=640px){.admin-header{flex-direction:column;align-items:flex-start}.admin-create-btn{width:100%}}.admin-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.admin-summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:13px;min-height:86px;padding:16px;display:flex;box-shadow:0 2px 8px #0f172a0a}.admin-summary-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;font-weight:700;display:flex}.admin-summary-icon.total{color:#2563eb;background:#eff6ff}.admin-summary-icon.active{color:#16a34a;background:#ecfdf5}.admin-summary-icon.inactive{color:#ea580c;background:#fff7ed}.admin-summary-content{flex-direction:column;min-width:0;display:flex}.admin-summary-content span{color:#64748b;margin-bottom:4px;font-size:13px;font-weight:500}.admin-summary-content strong{color:#1e293b;font-size:22px;font-weight:700;line-height:1}@media (width<=800px){.admin-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.admin-summary{grid-template-columns:1fr}}.admin-action-bar{background:#fff;border:1px solid #e5e7eb;border-bottom:0;border-radius:12px 12px 0 0;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:10px 14px;display:flex}.admin-record-info{align-items:center;gap:8px;display:flex}.admin-record-label{color:#475569;font-size:13px;font-weight:600}.admin-record-count{color:#334155;background:#f1f5f9;border-radius:6px;justify-content:center;align-items:center;min-width:28px;height:24px;padding:0 8px;font-size:12px;font-weight:700;display:inline-flex}.admin-refresh-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #dbe3ef;border-radius:7px;align-items:center;gap:6px;height:34px;padding:0 11px;font-size:13px;font-weight:600;display:inline-flex}.admin-refresh-btn:hover{background:#f8fafc;border-color:#cbd5e1}.admin-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.admin-refresh-icon{font-size:18px;line-height:1}.spinning{animation:.8s linear infinite admin-spin}@keyframes admin-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=520px){.admin-action-bar{padding:9px 10px}}.admin-search{background:#fff;border:1px solid #e5e7eb;grid-template-columns:minmax(240px,1fr) 160px auto auto;gap:10px;margin-bottom:14px;padding:12px 14px;display:grid}.admin-search-main{align-items:center;height:42px;display:flex;position:relative}.admin-search-main input{color:#1e293b;background:#fff;border:1px solid #dbe3ef;border-radius:8px;outline:none;width:100%;height:42px;padding:0 14px 0 38px;font-size:13px;transition:border-color .2s,box-shadow .2s}.admin-search-main input::placeholder{color:#94a3b8}.admin-search-main input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.admin-search-icon{z-index:1;color:#64748b;pointer-events:none;font-size:14px;position:absolute;left:13px}.admin-filter-select{color:#334155;cursor:pointer;background:#fff;border:1px solid #dbe3ef;border-radius:8px;outline:none;width:100%;height:42px;padding:0 11px;font-size:13px}.admin-filter-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.admin-clear-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #dbe3ef;border-radius:8px;height:42px;padding:0 14px;font-size:13px;font-weight:600}.admin-clear-btn:hover{background:#f8fafc;border-color:#cbd5e1}@media (width<=900px){.admin-search{grid-template-columns:1fr 160px}.admin-search-main{grid-column:1/-1}}@media (width<=520px){.admin-search{grid-template-columns:1fr;padding:10px}.admin-search-main{grid-column:auto}}.admin-row-actions{justify-content:center;align-items:center;width:100%;display:flex;position:relative}.admin-menu-trigger{color:#64748b;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;font-size:20px;font-weight:600;line-height:1;transition:background-color .15s,border-color .15s,color .15s;display:flex}.admin-menu-trigger:hover{color:#1e293b;background:#f1f5f9;border-color:#e2e8f0}.admin-action-menu{z-index:9999;white-space:normal;background:#fff;border:1px solid #e2e8f0;border-radius:9px;width:160px;padding:5px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 10px 25px #0f172a1f,0 3px 8px #0f172a0f}.admin-action-menu button{color:#334155;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;width:100%;min-height:36px;padding:0 10px;font-family:inherit;font-size:13px;font-weight:500;transition:background-color .15s,color .15s;display:flex}.admin-action-menu button:hover{color:#1e293b;background:#f8fafc}.admin-action-menu button.danger{color:#dc2626}.admin-action-menu button.danger:hover{color:#b91c1c;background:#fef2f2}@media (width<=768px){.admin-action-menu{width:150px;right:0}}.admin-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:0 0 12px 12px;width:100%;position:relative;overflow:visible}.admin-table-scroll{width:100%;position:relative;overflow:auto visible}.admin-table{border-collapse:collapse;width:100%;min-width:1050px}.admin-table thead th{color:#475569;text-align:left;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;height:46px;padding:0 14px;font-size:12px;font-weight:700}.admin-table tbody td{color:#334155;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #eef2f7;height:66px;padding:9px 14px;font-size:13px}.admin-table tbody tr:last-child td{border-bottom:0}.admin-table tbody tr:hover{background:#fafcff}.admin-user-cell{align-items:center;gap:10px;min-width:190px;display:flex}.admin-avatar{color:#2563eb;background:#eff6ff;border:1px solid #dbeafe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:12px;font-weight:700;display:flex}.admin-user-details{flex-direction:column;min-width:0;display:flex}.admin-user-details strong{color:#1e293b;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.admin-user-details span{color:#94a3b8;margin-top:3px;font-size:11px}.admin-status{align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.admin-status.active{color:#15803d}.admin-status.inactive{color:#b45309}.status-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:7px;height:7px}.actions-column{width:70px;min-width:70px;text-align:center!important}.admin-table td.actions-column{position:relative;overflow:visible}.admin-table td.actions-column .admin-row-actions{z-index:100;position:relative}.admin-table td.actions-column .admin-action-menu{z-index:9999}.admin-table-loading{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:260px;font-size:13px;display:flex}.admin-loader{border:3px solid #dbeafe;border-top-color:#2563eb;border-radius:50%;width:30px;height:30px;animation:.8s linear infinite admin-table-spin}@keyframes admin-table-spin{to{transform:rotate(360deg)}}.admin-empty-state{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:260px;padding:30px;display:flex}.admin-empty-icon{background:#f1f5f9;border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:12px;font-size:22px;display:flex}.admin-empty-state h3{color:#334155;margin:0;font-size:16px}.admin-empty-state p{color:#94a3b8;margin:6px 0 0;font-size:13px}.admin-mobile-list{display:none}@media (width<=768px){.admin-table-scroll{display:none}.admin-mobile-list{flex-direction:column;gap:10px;padding:10px;display:flex}.admin-table-container{border-radius:12px}.admin-mobile-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:14px;position:relative;overflow:visible}.admin-mobile-top{border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;gap:10px;padding-bottom:12px;display:flex;position:relative;overflow:visible}.admin-mobile-top .admin-row-actions{z-index:100;position:relative}.admin-mobile-top .admin-action-menu{z-index:9999}.admin-mobile-details{grid-template-columns:1fr 1fr;gap:12px;padding-top:12px;display:grid}.admin-mobile-details>div{flex-direction:column;gap:4px;min-width:0;display:flex}.admin-mobile-details span:first-child{color:#94a3b8;font-size:11px;font-weight:500}.admin-mobile-details strong{text-overflow:ellipsis;color:#334155;font-size:12px;font-weight:600;overflow:hidden}}@media (width<=420px){.admin-mobile-details{grid-template-columns:1fr}}.admin-pagination{background:#fff;border:1px solid #e5e7eb;border-top:0;border-radius:0 0 12px 12px;justify-content:space-between;align-items:center;gap:15px;min-height:58px;padding:10px 14px;display:flex}.admin-pagination-info{color:#64748b;white-space:nowrap;font-size:12px}.admin-pagination-info strong{color:#334155;font-weight:600}.admin-pagination-controls{align-items:center;gap:4px;display:flex}.admin-page-size{color:#475569;background:#fff;border:1px solid #dbe3ef;border-radius:7px;outline:none;height:34px;margin-right:8px;padding:0 8px;font-size:12px}.admin-pagination-controls button{color:#475569;cursor:pointer;background:#fff;border:1px solid #dbe3ef;border-radius:7px;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;display:flex}.admin-pagination-controls button:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.admin-pagination-controls button.active{color:#fff;background:#2563eb;border-color:#2563eb}.admin-pagination-controls button:disabled{opacity:.45;cursor:not-allowed}.admin-page-ellipsis{text-align:center;color:#94a3b8;width:28px;font-size:12px}@media (width<=650px){.admin-pagination{flex-direction:column;align-items:flex-start}.admin-pagination-controls{justify-content:flex-end;width:100%}}@media (width<=420px){.admin-page-size{display:none}}.admin-entry{box-sizing:border-box;background:#f5f7fb;width:100%;min-height:100%;padding:20px}.admin-page-error{box-sizing:border-box;color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:9px;justify-content:space-between;align-items:center;gap:15px;width:100%;min-height:44px;margin-bottom:14px;padding:8px 12px;font-size:13px;font-weight:500;display:flex}.admin-page-error-message{align-items:center;gap:9px;min-width:0;display:flex}.admin-error-icon{color:#b91c1c;background:#fee2e2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:flex}.admin-page-error>button{color:#b91c1c;cursor:pointer;background:0 0;border:0;border-radius:6px;flex-shrink:0;width:28px;height:28px;font-size:20px;line-height:1}.admin-page-error>button:hover{background:#fee2e2}@media (width<=900px){.admin-entry{padding:16px}}@media (width<=600px){.admin-entry{padding:12px}.admin-page-error{align-items:flex-start}}@media (width<=420px){.admin-entry{padding:10px}}.admin-registration-page{box-sizing:border-box;background:#f5f7fb;min-height:100vh;padding:24px}.admin-registration-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;width:100%;max-width:980px;margin:0 auto;overflow:hidden;box-shadow:0 4px 18px #0f172a0f}.admin-registration-header{border-bottom:1px solid #eef2f7;align-items:center;gap:16px;min-height:82px;padding:18px 24px;display:flex}.admin-registration-back{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:20px;transition:all .2s;display:flex}.admin-registration-back:hover{color:#2563eb;background:#f8fafc;border-color:#bfdbfe}.admin-registration-title{align-items:center;gap:13px;min-width:0;display:flex}.admin-registration-icon{background:#eff6ff;border:1px solid #dbeafe;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:21px;display:flex}.admin-registration-title h1{color:#1e293b;margin:0;font-size:21px;font-weight:700;line-height:1.3}.admin-registration-title p{color:#64748b;margin:4px 0 0;font-size:13px}.admin-registration-alert{box-sizing:border-box;border-radius:8px;align-items:center;gap:10px;min-height:44px;margin:18px 24px 0;padding:9px 11px;font-size:13px;font-weight:500;display:flex}.admin-registration-alert.error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.admin-registration-alert.success{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.admin-registration-alert .alert-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:flex}.admin-registration-alert.error .alert-icon{background:#fee2e2}.admin-registration-alert.success .alert-icon{background:#dcfce7}.admin-registration-alert button{width:25px;height:25px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:5px;margin-left:auto;font-size:18px}.admin-registration-alert button:hover{background:#0000000a}.admin-form-section{border-bottom:1px solid #eef2f7;padding:25px 24px}.admin-section-heading{align-items:flex-start;gap:11px;margin-bottom:20px;display:flex}.section-number{color:#2563eb;background:#eff6ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:10px;font-weight:700;display:flex}.admin-section-heading h2{color:#334155;margin:0;font-size:15px;font-weight:700}.admin-section-heading p{color:#94a3b8;margin:4px 0 0;font-size:12px}.admin-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px;display:grid}.admin-form-group{flex-direction:column;min-width:0;display:flex}.admin-form-group.full{grid-column:1/-1}.admin-form-group label{color:#334155;margin-bottom:7px;font-size:13px;font-weight:600}.admin-form-group label span{color:#dc2626;margin-left:3px}.admin-form-group input,.admin-form-group select{box-sizing:border-box;color:#1e293b;background:#fff;border:1px solid #dbe3ef;border-radius:8px;outline:none;width:100%;height:44px;padding:0 12px;font-family:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s}.admin-form-group input::placeholder{color:#94a3b8}.admin-form-group input:focus,.admin-form-group select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.admin-form-group input:disabled,.admin-form-group select:disabled{color:#94a3b8;cursor:not-allowed;background:#f8fafc}.admin-form-group small{color:#94a3b8;margin-top:6px;font-size:11px;line-height:1.4}.admin-registration-actions{background:#fafbfc;justify-content:flex-end;align-items:center;gap:10px;min-height:76px;padding:16px 24px;display:flex}.admin-cancel-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #dbe3ef;border-radius:8px;height:42px;padding:0 18px;font-size:13px;font-weight:600;transition:all .2s}.admin-cancel-btn:hover{background:#f8fafc;border-color:#cbd5e1}.admin-cancel-btn:disabled{opacity:.6;cursor:not-allowed}.admin-save-btn{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-width:190px;height:42px;padding:0 18px;font-size:13px;font-weight:600;transition:background .2s,box-shadow .2s;display:inline-flex}.admin-save-btn:hover{background:#1d4ed8;box-shadow:0 5px 14px #2563eb33}.admin-save-btn:disabled{opacity:.65;cursor:not-allowed;box-shadow:none}.admin-button-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite admin-button-spin}@keyframes admin-button-spin{to{transform:rotate(360deg)}}@media (width<=768px){.admin-registration-page{padding:14px}.admin-registration-header{padding:16px 18px}.admin-form-section{padding:22px 18px}.admin-registration-alert{margin-left:18px;margin-right:18px}.admin-registration-actions{padding:14px 18px}}@media (width<=600px){.admin-registration-page{background:#fff;padding:0}.admin-registration-card{min-height:100vh;box-shadow:none;border:0;border-radius:0}.admin-registration-header{align-items:flex-start;padding:14px}.admin-registration-title h1{font-size:18px}.admin-registration-title p{font-size:12px}.admin-registration-icon{width:40px;height:40px;font-size:18px}.admin-form-section{padding:20px 14px}.admin-form-grid{grid-template-columns:1fr;gap:16px}.admin-form-group.full{grid-column:auto}.admin-registration-alert{margin-left:14px;margin-right:14px}.admin-registration-actions{flex-direction:column-reverse;padding:14px}.admin-cancel-btn,.admin-save-btn{width:100%}}.admin-edit-page{box-sizing:border-box;background:#f5f7fb;min-height:100vh;padding:24px}.admin-edit-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;width:100%;max-width:980px;margin:0 auto;overflow:hidden;box-shadow:0 4px 18px #0f172a0f}.admin-edit-header{border-bottom:1px solid #eef2f7;align-items:center;gap:16px;min-height:82px;padding:18px 24px;display:flex}.admin-edit-back{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:20px;display:flex}.admin-edit-back:hover{color:#2563eb;background:#f8fafc;border-color:#bfdbfe}.admin-edit-title{align-items:center;gap:13px;display:flex}.admin-edit-icon{color:#2563eb;background:#eff6ff;border:1px solid #dbeafe;border-radius:11px;justify-content:center;align-items:center;width:46px;height:46px;font-size:20px;display:flex}.admin-edit-title h1{color:#1e293b;margin:0;font-size:21px;font-weight:700}.admin-edit-title p{color:#64748b;margin:4px 0 0;font-size:13px}.admin-edit-alert{box-sizing:border-box;border-radius:8px;align-items:center;gap:10px;min-height:44px;margin:18px 24px 0;padding:9px 11px;font-size:13px;font-weight:500;display:flex}.admin-edit-alert.error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.admin-edit-alert.success{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.admin-edit-alert .alert-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:flex}.admin-edit-alert.error .alert-icon{background:#fee2e2}.admin-edit-alert.success .alert-icon{background:#dcfce7}.admin-edit-alert button{width:25px;height:25px;color:inherit;cursor:pointer;background:0 0;border:0;margin-left:auto;font-size:18px}.admin-edit-section{border-bottom:1px solid #eef2f7;padding:25px 24px}.admin-edit-section-heading{align-items:flex-start;gap:11px;margin-bottom:20px;display:flex}.admin-edit-section-number{color:#2563eb;background:#eff6ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:10px;font-weight:700;display:flex}.admin-edit-section-heading h2{color:#334155;margin:0;font-size:15px;font-weight:700}.admin-edit-section-heading p{color:#94a3b8;margin:4px 0 0;font-size:12px}.admin-edit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px;display:grid}.admin-edit-group{flex-direction:column;min-width:0;display:flex}.admin-edit-group.full{grid-column:1/-1}.admin-edit-group label{color:#334155;margin-bottom:7px;font-size:13px;font-weight:600}.admin-edit-group label span{color:#dc2626;margin-left:3px}.admin-edit-group input,.admin-edit-group select{box-sizing:border-box;color:#1e293b;background:#fff;border:1px solid #dbe3ef;border-radius:8px;outline:none;width:100%;height:44px;padding:0 12px;font-family:inherit;font-size:13px}.admin-edit-group input:focus,.admin-edit-group select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.admin-edit-group input:disabled,.admin-edit-group select:disabled{color:#94a3b8;cursor:not-allowed;background:#f8fafc}.admin-status-toggle{cursor:pointer;align-items:center;gap:12px;width:fit-content;display:inline-flex}.admin-status-toggle input{opacity:0;pointer-events:none;position:absolute}.admin-toggle-slider{background:#cbd5e1;border-radius:20px;flex-shrink:0;width:44px;height:24px;transition:all .2s;position:relative}.admin-toggle-slider:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:all .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000026}.admin-status-toggle input:checked+.admin-toggle-slider{background:#16a34a}.admin-status-toggle input:checked+.admin-toggle-slider:after{transform:translate(20px)}.admin-toggle-content{flex-direction:column;gap:3px;display:flex}.admin-toggle-content strong{color:#334155;font-size:13px}.admin-toggle-content small{color:#94a3b8;font-size:11px}.admin-edit-security-note{color:#1e40af;background:#eff6ff;border:1px solid #dbeafe;border-radius:9px;gap:11px;margin:20px 24px;padding:13px;display:flex}.admin-edit-security-note>span{font-size:17px}.admin-edit-security-note strong{color:#1e3a8a;font-size:12px;display:block}.admin-edit-security-note p{color:#3b82f6;margin:4px 0 0;font-size:11px;line-height:1.5}.admin-edit-actions{background:#fafbfc;justify-content:flex-end;align-items:center;gap:10px;min-height:76px;padding:16px 24px;display:flex}.admin-edit-cancel{color:#475569;cursor:pointer;background:#fff;border:1px solid #dbe3ef;border-radius:8px;height:42px;padding:0 18px;font-size:13px;font-weight:600}.admin-edit-save{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-width:145px;height:42px;padding:0 18px;font-size:13px;font-weight:600;display:inline-flex}.admin-edit-save:hover{background:#1d4ed8;box-shadow:0 5px 14px #2563eb33}.admin-edit-cancel:disabled,.admin-edit-save:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.admin-edit-loading{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:400px;font-size:13px;display:flex}.admin-edit-spinner{border:3px solid #dbeafe;border-top-color:#2563eb;border-radius:50%;width:30px;height:30px;animation:.8s linear infinite admin-edit-spin}@keyframes admin-edit-spin{to{transform:rotate(360deg)}}.admin-edit-button-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite admin-edit-spin}@media (width<=768px){.admin-edit-page{padding:14px}.admin-edit-header{padding:16px 18px}.admin-edit-section{padding:22px 18px}.admin-edit-alert,.admin-edit-security-note{margin-left:18px;margin-right:18px}.admin-edit-actions{padding:14px 18px}}@media (width<=600px){.admin-edit-page{background:#fff;padding:0}.admin-edit-card{min-height:100vh;box-shadow:none;border:0;border-radius:0}.admin-edit-header{padding:14px}.admin-edit-title h1{font-size:18px}.admin-edit-title p{font-size:12px}.admin-edit-icon{width:40px;height:40px;font-size:18px}.admin-edit-section{padding:20px 14px}.admin-edit-grid{grid-template-columns:1fr;gap:16px}.admin-edit-group.full{grid-column:auto}.admin-edit-alert,.admin-edit-security-note{margin-left:14px;margin-right:14px}.admin-edit-actions{flex-direction:column-reverse;padding:14px}.admin-edit-cancel,.admin-edit-save{width:100%}}