:root,html:not(.dark){--bg-page: 243, 244, 246;--bg-surface: 255, 255, 255;--bg-elevated: 249, 250, 251;--bg-overlay: 255, 255, 255;--border: 209, 213, 219;--border-light: 229, 231, 235;--border-input: 156, 163, 175;--text-primary: 17, 24, 39;--text-secondary: 55, 65, 81;--text-muted: 107, 114, 128;--text-placeholder: 156, 163, 175;--input-bg: 255, 255, 255;--input-bg-focus: 255, 255, 255;--input-disabled: 249, 250, 251;--sidebar-bg: 255, 255, 255;--sidebar-text: 55, 65, 81;--sidebar-hover: 243, 244, 246;--sidebar-active: 239, 246, 255;--sidebar-border: 229, 231, 235;--header-bg: 255, 255, 255;--header-border: 229, 231, 235;--header-text: 17, 24, 39;--card-bg: 255, 255, 255;--card-border: 229, 231, 235;--card-shadow: 0, 0, 0;--table-header-bg: 248, 250, 252;--table-header-text: 100, 116, 139;--table-row-hover: 248, 250, 252;--table-border: 226, 232, 240;--scroll-thumb: 209, 213, 219;--scroll-track: 249, 250, 251;--numpad-bg: 243, 244, 246;--numpad-btn: 255, 255, 255;--numpad-btn-hover: 229, 231, 235;--numpad-text: 17, 24, 39;--success: 22, 163, 74;--success-light: 220, 252, 231;--error: 220, 38, 38;--error-light: 254, 226, 226;--warning: 217, 119, 6;--warning-light: 254, 243, 199;--info: 37, 99, 235;--info-light: 219, 234, 254}html.dark{--bg-page: 17, 24, 39;--bg-surface: 31, 41, 55;--bg-elevated: 55, 65, 81;--bg-overlay: 31, 41, 55;--border: 75, 85, 99;--border-light: 55, 65, 81;--border-input: 75, 85, 99;--text-primary: 249, 250, 251;--text-secondary: 209, 213, 219;--text-muted: 156, 163, 175;--text-placeholder: 107, 114, 128;--input-bg: 55, 65, 81;--input-bg-focus: 75, 85, 99;--input-disabled: 31, 41, 55;--sidebar-bg: 17, 24, 39;--sidebar-text: 209, 213, 219;--sidebar-hover: 31, 41, 55;--sidebar-active: 30, 58, 138;--sidebar-border: 55, 65, 81;--header-bg: 17, 24, 39;--header-border: 55, 65, 81;--header-text: 249, 250, 251;--card-bg: 31, 41, 55;--card-border: 55, 65, 81;--card-shadow: 0, 0, 0;--table-header-bg: 17, 24, 39;--table-header-text: 148, 163, 184;--table-row-hover: 55, 65, 81;--table-border: 55, 65, 81;--scroll-thumb: 75, 85, 99;--scroll-track: 31, 41, 55;--numpad-bg: 17, 24, 39;--numpad-btn: 31, 41, 55;--numpad-btn-hover: 55, 65, 81;--numpad-text: 249, 250, 251;--success: 34, 197, 94;--success-light: 20, 83, 45;--error: 239, 68, 68;--error-light: 127, 29, 29;--warning: 245, 158, 11;--warning-light: 120, 53, 15;--info: 59, 130, 246;--info-light: 30, 58, 138}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px #fff inset!important;-webkit-text-fill-color:#111827!important;caret-color:#111827;transition:background-color 5000s ease-in-out 0s}.dark input:-webkit-autofill,.dark input:-webkit-autofill:hover,.dark input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px #374151 inset!important;-webkit-text-fill-color:#f9fafb!important;caret-color:#f9fafb}input[type=password]::-ms-reveal,input[type=password]::-ms-clear,input[type=password]::-webkit-contacts-auto-fill-button,input[type=password]::-webkit-credentials-auto-fill-button{display:none!important;visibility:hidden}::-ms-reveal{display:none}:root{--color-base: 8, 67, 255;--color-mid: 64, 113, 255;--color-light: 120, 159, 255;--brand-gradient: linear-gradient(135deg, #0843FF, #4071FF);--brand-gradient-light: linear-gradient(135deg, #4071FF, #789FFF)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;height:100%}body{font-family:Readex Pro,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;height:100%}html[dir=ltr] body{font-family:Inter,Readex Pro,system-ui,-apple-system,sans-serif}html[dir=rtl] body{font-family:Readex Pro,system-ui,-apple-system,sans-serif}html[dir=ltr] .app-header{padding:0 .75rem 0 1.25rem}button,input,select,textarea,optgroup,option,a{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit}:root{--sidebar-w: 272px;--header-h: 60px;--radius: 8px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--transition: .15s ease;--shadow: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -1px rgba(0,0,0,.06)}.auth-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem 1rem;background-color:#f3f4f6}.dark .auth-page{background-color:#111827}.auth-logo-wrapper{display:flex;align-items:center;gap:.6rem;margin-bottom:1.5rem;font-size:1.4rem;font-weight:700;color:#111827}.dark .auth-logo-wrapper{color:#f9fafb}.logo-mark{width:42px;height:42px;border-radius:999px;background:var(--brand-gradient);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;color:#fff;flex-shrink:0;box-shadow:0 2px 8px #0843ff4d}.auth-card{width:100%;max-width:26rem;background:#fff;border-radius:var(--radius-lg);box-shadow:0 4px 24px #0000001a,0 1px 4px #0000000f;padding:2rem 2.25rem;overflow:hidden}.dark .auth-card{background:#1f2937;color:#f9fafb}.auth-form{display:flex;flex-direction:column;gap:0}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.25rem;text-align:start}.dark .form-label{color:#d1d5db}.form-input{display:block;width:100%;padding:.55rem .85rem;background:#fff;border:1px solid #d1d5db;border-radius:var(--radius-sm);box-shadow:0 1px 2px #0000000d;font-size:.9rem;line-height:1.5;color:#111827;outline:none;transition:border-color .15s ease,box-shadow .15s ease;font-family:inherit;-webkit-appearance:none;appearance:none}.dark .form-input{background:#111827;border-color:#374151;color:#d1d5db}.form-select{display:block;width:100%;padding:.55rem 2.2rem .55rem .85rem;background-color:#fff;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25rem 1.25rem;border:1px solid #d1d5db;border-radius:var(--radius-sm);box-shadow:0 1px 2px #0000000d;font-size:.9rem;line-height:1.5;color:#111827;outline:none;transition:border-color .15s ease,box-shadow .15s ease;font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}[dir=rtl] .form-select{padding:.55rem .85rem .55rem 2.2rem;background-position:left .75rem center}.dark .form-select{background-color:#111827;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%239ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");border-color:#374151;color:#d1d5db}.form-select:focus{border-color:#0843ff;box-shadow:0 0 0 3px #0843ff1f,0 1px 2px #0000000d}.dark .form-select:focus{border-color:#4071ff;box-shadow:0 0 0 3px #4071ff33}.form-input:focus{border-color:#0843ff;box-shadow:0 0 0 3px #0843ff1f,0 1px 2px #0000000d}.dark .form-input:focus{border-color:#4071ff;box-shadow:0 0 0 3px #4071ff33}.form-input.input-error{border-color:#ef4444}.form-input.input-error:focus{box-shadow:0 0 0 3px #ef444426}.form-input::placeholder{color:#9ca3af;direction:ltr;unicode-bidi:plaintext}.input-wrapper input.form-input{padding-inline-start:2.75rem}.input-wrapper{position:relative;display:block;width:100%}.input-wrapper .form-input{width:100%}.password-toggle{position:absolute;top:0;bottom:0;inset-inline-start:0;padding-inline-start:.75rem;display:flex;align-items:center;background:none;border:none;color:#4b5563;cursor:pointer;padding-top:0;padding-bottom:0;transition:color .15s ease;z-index:1}.password-toggle:hover{color:#111827}.dark .password-toggle{color:#9ca3af}.dark .password-toggle:hover{color:#f9fafb}.password-toggle svg{width:20px;height:20px;pointer-events:none}.auth-row{display:flex;align-items:center;justify-content:space-between;margin-top:1rem}.auth-checkbox-label{display:flex;align-items:center;gap:.4rem;font-size:.875rem;color:#4b5563;cursor:pointer}.dark .auth-checkbox-label{color:#9ca3af}.auth-checkbox{appearance:none;-webkit-appearance:none;width:18px;height:18px;border:2px solid #d1d5db;border-radius:5px;background:#fff;cursor:pointer;position:relative;transition:all .15s;flex-shrink:0}.auth-checkbox:checked{background:rgba(var(--color-base),1);border-color:rgba(var(--color-base),1)}.auth-checkbox:checked:after{content:"";position:absolute;left:5px;top:1px;width:4px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.auth-checkbox:focus{box-shadow:0 0 0 3px rgba(var(--color-base),.2);outline:none}.dark .auth-checkbox{background:#1f2937;border-color:#4b5563}.auth-forgot{font-size:.875rem;color:#4b5563;text-decoration:underline;cursor:pointer}.auth-forgot:hover{color:#111827}.dark .auth-forgot{color:#9ca3af}.dark .auth-forgot:hover{color:#f3f4f6}.auth-submit-row{display:flex;align-items:center;justify-content:space-between;margin-top:1rem}.btn-submit{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1.25rem;background:var(--brand-gradient);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;cursor:pointer;transition:opacity var(--transition),box-shadow var(--transition);font-family:inherit;white-space:nowrap;box-shadow:0 2px 8px #0843ff4d;width:100%;justify-content:center}.btn-submit:hover:not(:disabled){opacity:.88;box-shadow:0 4px 14px #0843ff66}.btn-submit:disabled{opacity:.5;cursor:not-allowed}.btn-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;display:inline-block}.auth-create-link{font-size:.875rem;color:#4b5563}.dark .auth-create-link{color:#9ca3af}.auth-create-link a{color:#4b5563;text-decoration:underline;font-weight:500}.dark .auth-create-link a{color:#9ca3af}.auth-create-link a:hover{color:#111827}.dark .auth-create-link a:hover{color:#f9fafb}.auth-home-link{display:flex;justify-content:center;margin-top:1rem}.auth-home-link a{font-size:.875rem;color:#6b7280;text-decoration:underline;text-underline-offset:2px}.form-error-msg{margin-bottom:1rem;font-size:.875rem;font-weight:500;color:#dc2626}.dark .form-error-msg{color:#f87171}.form-success-msg{margin-bottom:1rem;font-size:.875rem;font-weight:500;color:#16a34a}.dark .form-success-msg{color:#4ade80}.error-msg{font-size:.75rem;color:#dc2626;margin-top:.2rem}.app-header{position:fixed;top:0;left:0;right:0;z-index:30;height:var(--header-h);background:#fff;border-bottom:1px solid #e5e7eb;border-top:3px solid #0843FF;display:flex;align-items:center;justify-content:space-between;padding:0 1.25rem 0 .75rem;overflow:visible}.dark .app-header{background:#1f2937;border-color:#374151}.header-logo{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:600;color:#111827;text-decoration:none;flex-shrink:0}.dark .header-logo{color:#f9fafb}.header-logo .logo-mark{width:32px;height:32px;font-size:.95rem}.header-role-badge{font-size:.65rem;font-weight:700;letter-spacing:.08em;color:#0843ff;display:block;line-height:1}.header-right{display:flex;align-items:center;gap:.75rem}.header-user-btn{display:flex;align-items:center;gap:.4rem;padding:.3rem .6rem;border-radius:var(--radius-sm);background:none;border:none;color:#374151;font-size:.82rem;cursor:pointer;transition:background var(--transition);font-family:inherit}.dark .header-user-btn{color:#d1d5db}.header-user-btn:hover{background:#f3f4f6}.dark .header-user-btn:hover{background:#374151}.header-icon-btn{width:36px;height:36px;border-radius:var(--radius-sm);background:none;border:none;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition),color var(--transition);position:relative}.header-icon-btn:hover{background:#0843ff12;color:#0843ff}.dark .header-icon-btn{color:#9ca3af}.dark .header-icon-btn:hover{background:#0843ff26;color:#789fff}.header-icon-btn svg{width:20px;height:20px}.page-title{font-size:1rem;font-weight:600;color:#111827}.dark .page-title{color:#f9fafb}.app-sidebar{position:fixed;top:0;inset-inline-start:0;z-index:20;width:var(--sidebar-w);height:100%;padding-top:var(--header-h);background:#f9fafb;border-inline-end:1px solid #e5e7eb;display:flex;flex-direction:column;transition:width var(--transition)}.dark .app-sidebar{background:#1f2937;border-color:#374151}.sidebar-nav{flex:1;overflow-y:auto;padding:1.25rem .85rem;display:flex;flex-direction:column;gap:.2rem}.nav-section{padding-top:.75rem;margin-top:.25rem;border-top:1px solid #e5e7eb}.dark .nav-section{border-color:#374151}.nav-section:first-child{border-top:none;padding-top:0;margin-top:0}.nav-section-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#9ca3af;padding:.25rem .5rem .4rem}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.55rem .75rem;border-radius:var(--radius-sm);font-size:.9rem;font-weight:400;color:#374151;cursor:pointer;transition:background var(--transition),color var(--transition);text-decoration:none;border:none;background:none;width:100%;text-align:start;line-height:1.4}.dark .nav-item{color:#d1d5db}.nav-item svg{width:18px;height:18px;flex-shrink:0;color:#6b7280}.dark .nav-item svg{color:#9ca3af}.nav-item .las,.nav-item .lar,.nav-item .lab{font-size:1.25rem;flex-shrink:0;width:20px;text-align:center;color:#6b7280;transition:color var(--transition)}.dark .nav-item .las,.dark .nav-item .lar,.dark .nav-item .lab{color:#9ca3af}.nav-item:hover .las,.nav-item:hover .lar,.nav-item:hover .lab{color:#0843ff}.dark .nav-item:hover .las,.dark .nav-item:hover .lar,.dark .nav-item:hover .lab{color:#789fff}.nav-item.active .las,.nav-item.active .lar,.nav-item.active .lab{color:#0843ff}.dark .nav-item.active .las,.dark .nav-item.active .lar,.dark .nav-item.active .lab{color:#789fff}.nav-item:hover{background:#0843ff12;color:#0843ff}.dark .nav-item:hover{background:#0843ff26;color:#789fff}.nav-item.active{background:#0843ff1a;color:#0843ff;font-weight:600}.nav-item.active svg{color:#0843ff}.dark .nav-item.active{background:#789fff26;color:#789fff}.dark .nav-item.active svg{color:#789fff}.sidebar-footer{border-top:1px solid #e5e7eb;padding:.5rem .75rem}.dark .sidebar-footer{border-color:#374151}.app-main{padding-top:var(--header-h);margin-inline-start:var(--sidebar-w);min-height:100vh;background:#f9fafb;overflow-y:auto}.dark .app-main{background:#111827}.page-wrapper{padding:1.5rem 1.75rem}.card{background:#fff;border:1px solid #e5e7eb;border-radius:var(--radius-md);padding:1.35rem 1.5rem;box-shadow:var(--shadow)}.dark .card{background:#1f2937;border-color:#374151}.card-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:.85rem;margin-bottom:.85rem;border-bottom:1px solid #e5e7eb}.dark .card-header{border-color:#374151}.card-title{font-size:.9rem;font-weight:600;color:#111827}.dark .card-title{color:#f9fafb}.stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:var(--radius-md);padding:1.25rem 1.4rem;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:.6rem}.dark .stat-card{background:#1f2937;border-color:#374151}.stat-card-inner{display:flex;align-items:center;justify-content:space-between}.stat-value{font-size:1.65rem;font-weight:700;color:#111827;line-height:1.2}.dark .stat-value{color:#f9fafb}.stat-label{font-size:.82rem;color:#6b7280}.stat-icon{width:44px;height:44px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-action{display:block;width:100%;padding:.35rem .5rem;text-align:center;border:1px solid rgba(var(--color-base),.5);border-radius:var(--radius-sm);font-size:.78rem;color:rgba(var(--color-base),1);cursor:pointer;background:none;transition:background var(--transition);text-decoration:none;font-family:inherit}.stat-action:hover{background:rgba(var(--color-base),.08)}.table-wrapper{overflow-x:auto;border-radius:var(--radius-md)}table{width:100%;border-collapse:collapse;font-size:.9rem}thead tr{background:#f9fafb;border-bottom:1px solid #e5e7eb}.dark thead tr{background:#374151;border-color:#4b5563}th{padding:.75rem 1rem;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#6b7280;text-align:start;white-space:nowrap}.dark th{color:#9ca3af}td{padding:.85rem 1rem;border-bottom:1px solid #f3f4f6;color:#374151;vertical-align:middle}.dark td{border-color:#374151;color:#d1d5db}tbody tr{transition:background var(--transition)}tbody tr:hover{background:#f9fafb}.dark tbody tr:hover{background:#374151}.btn{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem 1rem;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;cursor:pointer;border:1px solid transparent;transition:all var(--transition);text-decoration:none;white-space:nowrap;font-family:inherit}.btn svg{width:15px;height:15px;flex-shrink:0}.btn-primary{background:var(--brand-gradient);color:#fff;box-shadow:0 1px 4px #0843ff40}.btn-primary:hover{opacity:.88}.btn-outline{background:#fff;color:#374151;border-color:#d1d5db}.btn-outline:hover{background:#f9fafb;border-color:#9ca3af}.dark .btn-outline{background:#1f2937;color:#d1d5db;border-color:#4b5563}.dark .btn-outline:hover{background:#374151}.btn-secondary{background:#e5e7eb;color:#374151;border-color:#d1d5db}.btn-secondary:hover{background:#d1d5db}.dark .btn-secondary{background:#374151;color:#d1d5db;border-color:#4b5563}.dark .btn-secondary:hover{background:#4b5563}.btn-danger{background:transparent;color:#dc2626;border-color:#fca5a5}.btn-danger:hover{background:#fef2f2}.dark .btn-danger{border-color:#dc262666}.dark .btn-danger:hover{background:#dc26261a}.badge{display:inline-flex;align-items:center;padding:.15rem .55rem;border-radius:999px;font-size:.72rem;font-weight:600}.badge-success{background:#dcfce7;color:#16a34a}.badge-warning{background:#fef3c7;color:#d97706}.badge-danger{background:#fee2e2;color:#dc2626}.badge-info{background:#dbeafe;color:#2563eb}.badge-purple{background:rgba(var(--color-base),.15);color:rgba(var(--color-base),1)}.badge-gray{background:#f3f4f6;color:#6b7280}.badge-select{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;padding:.22rem 1.6rem .22rem .65rem;border-radius:999px;font-size:.72rem;font-weight:600;font-family:inherit;border:1.5px solid transparent;cursor:pointer;outline:none;transition:filter .15s,box-shadow .15s;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='currentColor' opacity='.6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:calc(100% - .5rem) center;background-size:8px 5px}.badge-select:hover{filter:brightness(.94)}.badge-select:focus{box-shadow:0 0 0 2.5px rgba(var(--color-base),.25)}.badge-select.badge-success{background-color:#dcfce7;color:#16a34a;border-color:#86efac}.badge-select.badge-warning{background-color:#fef3c7;color:#d97706;border-color:#fcd34d}.badge-select.badge-danger{background-color:#fee2e2;color:#dc2626;border-color:#fca5a5}.badge-select.badge-info{background-color:#dbeafe;color:#2563eb;border-color:#93c5fd}.badge-select.badge-purple{background-color:rgba(var(--color-base),.12);color:rgba(var(--color-base),1);border-color:rgba(var(--color-base),.3)}.badge-select.badge-gray{background-color:#f3f4f6;color:#6b7280;border-color:#d1d5db}.dark .badge-success{background:#16a34a33;color:#4ade80}.dark .badge-warning{background:#d9770633;color:#fbbf24}.dark .badge-danger{background:#dc262633;color:#f87171}.dark .badge-info{background:#2563eb33;color:#60a5fa}.alert{display:flex;align-items:flex-start;gap:.5rem;padding:.65rem .9rem;border-radius:var(--radius-sm);font-size:.85rem;margin-bottom:.85rem}.alert-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.dark .alert-error{background:#dc26261a;border-color:#dc26264d;color:#f87171}.alert-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.grid-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.flex{display:flex}.flex-between{display:flex;align-items:center;justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.w-full{width:100%}.text-muted{color:#6b7280}.dark .text-muted{color:#9ca3af}.text-sm{font-size:.82rem}.font-semibold{font-weight:600}.text-gray-900{color:#111827}.dark .text-gray-900{color:#f9fafb}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent;border-radius:999px}::-webkit-scrollbar-thumb{background:#94a3b899;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#64748bcc}.dark ::-webkit-scrollbar-thumb{background:#4b5563cc}.dark ::-webkit-scrollbar-thumb:hover{background:#6b7280e6}.modal-overlay{position:fixed;inset:0;background:#00000080;z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .18s ease}.modal-box{background:#fff;border-radius:16px;box-shadow:0 24px 64px #0000002e,0 0 0 1px #0000000f;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;animation:slideUp .22s cubic-bezier(.22,1,.36,1)}.modal-sm{max-width:420px}.modal-md{max-width:640px}.modal-lg{max-width:800px}.dark .modal-box{background:#1f2937;box-shadow:0 24px 64px #0006,0 0 0 1px #ffffff0f}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.4rem;border-bottom:1px solid #f0f2f7;background:#fafbff;border-radius:16px 16px 0 0}.dark .modal-header{border-color:#374151;background:#ffffff08}.modal-header h3{font-size:.93rem;font-weight:700;color:#111827;display:flex;align-items:center;gap:.5rem}.modal-header h3 i{color:var(--primary, #0843ff);font-size:1.1rem}.dark .modal-header h3{color:#f9fafb}.modal-close{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:1rem;line-height:1;padding:.3rem;border-radius:6px;transition:all .15s;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.modal-close:hover{color:#374151;background:#f3f4f6}.dark .modal-close:hover{background:#374151;color:#f9fafb}.modal-body{padding:1.5rem 1.4rem 1rem;display:flex;flex-direction:column;gap:1rem}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.6rem;padding:1rem 1.4rem;border-top:1px solid #f0f2f7;background:#fafbff;border-radius:0 0 16px 16px}.dark .modal-footer{border-color:#374151;background:#ffffff05}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}.flex-center{display:flex;align-items:center;justify-content:center}.sidebar-toggle-btn{display:none;width:36px;height:36px;border-radius:var(--radius-sm);background:none;border:none;color:#6b7280;cursor:pointer;align-items:center;justify-content:center;transition:background var(--transition),color var(--transition);font-size:1.3rem;flex-shrink:0}.sidebar-toggle-btn:hover{background:#0843ff12;color:#0843ff}.dark .sidebar-toggle-btn{color:#9ca3af}.dark .sidebar-toggle-btn:hover{background:#0843ff26;color:#789fff}.sidebar-overlay{display:none;position:fixed;inset:0;background:#00000059;z-index:19;animation:fadeIn .2s ease}@media(max-width:1024px){.sidebar-toggle-btn{display:flex}.app-sidebar{position:fixed;top:0;inset-inline-start:0;z-index:20;height:100%;transform:translate(100%);transition:transform .28s cubic-bezier(.4,0,.2,1);box-shadow:none}html[dir=rtl] .app-sidebar{transform:translate(100%)}html[dir=ltr] .app-sidebar{transform:translate(-100%)}.app-sidebar.sidebar-open{transform:translate(0)!important;box-shadow:-4px 0 24px #00000026}.sidebar-overlay.sidebar-open{display:block}.app-main{margin-inline-start:0!important}.page-wrapper{padding:1rem}@media(max-width:480px){.page-title{display:none}}}@media(max-width:1024px)and (min-width:641px){.page-wrapper{padding:1.25rem 1.5rem}}@media(max-width:640px){.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}table{min-width:540px}.stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:.75rem!important}.modal-overlay{align-items:flex-end;padding:0}.modal-box{max-width:100%;border-radius:16px 16px 0 0;max-height:92vh;animation:slideUp .25s ease}.card{padding:1rem}.filter-row{flex-direction:column;align-items:stretch}.hide-mobile{display:none!important}}.upload-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem 1rem;border:1.5px dashed #d1d5db;border-radius:8px;cursor:pointer;font-size:.85rem;color:#6b7280;background:#f9fafb;transition:all .2s}.upload-btn:hover{border-color:#7c3aed;color:#7c3aed;background:#f5f3ff}.upload-btn i{font-size:1.1rem}.btn-success-outline{background:transparent;border:1.5px solid #059669;color:#059669}.btn-success-outline:hover{background:#ecfdf5}.btn-danger-outline{background:transparent;border:1.5px solid #ef4444;color:#ef4444}.btn-danger-outline:hover{background:#fef2f2}@media print{body *{visibility:hidden}#pos-print-receipt,#pos-print-receipt *{visibility:visible}#pos-print-receipt{position:absolute;left:0;top:0;width:80mm;margin:0;padding:2mm;font-family:Readex Pro,sans-serif;color:#000!important;background:#fff!important;font-size:11px;line-height:1.4}@page{margin:0}}