@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";.card{position:relative;display:flex;flex-direction:column;background-color:#fff;border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-normal)}.card-default{border:1px solid var(--gray-200);box-shadow:var(--shadow-sm)}.card-outlined{border:2px solid var(--gray-300);box-shadow:none}.card-elevated{border:none;box-shadow:var(--shadow-lg)}.card-interactive{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.card-interactive:hover{border-color:var(--primary-300)}.card-gradient{border:1px solid var(--gray-200);background:linear-gradient(135deg,var(--gray-50) 0%,white 100%);box-shadow:var(--shadow-md)}.card-alramrami{border:1px solid var(--alramrami-secondary);background:linear-gradient(135deg,var(--alramrami-light) 0%,#ffffff 100%);box-shadow:var(--shadow-md)}.card-pridemuscat{border:1px solid var(--pridemuscat-secondary);background:linear-gradient(135deg,var(--pridemuscat-light) 0%,#ffffff 100%);box-shadow:var(--shadow-md)}.card-header{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-6);padding-bottom:var(--space-4)}.card-title{margin:0;font-size:var(--text-xl);font-weight:var(--font-semibold);line-height:var(--leading-tight);letter-spacing:-.025em;color:var(--gray-900)}.card-description{margin:0;font-size:var(--text-sm);color:var(--gray-600);line-height:var(--leading-normal)}.card-content{flex:1;padding:var(--space-6);padding-top:0}.card-footer{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-6);padding-top:0}[data-theme=dark] .card{background-color:var(--gray-800)}[data-theme=dark] .card-default{border-color:var(--gray-700)}[data-theme=dark] .card-outlined{border-color:var(--gray-600)}[data-theme=dark] .card-elevated{box-shadow:0 10px 25px #0000004d}[data-theme=dark] .card-gradient{border-color:var(--gray-700);background:linear-gradient(135deg,var(--gray-900) 0%,var(--gray-800) 100%)}[data-theme=dark] .card-interactive:hover{border-color:var(--primary-600)}[data-theme=dark] .card-title{color:var(--gray-100)}[data-theme=dark] .card-description{color:var(--gray-400)}[dir=rtl] .card-header,[dir=rtl] .card-content,[dir=rtl] .card-footer{direction:rtl}[dir=rtl] .card-footer{flex-direction:row-reverse}@media (max-width: 768px){.card-header,.card-content,.card-footer{padding:var(--space-4)}.card-content,.card-footer{padding-top:0}.card-title{font-size:var(--text-lg)}}@media (max-width: 480px){.card-header,.card-content,.card-footer{padding:var(--space-3)}.card-content{padding-top:0}.card-footer{padding-top:0;flex-wrap:wrap}}.card-hoverable{transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.card-hoverable:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.card-compact .card-header,.card-compact .card-content,.card-compact .card-footer{padding:var(--space-4)}.card-compact .card-content,.card-compact .card-footer{padding-top:0}.card-loading{opacity:.6;pointer-events:none;cursor:not-allowed}.card-disabled{opacity:.5;pointer-events:none;cursor:not-allowed}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-medium);font-family:var(--font-sans);transition:all var(--transition-normal);cursor:pointer;border:1px solid transparent;text-decoration:none;outline:none;position:relative;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px;border-radius:var(--radius-lg)}.btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btn-small{min-height:2rem;padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.btn-medium{min-height:2.5rem;padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.btn-large{min-height:3rem;padding:var(--space-3) var(--space-6);font-size:var(--text-base)}.btn-icon{width:2.5rem;height:2.5rem;padding:0}.btn-icon-only{padding:0;aspect-ratio:1}.btn-icon-only.btn-small{width:2rem;height:2rem}.btn-icon-only.btn-medium{width:2.5rem;height:2.5rem}.btn-icon-only.btn-large{width:3rem;height:3rem}.btn-full-width{width:100%}.btn-primary{background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 100%);color:#fff;box-shadow:0 2px 4px #0000001a}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-700) 0%,var(--primary-800) 100%);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px #0000001a}.btn-secondary{background-color:var(--gray-100);color:var(--gray-700);border:1px solid var(--gray-200)}.btn-secondary:hover:not(:disabled){background-color:var(--gray-200);border-color:var(--gray-300)}.btn-outline{background-color:transparent;border:1px solid var(--gray-300);color:var(--gray-700)}.btn-outline:hover:not(:disabled){background-color:var(--gray-50);border-color:var(--gray-400)}.btn-ghost{background-color:transparent;color:var(--gray-700)}.btn-ghost:hover:not(:disabled){background-color:var(--gray-100)}.btn-link{background-color:transparent;color:var(--primary-600);padding:0;min-height:auto;border:none;font-weight:var(--font-medium)}.btn-link:hover:not(:disabled){color:var(--primary-700);text-decoration:underline}.btn-link:active:not(:disabled){color:var(--primary-800)}.btn-success{background:linear-gradient(135deg,var(--success-600) 0%,var(--success-700) 100%);color:#fff;box-shadow:0 2px 4px #0000001a}.btn-success:hover:not(:disabled){background:linear-gradient(135deg,var(--success-700) 0%,var(--success-800) 100%);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-warning{background:linear-gradient(135deg,var(--warning-600) 0%,var(--warning-700) 100%);color:#fff;box-shadow:0 2px 4px #0000001a}.btn-warning:hover:not(:disabled){background:linear-gradient(135deg,var(--warning-700) 0%,var(--warning-800) 100%);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-danger{background:linear-gradient(135deg,var(--error-600) 0%,var(--error-700) 100%);color:#fff;box-shadow:0 2px 4px #0000001a}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,var(--error-700) 0%,var(--error-800) 100%);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-alramrami{background-color:var(--alramrami-primary);color:#fff;box-shadow:0 4px 12px #2c3e5033}.btn-alramrami:hover:not(:disabled){background-color:#1a252f;transform:translateY(-2px);box-shadow:0 8px 20px #2c3e504d}.btn-pridemuscat{background-color:var(--pridemuscat-primary);color:#fff;box-shadow:0 4px 12px #27ae6033}.btn-pridemuscat:hover:not(:disabled){background-color:#1e8e4f;transform:translateY(-2px);box-shadow:0 8px 20px #27ae604d}.btn-loading{color:transparent!important;pointer-events:none}.btn-loading .btn-content{visibility:hidden}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;flex-shrink:0}.btn-icon svg{width:100%;height:100%}.btn-icon-left{margin-right:calc(var(--space-2) * -.5)}.btn-icon-right{margin-left:calc(var(--space-2) * -.5)}.btn-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center}.btn-spinner-icon{width:1.25rem;height:1.25rem;animation:spin 1s linear infinite}.btn-small .btn-spinner-icon{width:1rem;height:1rem}.btn-large .btn-spinner-icon{width:1.5rem;height:1.5rem}[data-theme=dark] .btn-secondary{background-color:var(--gray-700);color:var(--gray-200);border-color:var(--gray-600)}[data-theme=dark] .btn-secondary:hover:not(:disabled){background-color:var(--gray-600);border-color:var(--gray-500)}[data-theme=dark] .btn-outline{border-color:var(--gray-600);color:var(--gray-200)}[data-theme=dark] .btn-outline:hover:not(:disabled){background-color:var(--gray-800);border-color:var(--gray-500)}[data-theme=dark] .btn-ghost{color:var(--gray-200)}[data-theme=dark] .btn-ghost:hover:not(:disabled){background-color:var(--gray-800)}[data-theme=dark] .btn-link{color:var(--primary-400)}[data-theme=dark] .btn-link:hover:not(:disabled){color:var(--primary-300)}[dir=rtl] .btn{direction:rtl}[dir=rtl] .btn-icon-left{margin-right:0;margin-left:calc(var(--space-2) * -.5)}[dir=rtl] .btn-icon-right{margin-left:0;margin-right:calc(var(--space-2) * -.5)}.input-wrapper{display:flex;flex-direction:column;gap:var(--space-2)}.input-wrapper-full{width:100%}.input-label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--gray-700);line-height:var(--leading-normal)}.input-required{color:var(--error-500);margin-left:var(--space-1)}.input-container,.textarea-container{position:relative;display:flex;align-items:center;width:100%;border:1px solid var(--gray-300);border-radius:var(--radius-lg);background-color:#fff;transition:all var(--transition-normal)}.input-container:hover,.textarea-container:hover{border-color:var(--gray-400)}.input-container-focused,.textarea-container-focused{border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a;outline:none}.input-container-small{min-height:2rem}.input-container-medium{min-height:2.5rem}.input-container-large{min-height:3rem}.input-container-error,.textarea-container-error{border-color:var(--error-500)}.input-container-error:hover,.textarea-container-error:hover{border-color:var(--error-600)}.input-container-error.input-container-focused,.textarea-container-error.textarea-container-focused{border-color:var(--error-500);box-shadow:0 0 0 3px #ef44441a}.input-container-success,.textarea-container-success{border-color:var(--success-500)}.input-container-success:hover,.textarea-container-success:hover{border-color:var(--success-600)}.input-container-success.input-container-focused,.textarea-container-success.textarea-container-focused{border-color:var(--success-500);box-shadow:0 0 0 3px #22c55e1a}.input{flex:1;width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-family:var(--font-sans);color:var(--gray-900);background:transparent;border:none;outline:none;transition:none}.input::-moz-placeholder{color:var(--gray-400)}.input::placeholder{color:var(--gray-400)}.input:disabled{cursor:not-allowed;opacity:.6;background-color:var(--gray-50)}.input-small{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.input-large{padding:var(--space-3) var(--space-4);font-size:var(--text-base)}.input-with-left-icon{padding-left:var(--space-10)}.input-with-right-icon{padding-right:var(--space-10)}.input-icon-wrapper{position:absolute;display:flex;align-items:center;justify-content:center;width:2.5rem;height:100%;color:var(--gray-500);pointer-events:none}.input-icon-left{left:0}.input-icon-right{right:0}.input-icon{width:1.25rem;height:1.25rem}.input-validation-icon{width:1.25rem;height:1.25rem;flex-shrink:0}.input-error-icon{color:var(--error-500)}.input-success-icon{color:var(--success-500)}.input-password-toggle{display:flex;align-items:center;justify-content:center;width:2.5rem;height:100%;padding:0;border:none;background:transparent;color:var(--gray-500);cursor:pointer;transition:color var(--transition-fast);pointer-events:auto}.input-password-toggle:hover{color:var(--gray-700)}.input-password-toggle:active{color:var(--gray-900)}.input-helper{font-size:var(--text-xs);color:var(--gray-600);line-height:var(--leading-normal)}.input-helper-error{color:var(--error-600)}.textarea-container{min-height:auto}.textarea{flex:1;width:100%;min-height:80px;padding:var(--space-3);font-size:var(--text-sm);font-family:var(--font-sans);color:var(--gray-900);background:transparent;border:none;outline:none;resize:vertical;line-height:var(--leading-relaxed)}.textarea::-moz-placeholder{color:var(--gray-400)}.textarea::placeholder{color:var(--gray-400)}.textarea:disabled{cursor:not-allowed;opacity:.6;background-color:var(--gray-50);resize:none}.input[type=file]{padding:var(--space-2)}.input[type=file]::file-selector-button{padding:var(--space-2) var(--space-3);margin-right:var(--space-3);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--gray-700);background-color:var(--gray-100);border:1px solid var(--gray-300);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.input[type=file]::file-selector-button:hover{background-color:var(--gray-200);border-color:var(--gray-400)}.input[type=number]::-webkit-inner-spin-button,.input[type=number]::-webkit-outer-spin-button{opacity:1}[data-theme=dark] .input-container,[data-theme=dark] .textarea-container{background-color:var(--gray-800);border-color:var(--gray-700)}[data-theme=dark] .input-container:hover,[data-theme=dark] .textarea-container:hover{border-color:var(--gray-600)}[data-theme=dark] .input-label{color:var(--gray-300)}[data-theme=dark] .input,[data-theme=dark] .textarea{color:var(--gray-100)}[data-theme=dark] .input::-moz-placeholder,[data-theme=dark] .textarea::-moz-placeholder{color:var(--gray-500)}[data-theme=dark] .input::placeholder,[data-theme=dark] .textarea::placeholder{color:var(--gray-500)}[data-theme=dark] .input:disabled,[data-theme=dark] .textarea:disabled{background-color:var(--gray-900)}[data-theme=dark] .input-icon-wrapper,[data-theme=dark] .input-password-toggle{color:var(--gray-400)}[data-theme=dark] .input-password-toggle:hover{color:var(--gray-300)}[data-theme=dark] .input-helper{color:var(--gray-400)}[data-theme=dark] .input[type=file]::file-selector-button{color:var(--gray-200);background-color:var(--gray-700);border-color:var(--gray-600)}[data-theme=dark] .input[type=file]::file-selector-button:hover{background-color:var(--gray-600);border-color:var(--gray-500)}[dir=rtl] .input-wrapper{direction:rtl}[dir=rtl] .input-required{margin-left:0;margin-right:var(--space-1)}[dir=rtl] .input-with-left-icon{padding-left:var(--space-3);padding-right:var(--space-10)}[dir=rtl] .input-with-right-icon{padding-right:var(--space-3);padding-left:var(--space-10)}[dir=rtl] .input-icon-left{left:auto;right:0}[dir=rtl] .input-icon-right{right:auto;left:0}[dir=rtl] .input[type=file]::file-selector-button{margin-right:0;margin-left:var(--space-3)}.label{font-size:.875rem;font-weight:500;line-height:1;color:var(--foreground);margin-bottom:.375rem;display:block}.label.required:after{content:" *";color:#ef4444}.label:has(+.input:disabled){cursor:not-allowed;opacity:.7}[data-theme=dark] .label{color:#d1d5db}[data-theme=dark] .label.required:after{color:#f87171}.select{display:flex;height:2.5rem;width:100%;border-radius:.375rem;border:1px solid var(--border);background-color:var(--background);padding:.5rem .75rem;font-size:.875rem;transition:all .2s ease;outline:none;cursor:pointer}.select:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.select:disabled{cursor:not-allowed;opacity:.5}.select-option{background-color:var(--background);color:var(--foreground);padding:.5rem}.select.pl-10{padding-left:2.5rem}[data-theme=dark] .select{background-color:#1f2937;border-color:#374151;color:#d1d5db}[data-theme=dark] .select:focus{border-color:#60a5fa;box-shadow:0 0 0 2px #60a5fa33}[data-theme=dark] .select-option{background-color:#1f2937;color:#d1d5db}[data-theme=dark] .select:disabled{background-color:#111827;border-color:#374151}.badge{display:inline-flex;align-items:center;border-radius:9999px;border:1px solid transparent;padding:.125rem .625rem;font-size:.75rem;font-weight:600;transition:all .2s ease;white-space:nowrap}.badge-default{background-color:#3b82f6;color:#fff}.badge-secondary{background-color:#f3f4f6;color:#374151}.badge-success{background-color:#dcfce7;color:#166534}.badge-warning{background-color:#fef3c7;color:#92400e}.badge-info{background-color:#dbeafe;color:#1e40af}.badge-outline{background-color:transparent;border-color:#e5e7eb;color:#374151}.badge-alramrami{background-color:var(--alramrami-light);color:var(--alramrami-primary);border-color:var(--alramrami-primary)}.badge-pridemuscat{background-color:var(--pridemuscat-light);color:var(--pridemuscat-primary);border-color:var(--pridemuscat-primary)}.badge:hover{opacity:.8}[data-theme=dark] .badge-default{background-color:var(--primary-700, #1d4ed8);color:#fff}[data-theme=dark] .badge-secondary{background-color:#374151;color:#d1d5db}[data-theme=dark] .badge-success{background-color:#22c55e33;color:#4ade80}[data-theme=dark] .badge-warning{background-color:#f59e0b33;color:#fbbf24}[data-theme=dark] .badge-info{background-color:#3b82f633;color:#93c5fd}[data-theme=dark] .badge-outline{background-color:transparent;border-color:#4b5563;color:#d1d5db}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.login-wrapper{width:100%;max-width:28rem;display:flex;flex-direction:column;gap:1.5rem}.login-header h1{margin-bottom:.5rem}.company-preview{border:2px solid;transition:all .3s ease}.company-icon{width:2rem;height:2rem}.company-name{margin-bottom:.25rem}.input-with-icon{position:relative}.input-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;color:#9ca3af;pointer-events:none;z-index:1}.error-message{background-color:#fef2f2;border:1px solid #fecaca;border-radius:.375rem;padding:.75rem;color:#991b1b}.demo-card{background-color:#eff6ff;border-color:#bfdbfe}.demo-card h4{color:#1e3a8a}.demo-list{color:#1e40af}.demo-list span{color:#1e3a8a}@media (max-width: 640px){.login-container{padding:.5rem}.login-wrapper{gap:1rem}.login-header h1{font-size:1.5rem}}[data-theme=dark] .login-container{background-color:#111827}[data-theme=dark] .input-icon{color:#6b7280}[data-theme=dark] .error-message{background-color:#ef44441a;border-color:#ef44444d;color:#f87171}[data-theme=dark] .demo-card{background-color:#3b82f61a;border-color:#3b82f64d}[data-theme=dark] .demo-card h4,[data-theme=dark] .demo-list,[data-theme=dark] .demo-list span{color:#93c5fd}.loading-container,.access-denied-container{display:flex;justify-content:center;align-items:center;height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0,#cbd5e0)}.loading-content,.access-denied-content{text-align:center;background-color:#fff;padding:2rem;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a}.loading-spinner{width:2rem;height:2rem;border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;margin:0 auto 1rem;animation:spin 1s linear infinite}.loading-content p{font-size:1.125rem;color:#6b7280;margin:0}.access-denied-content{color:#dc2626}.access-denied-content h2{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.access-denied-content p{color:#7f1d1d;margin:0}.alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid;background-color:#fff;box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.alert-compact{padding:var(--space-3);gap:var(--space-2)}.alert-success{border-color:var(--success-200);background-color:var(--success-50)}.alert-success .alert-icon-wrapper{color:var(--success-600)}.alert-error{border-color:var(--error-200);background-color:var(--error-50)}.alert-error .alert-icon-wrapper{color:var(--error-600)}.alert-warning{border-color:var(--warning-200);background-color:var(--warning-50)}.alert-warning .alert-icon-wrapper{color:var(--warning-600)}.alert-info{border-color:var(--info-200);background-color:var(--info-50)}.alert-info .alert-icon-wrapper{color:--info-600)}.alert-icon-wrapper{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px}.alert-icon{width:20px;height:20px}.alert-content{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.alert-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--gray-900);line-height:var(--leading-tight)}.alert-description{font-size:var(--text-sm);color:var(--gray-700);line-height:var(--leading-normal)}.alert-action{margin-top:var(--space-2)}.alert-dismiss{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;padding:0;border:none;background:transparent;color:var(--gray-500);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.alert-dismiss:hover{background-color:#0000000d;color:var(--gray-700)}.alert-dismiss:active{transform:scale(.95)}[data-theme=dark] .alert{background-color:var(--gray-800);border-color:var(--gray-700)}[data-theme=dark] .alert-title{color:var(--gray-100)}[data-theme=dark] .alert-description{color:var(--gray-300)}[data-theme=dark] .alert-success{background-color:#22c55e1a;border-color:var(--success-800)}[data-theme=dark] .alert-error{background-color:#ef44441a;border-color:var(--error-800)}[data-theme=dark] .alert-warning{background-color:#f59e0b1a;border-color:var(--warning-800)}[data-theme=dark] .alert-info{background-color:#3b82f61a;border-color:var(--info-800)}[data-theme=dark] .alert-dismiss:hover{background-color:#ffffff1a;color:var(--gray-200)}[dir=rtl] .alert{direction:rtl}[dir=rtl] .alert-content{text-align:right}.progress-bar-container{width:100%}.progress-bar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.progress-bar-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--gray-700)}.progress-bar-value{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--gray-900);font-variant-numeric:tabular-nums}.progress-bar-track{position:relative;width:100%;background-color:var(--gray-200);border-radius:var(--radius-full);overflow:hidden}.progress-bar-sm{height:4px}.progress-bar-md{height:8px}.progress-bar-lg{height:12px}.progress-bar-fill{height:100%;border-radius:var(--radius-full);transition:width .5s ease-out}.progress-bar-fill-primary{background:linear-gradient(90deg,var(--primary-500),var(--primary-600))}.progress-bar-fill-success{background:linear-gradient(90deg,var(--success-500),var(--success-600))}.progress-bar-fill-warning{background:linear-gradient(90deg,var(--warning-500),var(--warning-600))}.progress-bar-fill-error{background:linear-gradient(90deg,var(--error-500),var(--error-600))}.circular-progress{position:relative;display:inline-flex;align-items:center;justify-content:center}.circular-progress-svg{transform:rotate(-90deg)}.circular-progress-bg{fill:none;stroke:var(--gray-200)}.circular-progress-fill{fill:none;stroke-linecap:round;transition:stroke-dashoffset .5s ease-out}.circular-progress-fill-primary{stroke:var(--primary-600)}.circular-progress-fill-success{stroke:var(--success-600)}.circular-progress-fill-warning{stroke:var(--warning-600)}.circular-progress-fill-error{stroke:var(--error-600)}.circular-progress-value{position:absolute;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--gray-900);font-variant-numeric:tabular-nums}.circular-progress-lg .circular-progress-value{font-size:var(--text-lg)}.circular-progress-xl .circular-progress-value{font-size:var(--text-2xl)}.spinner{animation:spin 1s linear infinite}.spinner-primary{color:var(--primary-600)}.spinner-white{color:#fff}.spinner-gray{color:var(--gray-500)}.skeleton{background:linear-gradient(90deg,var(--gray-200) 0%,var(--gray-300) 50%,var(--gray-200) 100%);background-size:200% 100%;animation:shimmer 2s infinite linear;border-radius:var(--radius-md)}.skeleton-text{border-radius:var(--radius-sm);line-height:1.5}.skeleton-circle{border-radius:50%}.skeleton-rect{border-radius:var(--radius-md)}.skeleton-text{display:flex;flex-direction:column;gap:var(--space-2)}.skeleton-card{width:100%;border:1px solid var(--gray-200);border-radius:var(--radius-lg);overflow:hidden}.skeleton-card-image{width:100%;border-radius:0}.skeleton-card-body{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}[data-theme=dark] .progress-bar-track{background-color:var(--gray-700)}[data-theme=dark] .progress-bar-label{color:var(--gray-300)}[data-theme=dark] .progress-bar-value,[data-theme=dark] .circular-progress-value{color:var(--gray-100)}[data-theme=dark] .circular-progress-bg{stroke:var(--gray-700)}[data-theme=dark] .skeleton{background:linear-gradient(90deg,var(--gray-800) 0%,var(--gray-700) 50%,var(--gray-800) 100%);background-size:200% 100%}[data-theme=dark] .skeleton-card{border-color:var(--gray-700)}[dir=rtl] .progress-bar-header{direction:rtl}[dir=rtl] .progress-bar-fill{transform-origin:right}.stat-icon.customers{background:#3b82f61a;color:#3b82f6}.stat-icon.inventory{background:#10b9811a;color:#10b981}.stat-icon.sales{background:#f59e0b1a;color:#f59e0b}.stat-icon.profit{background:#8b5cf61a;color:#8b5cf6}.oil-dashboard-page{padding:0}.oil-dashboard-page .page-header{margin-bottom:2rem}.oil-dashboard-page .page-header h1{font-size:2rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.oil-dashboard-page .page-header p{color:#6b7280;margin:0}.stat-icon.fuel{background:#ef44441a;color:#ef4444}.oil-dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem}@media (max-width: 1024px){.oil-dashboard-grid{grid-template-columns:1fr}}.fuel-inventory{grid-column:span 2}.fuel-list{display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.fuel-item{display:grid;grid-template-columns:1fr 2fr auto;gap:1.5rem;padding:1.5rem;background:#f9fafb;border-radius:.5rem;align-items:center}.fuel-info h4{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 .25rem}.fuel-quantity{display:flex;flex-direction:column;gap:.5rem}.fuel-bar{width:100%;height:2rem;background:#e5e7eb;border-radius:1rem;overflow:hidden;position:relative}.fuel-level{height:100%;background:linear-gradient(135deg,#3b82f6,#2563eb);transition:width .3s ease;border-radius:1rem}.fuel-level.low{background:linear-gradient(135deg,#f59e0b,#d97706)}.fuel-status{padding:.375rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:500}.fuel-status.in-stock{background:#22c55e1a;color:#16a34a}.recent-orders{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.orders-list{display:flex;flex-direction:column;gap:1rem}.order-item{display:grid;grid-template-columns:1fr auto auto;gap:1rem;padding:1rem;border-radius:.5rem;background:#f9fafb;align-items:center}.order-info h4{font-size:.875rem;font-weight:600;color:#1f2937;margin:0 0 .25rem}.order-details .product{font-size:.875rem;color:#374151;margin:0 0 .25rem}.order-details .amount{font-size:.875rem;font-weight:600;color:#1f2937;margin:0}.order-status{padding:.375rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:500}.price-tracker{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.price-list{display:flex;flex-direction:column;gap:1rem}.price-unit{font-size:.75rem;color:#6b7280;margin:0}.price-value{display:flex;align-items:center;gap:.5rem}.current-price{font-size:1.125rem;font-weight:700;color:#1f2937}.fuel-list-modern{display:flex;flex-direction:column;gap:.75rem}.fuel-item-modern{background:#fff;border-radius:.75rem;padding:1.25rem;border:1px solid #e5e7eb;border-left:3px solid transparent;transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer}.fuel-item-modern:hover{transform:translate(4px);border-left-color:var(--primary-500, #3b82f6);box-shadow:0 4px 12px #00000014;background:#f9fafb}.fuel-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.fuel-name{font-size:1rem;font-weight:600;color:#1f2937;margin:0 0 .25rem;transition:color .2s ease}.fuel-item-modern:hover .fuel-name{color:var(--primary-600, #2563eb)}.fuel-grade{font-size:.875rem;color:#6b7280;margin:0}.fuel-status{padding:.375rem .875rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;transition:all .2s ease}.fuel-status.available{background:#22c55e1a;color:#16a34a}.fuel-status.low-stock{background:#f59e0b1a;color:#d97706}.fuel-status.out-of-stock{background:#ef44441a;color:#dc2626}.orders-list-modern{display:flex;flex-direction:column;gap:.75rem}.order-item-modern{background:#fff;border-radius:.75rem;padding:1.25rem;border:1px solid #e5e7eb;border-left:3px solid transparent;transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer}.order-item-modern:hover{transform:translate(4px);border-left-color:var(--primary-500, #3b82f6);box-shadow:0 4px 12px #00000014;background:#f9fafb}.order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.625rem}.order-number{font-size:.9375rem;font-weight:700;color:#1f2937;margin:0;transition:color .2s ease}.order-item-modern:hover .order-number{color:var(--primary-600, #2563eb)}.order-status{padding:.375rem .875rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.order-status.delivered{background:#22c55e1a;color:#16a34a}.order-status.pending{background:#f59e0b1a;color:#d97706}.order-status.cancelled{background:#ef44441a;color:#dc2626}.order-customer{font-size:.875rem;color:#6b7280;margin:0 0 .75rem}.order-footer{display:flex;justify-content:space-between;align-items:center;padding-top:.75rem;border-top:1px solid #f3f4f6}.order-product{font-size:.875rem;color:#374151;font-weight:500}.order-amount{font-size:1rem;font-weight:700;color:#1f2937}.order-date{font-size:.75rem;color:#9ca3af;margin:.5rem 0 0;display:flex;align-items:center;gap:.25rem}.price-list-modern{display:flex;flex-direction:column;gap:.75rem}.price-item-modern{background:#fff;border-radius:.75rem;padding:1.25rem;border:1px solid #e5e7eb;border-left:3px solid transparent;display:flex;justify-content:space-between;align-items:center;transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer}.price-item-modern:hover{transform:translate(4px);border-left-color:var(--primary-500, #3b82f6);box-shadow:0 4px 12px #00000014;background:#f9fafb}.price-info h4{font-size:.9375rem;font-weight:600;color:#1f2937;margin:0 0 .25rem;transition:color .2s ease}.price-item-modern:hover .price-info h4{color:var(--primary-600, #2563eb)}.price-unit{font-size:.8125rem;color:#6b7280;margin:0}.price-value{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.current-price{font-size:1.25rem;font-weight:700;color:#1f2937;line-height:1}.price-change{font-size:.75rem;font-weight:600;padding:.25rem .625rem;border-radius:.375rem;display:inline-flex;align-items:center;gap:.25rem}[data-theme=dark] .fuel-item-modern,[data-theme=dark] .order-item-modern,[data-theme=dark] .price-item-modern{background:#1f2937;border-color:#374151}[data-theme=dark] .fuel-item-modern:hover,[data-theme=dark] .order-item-modern:hover,[data-theme=dark] .price-item-modern:hover{background:#374151;border-left-color:#60a5fa;box-shadow:0 4px 12px #0000004d}[data-theme=dark] .fuel-name,[data-theme=dark] .order-number,[data-theme=dark] .price-info h4,[data-theme=dark] .current-price,[data-theme=dark] .order-amount{color:#f3f4f6}[data-theme=dark] .fuel-item-modern:hover .fuel-name,[data-theme=dark] .order-item-modern:hover .order-number,[data-theme=dark] .price-item-modern:hover .price-info h4{color:#93c5fd}[data-theme=dark] .fuel-grade,[data-theme=dark] .order-customer,[data-theme=dark] .price-unit,[data-theme=dark] .order-product{color:#9ca3af}[data-theme=dark] .order-footer{border-top-color:#374151}[data-theme=dark] .order-date{color:#6b7280}[data-theme=dark] .fuel-status.available{background:#22c55e33;color:#4ade80}[data-theme=dark] .fuel-status.low-stock,[data-theme=dark] .order-status.pending{background:#f59e0b33;color:#fbbf24}[data-theme=dark] .fuel-status.out-of-stock,[data-theme=dark] .order-status.cancelled{background:#ef444433;color:#f87171}[data-theme=dark] .order-status.delivered,[data-theme=dark] .price-change.positive{background:#22c55e33;color:#4ade80}[data-theme=dark] .price-change.negative{background:#ef444433;color:#f87171}.customers-icon{background:linear-gradient(135deg,var(--blue-500),var(--blue-600));color:#fff}.fuel-icon{background:linear-gradient(135deg,var(--amber-500),var(--amber-600));color:#fff}.profit-icon{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff}.fuel-list-modern{display:flex;flex-direction:column;gap:var(--space-6)}.fuel-item-modern{display:flex;flex-direction:column;gap:var(--space-3)}.fuel-header{display:flex;justify-content:space-between;align-items:flex-start}.fuel-name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--gray-900);margin:0 0 var(--space-1) 0}.fuel-grade{font-size:var(--text-sm);color:var(--gray-600);margin:0}.fuel-status{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em}.fuel-status.available{background-color:var(--success-100);color:var(--success-700)}.fuel-status.low-stock{background-color:var(--warning-100);color:var(--warning-700)}.orders-list-modern{display:flex;flex-direction:column;gap:var(--space-4)}.order-item-modern{padding:var(--space-4);border:1px solid var(--gray-200);border-radius:var(--radius-lg);background-color:var(--gray-50);transition:all var(--transition-normal)}.order-item-modern:hover{background-color:#fff;box-shadow:var(--shadow-md);transform:translateY(-2px)}.order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.order-number{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--gray-900);margin:0}.order-status{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em}.order-status.delivered{background-color:var(--success-100);color:var(--success-700)}.order-status.pending{background-color:var(--warning-100);color:var(--warning-700)}.order-customer{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--gray-700);margin:0 0 var(--space-3) 0}.order-footer{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.order-product{font-size:var(--text-sm);color:var(--gray-600)}.order-amount{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--gray-900);font-variant-numeric:tabular-nums}.order-date{font-size:var(--text-xs);color:var(--gray-500);margin:0}[data-theme=dark] .stat-value,[data-theme=dark] .fuel-name,[data-theme=dark] .order-number,[data-theme=dark] .price-name,[data-theme=dark] .order-amount,[data-theme=dark] .current-price{color:var(--gray-100)}[data-theme=dark] .fuel-grade,[data-theme=dark] .order-customer,[data-theme=dark] .order-product,[data-theme=dark] .price-unit,[data-theme=dark] .order-date{color:var(--gray-400)}[data-theme=dark] .order-item-modern,[data-theme=dark] .price-item-modern{background-color:var(--gray-900);border-color:var(--gray-700)}[data-theme=dark] .order-item-modern:hover,[data-theme=dark] .price-item-modern:hover{background-color:var(--gray-800)}@media (max-width: 768px){.page-title{font-size:var(--text-3xl)}.page-subtitle{font-size:var(--text-base)}.stats-grid-modern{grid-template-columns:1fr;gap:var(--space-4)}.quick-actions-modern{grid-template-columns:repeat(2,1fr)}.stat-value{font-size:var(--text-2xl)}.current-price{font-size:var(--text-lg)}}@media (max-width: 480px){.quick-actions-modern{grid-template-columns:1fr}.action-button-modern{height:60px}.order-footer,.price-value{flex-direction:column;align-items:flex-start}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1rem}.loading-container.small{gap:.5rem}.loading-container.large{gap:1.5rem;min-height:200px}.loading-container.medium{gap:1rem;min-height:150px}.loading-spinner{position:relative;display:inline-block}.loading-container.small .loading-spinner{width:2rem;height:2rem}.loading-container.medium .loading-spinner{width:3rem;height:3rem}.loading-container.large .loading-spinner{width:4rem;height:4rem}.spinner-ring{position:absolute;border:2px solid transparent;border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1.2s cubic-bezier(.5,0,.5,1) infinite}.loading-container.small .spinner-ring{width:2rem;height:2rem;border-width:2px}.loading-container.medium .spinner-ring{width:3rem;height:3rem;border-width:3px}.loading-container.large .spinner-ring{width:4rem;height:4rem;border-width:4px}.spinner-ring:nth-child(1){animation-delay:-.45s}.spinner-ring:nth-child(2){animation-delay:-.3s}.spinner-ring:nth-child(3){animation-delay:-.15s}.loading-message{color:#6b7280;margin:0}.loading-container.small .loading-message{font-size:.75rem}.loading-container.medium .loading-message{font-size:.875rem}.loading-container.large .loading-message{font-size:1rem;font-weight:500}.loading-overlay{position:fixed;inset:0;background:#ffffffe6;z-index:9999;display:flex;align-items:center;justify-content:center}.page-loading{padding:4rem 2rem;display:flex;align-items:center;justify-content:center;min-height:300px}[data-theme=dark] .spinner-ring{border-top-color:#60a5fa}[data-theme=dark] .loading-message{color:#9ca3af}[data-theme=dark] .loading-overlay{background:#111827e6}.workflow-dashboard-page{padding:24px;background:#f5f7fa;min-height:100vh}.workflow-dashboard-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.workflow-dashboard-page .header-content h1{font-size:28px;font-weight:700;color:#1e293b;margin:0 0 4px}.workflow-dashboard-page .welcome-message{font-size:14px;color:#64748b;margin:0}.workflow-dashboard-page .btn-refresh{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-weight:500;color:#475569;cursor:pointer;transition:all .2s}.workflow-dashboard-page .btn-refresh:hover{background:#f8fafc;border-color:#cbd5e1}.workflow-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:24px}.workflow-stats-grid .stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;transition:all .2s}.workflow-stats-grid .stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.workflow-stats-grid .stat-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.workflow-stats-grid .stat-icon{padding:8px;border-radius:8px;background:#f1f5f9}.workflow-stats-grid .stat-icon.collections{color:#0284c7;background:#e0f2fe}.workflow-stats-grid .stat-icon.orders{color:#7c3aed;background:#f3e8ff}.workflow-stats-grid .stat-icon.invoices{color:#059669;background:#d1fae5}.workflow-stats-grid .stat-icon.alerts{color:#dc2626;background:#fee2e2}.workflow-stats-grid .stat-label{font-size:13px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.workflow-stats-grid .stat-body{display:flex;flex-direction:column;gap:8px}.workflow-stats-grid .stat-number{font-size:32px;font-weight:700;color:#1e293b;line-height:1}.workflow-stats-grid .stat-detail{display:flex;align-items:center;gap:6px;font-size:13px}.workflow-stats-grid .stat-highlight{font-weight:600;padding:2px 8px;border-radius:4px}.workflow-stats-grid .stat-highlight.warning{color:#d97706;background:#fef3c7}.workflow-stats-grid .stat-highlight.info{color:#0284c7;background:#e0f2fe}.workflow-stats-grid .stat-highlight.danger,.workflow-stats-grid .stat-highlight.high{color:#dc2626;background:#fee2e2}.workflow-stats-grid .stat-text{color:#64748b}.dashboard-content-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:24px}.pending-actions-panel,.activity-feed-panel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0;background:#fafbfc}.panel-header h2{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;color:#1e293b;margin:0}.panel-header .task-count{font-size:13px;font-weight:600;color:#64748b;background:#f1f5f9;padding:4px 12px;border-radius:12px}.task-section{border-bottom:1px solid #e2e8f0}.task-section:last-child{border-bottom:none}.section-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#fafbfc;cursor:pointer;transition:background .2s}.section-header:hover{background:#f5f7fa}.section-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#475569}.section-title .priority-icon{color:#64748b}.task-section.high-priority .section-title .priority-icon{color:#dc2626}.expand-icon{font-size:12px;color:#94a3b8}.task-list{display:flex;flex-direction:column}.task-item{display:flex;align-items:center;gap:16px;padding:16px 24px;border-bottom:1px solid #f1f5f9;transition:background .2s}.task-item:hover{background:#fafbfc}.task-item:last-child{border-bottom:none}.task-item.high{border-left:3px solid #dc2626}.task-item.normal{border-left:3px solid #64748b}.task-icon-wrapper{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#f1f5f9}.action-icon.finalize{color:#059669}.action-icon.receipt{color:#0284c7}.action-icon.bill{color:#7c3aed}.action-icon.payment{color:#dc2626}.action-icon.renewal{color:#d97706}.action-icon.default{color:#64748b}.task-content{flex:1;min-width:0}.task-title{font-size:14px;font-weight:600;color:#1e293b;margin-bottom:4px}.task-description{font-size:13px;color:#64748b;margin-bottom:6px}.task-metadata{display:flex;gap:12px;font-size:12px;color:#94a3b8}.metadata-item{display:inline-flex;align-items:center;gap:4px}.task-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.urgency-badge{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;white-space:nowrap}.urgency-badge.high{background:#fee2e2;color:#dc2626}.urgency-badge.normal{background:#f1f5f9;color:#64748b}.btn-action-primary,.btn-action-secondary{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-action-primary{background:#3b82f6;color:#fff;border:none}.btn-action-primary:hover{background:#2563eb;transform:translate(2px)}.btn-action-secondary{background:#fff;color:#475569;border:1px solid #e2e8f0}.btn-action-secondary:hover{background:#f8fafc;border-color:#cbd5e1}.task-item-more{padding:12px 24px;text-align:center;font-size:13px;color:#64748b;font-weight:500}.activity-list{display:flex;flex-direction:column;max-height:600px;overflow-y:auto}.activity-item{display:flex;gap:12px;padding:16px 24px;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:background .2s}.activity-item:hover{background:#fafbfc}.activity-item:last-child{border-bottom:none}.activity-icon-wrapper{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#f1f5f9}.activity-icon.finalize{color:#059669}.activity-icon.receipt{color:#0284c7}.activity-icon.bill{color:#7c3aed}.activity-icon.payment{color:#059669}.activity-icon.default{color:#64748b}.activity-content{flex:1;min-width:0}.activity-title{font-size:13px;font-weight:600;color:#1e293b;margin-bottom:4px}.activity-description{font-size:12px;color:#64748b;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-time{font-size:11px;color:#94a3b8}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center}.empty-state .empty-icon{color:#10b981;margin-bottom:16px}.empty-state h3{font-size:18px;font-weight:600;color:#1e293b;margin:0 0 8px}.empty-state p{font-size:14px;color:#64748b;margin:0}.empty-state-small{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;text-align:center}.empty-state-small .empty-icon{color:#cbd5e1;margin-bottom:12px}.empty-state-small p{font-size:13px;color:#94a3b8;margin:0}@media (max-width: 1200px){.dashboard-content-grid{grid-template-columns:1fr}.workflow-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.workflow-dashboard-page{padding:16px}.workflow-stats-grid{grid-template-columns:1fr}.workflow-dashboard-page .page-header,.task-item{flex-direction:column;align-items:flex-start;gap:12px}.task-actions{width:100%;justify-content:space-between}}.page-loading{display:flex;align-items:center;justify-content:center;min-height:400px}.modal-overlay{position:fixed!important;inset:0!important;z-index:9999!important;display:flex!important;justify-content:center!important;align-items:center!important;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--space-4);overflow-x:hidden;overflow-y:auto;margin:0!important;transform:none!important}.modal-container{position:relative!important;display:flex;flex-direction:column;width:90%;max-width:calc(100vw - 2rem);max-height:calc(100vh - 2rem);margin:auto!important;background-color:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);overflow:hidden;outline:none;transform:none!important;inset:auto!important}.modal-sm{max-width:min(400px,calc(100vw - 2rem))}.modal-md{max-width:min(600px,calc(100vw - 2rem))}.modal-lg{max-width:min(800px,calc(100vw - 2rem))}.modal-xl{max-width:min(1000px,calc(100vw - 2rem))}.modal-xxl{max-width:min(1200px,calc(100vw - 2rem))}.modal-full{width:95%;max-width:calc(100vw - 2rem);max-height:calc(100vh - 2rem)}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--space-6);border-bottom:1px solid var(--gray-200);background-color:var(--gray-50);flex-shrink:0}.modal-header-content{flex:1;min-width:0}.modal-title{margin:0;font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--gray-900);line-height:var(--leading-tight)}.modal-description{margin:var(--space-2) 0 0 0;font-size:var(--text-sm);color:var(--gray-600);line-height:var(--leading-normal)}.modal-close-btn{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:2rem;height:2rem;padding:0;border:none;background-color:transparent;color:var(--gray-500);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.modal-close-btn:hover{background-color:var(--gray-200);color:var(--gray-700)}.modal-close-btn:active{transform:scale(.95)}.modal-close-icon{width:1.25rem;height:1.25rem}.modal-body{flex:1;padding:var(--space-6);overflow-y:auto;overflow-x:hidden}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:var(--gray-100);border-radius:var(--radius-sm)}.modal-body::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:var(--radius-sm)}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--gray-200);background-color:var(--gray-50);flex-shrink:0}.modal-custom-header{margin-bottom:var(--space-4)}.modal-custom-footer{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--gray-200)}.modal-custom-title{margin:0 0 var(--space-3) 0;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--gray-900);line-height:var(--leading-tight)}[data-theme=dark] .modal-overlay{background-color:#000c}[data-theme=dark] .modal-container{background-color:var(--gray-900);box-shadow:0 25px 50px #00000080}[data-theme=dark] .modal-header,[data-theme=dark] .modal-footer{background-color:var(--gray-800);border-color:var(--gray-700)}[data-theme=dark] .modal-title{color:var(--gray-100)}[data-theme=dark] .modal-description,[data-theme=dark] .modal-close-btn{color:var(--gray-400)}[data-theme=dark] .modal-close-btn:hover{background-color:var(--gray-700);color:var(--gray-200)}[data-theme=dark] .modal-body::-webkit-scrollbar-track{background:var(--gray-800)}[data-theme=dark] .modal-body::-webkit-scrollbar-thumb{background:var(--gray-600)}[data-theme=dark] .modal-body::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}[data-theme=dark] .modal-custom-footer{border-color:var(--gray-700)}[dir=rtl] .modal-header,[dir=rtl] .modal-footer{direction:rtl}[dir=rtl] .modal-footer{justify-content:flex-start}@media (max-width: 768px){.modal-overlay{padding:var(--space-2);align-items:center}.modal-container{width:100%;max-width:100%;max-height:90vh;border-radius:var(--radius-lg)}.modal-sm,.modal-md,.modal-lg,.modal-xl,.modal-xxl{max-width:none}.modal-header,.modal-body{padding:var(--space-4)}.modal-footer{padding:var(--space-3) var(--space-4);flex-wrap:wrap}.modal-title{font-size:var(--text-lg)}}@media (max-width: 480px){.modal-header{flex-direction:column;align-items:flex-start}.modal-close-btn{position:absolute;top:var(--space-4);right:var(--space-4)}.modal-footer{flex-direction:column-reverse}.modal-footer>*{width:100%}}@media (prefers-reduced-motion: reduce){.modal-overlay,.modal-container{animation:none!important}}.data-table-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e5e7eb;overflow:hidden}.data-table-header{padding:1.5rem 2rem;border-bottom:1px solid #f3f4f6;background:#fafbfc}.data-table-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.data-table-subtitle{color:#6b7280;margin:0;font-size:.95rem}.data-table-toolbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;border-bottom:1px solid #f3f4f6;background:#fff;gap:1rem}.toolbar-left{display:flex;align-items:center;gap:1rem;flex:1}.toolbar-right{display:flex;align-items:center;gap:.75rem}.search-box{position:relative;display:flex;align-items:center;max-width:300px;flex:1}.search-icon{position:absolute;left:.75rem;color:#9ca3af;pointer-events:none;z-index:1}.search-input{width:100%;padding:.5rem .75rem .5rem 2.5rem;border:2px solid #d1d5db;border-radius:8px;font-size:.875rem;transition:all .2s ease;background:#fff}.search-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.filters-container{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.filter-select{padding:.5rem .75rem;border:2px solid #d1d5db;border-radius:6px;font-size:.875rem;background:#fff;min-width:120px;transition:all .2s ease}.filter-select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.column-toggle{position:relative}.column-toggle-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:.5rem;min-width:180px;z-index:1000}.column-toggle-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;cursor:pointer;border-radius:4px;font-size:.875rem;transition:background-color .2s ease}.column-toggle-item:hover{background:#f9fafb}.column-toggle-item input[type=checkbox]{margin:0}.btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:6px;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease;border:2px solid transparent;text-decoration:none}.table-wrapper{overflow-x:auto;position:relative;background:#fff}.table-wrapper.sticky-header{max-height:600px;overflow-y:auto}.table-wrapper.sticky-header thead{position:sticky;top:0;z-index:10;background:#f8fafc}.data-table{width:100%;border-collapse:collapse;font-size:.875rem}.data-table thead{background:#f8fafc;border-bottom:2px solid #e5e7eb}.data-table th{padding:.875rem 1rem;text-align:left;font-weight:600;color:#374151;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;border-bottom:1px solid #e5e7eb}.data-table th.sortable{cursor:pointer;transition:background-color .2s ease}.data-table th.sortable:hover{background:#f1f5f9}.data-table th.text-center{text-align:center}.data-table th.text-right{text-align:right}.header-content{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.sort-icons{display:flex;flex-direction:column;gap:-2px;margin-left:.25rem}.sort-active{color:#2563eb}.sort-inactive{display:flex;flex-direction:column;gap:-4px;color:#d1d5db}.data-table td{padding:.875rem 1rem;border-bottom:1px solid #f3f4f6;color:#374151;vertical-align:middle}.data-table td.text-center{text-align:center}.data-table td.text-right{text-align:right}.data-table tbody tr{transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;background:#fff;border-left:3px solid transparent}.data-table tbody tr:hover{background:#f9fafb;box-shadow:0 1px 3px #0000000d;border-left-color:var(--primary-500, #3b82f6)}.data-table tbody tr.clickable{cursor:pointer}.data-table tbody tr.clickable:hover{background:#f3f4f6;transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.data-table tbody tr.selected{background:#eff6ff;border-left:3px solid #2563eb}.data-table tbody tr.selected:hover{background:#dbeafe}.select-header,.select-cell{width:40px;padding:.875rem .5rem}.select-header input[type=checkbox],.select-cell input[type=checkbox]{margin:0;cursor:pointer}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.status-badge.pending{background:#fef3c7;color:#92400e}.status-badge.completed{background:#e0e7ff;color:#3730a3}.status-badge.cancelled{background:#f3f4f6;color:#6b7280}.empty-state{text-align:center;padding:3rem 2rem}.empty-content p{color:#6b7280;font-size:.95rem;margin:0}.data-table-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem}.loading-spinner{width:32px;height:32px;border:3px solid #f3f4f6;border-top:3px solid #2563eb;border-radius:50%;animation:spin 1s linear infinite}.loading-spinner-small{width:16px;height:16px;border:2px solid #f3f4f6;border-top:2px solid #2563eb;border-radius:50%;animation:spin 1s linear infinite}.skeleton-table{width:100%}.skeleton-row{display:table-row;border-bottom:1px solid #f3f4f6}.skeleton-cell{display:table-cell;padding:.875rem 1rem;vertical-align:middle}.skeleton-header-cell{background:#f8fafc;padding:.875rem 1rem}.skeleton{background:linear-gradient(90deg,#f3f4f6,#e5e7eb 20%,#f3f4f6 40% 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:4px;height:16px;width:100%}.skeleton-header{height:14px;width:80%;background:linear-gradient(90deg,#e5e7eb,#d1d5db 20%,#e5e7eb 40% 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:4px}.skeleton-short{width:60%}.skeleton-medium{width:75%}.skeleton-long{width:90%}.skeleton-icon{width:24px;height:24px;border-radius:50%}.skeleton-badge{width:80px;height:24px;border-radius:12px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.filters-loading{display:flex;align-items:center;gap:.5rem;padding:1rem;background:#f9fafb;border-radius:6px;margin-bottom:1rem;font-size:.875rem;color:#6b7280}.data-table-pagination{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;border-top:1px solid #f3f4f6;background:#fafbfc}.pagination-info{display:flex;align-items:center;gap:1rem;color:#6b7280;font-size:.875rem}.page-size-select{padding:.25rem .5rem;border:1px solid #d1d5db;border-radius:4px;font-size:.875rem;background:#fff}.pagination-controls{display:flex;align-items:center;gap:.25rem}.pagination-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #d1d5db;background:#fff;color:#6b7280;border-radius:4px;cursor:pointer;transition:all .2s ease;font-size:.875rem}.pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af;color:#374151}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn.active{background:#2563eb;border-color:#2563eb;color:#fff}.page-numbers{display:flex;align-items:center;gap:.25rem;margin:0 .5rem}.bulk-actions{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#eff6ff;border:1px solid #2563eb;border-radius:6px;font-size:.875rem;color:#1d4ed8}.advanced-filters-backdrop{position:fixed;inset:0;background:#00000080;z-index:999;animation:fadeIn .3s ease}.advanced-filters-panel{position:fixed;top:0;right:0;bottom:0;width:400px;background:#fff;box-shadow:-4px 0 24px #00000026;z-index:1000;display:flex;flex-direction:column;transform:translate(0);animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.filters-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.filters-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#1f2937}.filters-content{flex:1;overflow-y:auto;padding:1.5rem}.filter-group{margin-bottom:1.5rem}.filter-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#374151;font-size:.875rem}.date-range-filter,.number-range-filter{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.date-range-filter input,.number-range-filter input{padding:.5rem;border:1px solid #d1d5db;border-radius:4px;font-size:.875rem}.filter-group select[multiple]{width:100%;min-height:120px;padding:.5rem;border:1px solid #d1d5db;border-radius:4px;font-size:.875rem}.clear-filter{margin-top:.5rem;padding:.25rem .5rem;background:#fee2e2;color:#991b1b;border:none;border-radius:4px;font-size:.75rem;cursor:pointer;transition:all .2s ease}.clear-filter:hover{background:#fecaca}.filters-footer{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-top:1px solid #e5e7eb;gap:1rem}.filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;margin-left:.5rem;background:#2563eb;color:#fff;border-radius:10px;font-size:.75rem;font-weight:600}.export-dropdown{position:relative;display:inline-block}.btn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease}.btn-icon:hover{background:#f3f4f6}.data-table-mobile-cards{padding:1rem}.mobile-data-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;margin-bottom:.75rem;box-shadow:0 1px 3px #0000001a;cursor:pointer;transition:all .2s ease}.mobile-data-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.mobile-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid #f3f4f6}.mobile-card-title{font-weight:600;color:#1f2937;font-size:.9375rem;flex:1}.mobile-card-actions{display:flex;gap:.25rem;margin-left:.5rem}.mobile-card-actions .btn-icon{width:28px;height:28px}.mobile-card-body{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.mobile-card-field{display:flex;flex-direction:column;gap:.25rem}.mobile-field-label{font-size:.75rem;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.025em}.mobile-field-value{font-size:.875rem;color:#1f2937;word-break:break-word}.data-table-container.rtl .search-icon{left:auto;right:.75rem}.data-table-container.rtl .search-input{padding:.5rem 2.5rem .5rem .75rem}.data-table-container.rtl .column-toggle-dropdown{right:auto;left:0}.data-table-container.rtl .data-table th,.data-table-container.rtl .data-table td{text-align:right}.data-table-container.rtl .data-table th.text-center,.data-table-container.rtl .data-table td.text-center{text-align:center}.data-table-container.rtl .data-table th.text-right,.data-table-container.rtl .data-table td.text-right{text-align:left}@media (max-width: 1024px){.data-table-toolbar{flex-direction:column;align-items:stretch;gap:1rem}.toolbar-left,.toolbar-right{justify-content:space-between}.filters-container{flex-wrap:wrap}.search-box{max-width:none}}@media (max-width: 640px){.advanced-filters-panel{width:100%;max-width:100%}.data-table-container{margin:0 -.5rem;border-radius:0;box-shadow:none;border:none;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb}.data-table-header{padding:.75rem 1rem}.data-table-title{font-size:1.125rem;margin-bottom:.25rem}.data-table-subtitle{font-size:.8125rem}.data-table-toolbar{padding:.75rem 1rem;gap:.75rem}.toolbar-left,.toolbar-right{flex-direction:column;align-items:stretch;gap:.5rem}.search-box{max-width:none}.search-input{font-size:16px}.filters-container{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.filter-select{font-size:16px}.column-toggle-dropdown{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100vw - 2rem);max-width:300px;max-height:70vh;overflow-y:auto}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table{min-width:600px}.data-table th,.data-table td{min-width:100px;white-space:nowrap}.data-table th:nth-child(n+4),.data-table td:nth-child(n+4){display:none}.data-table th:last-child,.data-table td:last-child{display:table-cell;position:sticky;right:0;background:#fff;box-shadow:-2px 0 4px #0000001a;z-index:1}.data-table-pagination{flex-direction:column;gap:.75rem;align-items:stretch;padding:.75rem 1rem}.pagination-info{justify-content:center;font-size:.8125rem}.pagination-controls{justify-content:center;flex-wrap:wrap}.pagination-btn{min-width:32px;min-height:44px}.page-size-select{font-size:16px;min-height:44px}.data-table-mobile-cards{display:none}}@media (max-width: 480px){.data-table-container.mobile-card-layout .table-wrapper{display:none}.data-table-container.mobile-card-layout .data-table-mobile-cards{display:block;padding:.5rem}.mobile-data-card{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem;margin-bottom:.75rem;box-shadow:0 1px 3px #0000001a}.mobile-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid #f3f4f6}.mobile-card-title{font-weight:600;color:#1f2937;font-size:.9375rem}.mobile-card-actions{display:flex;gap:.25rem}.mobile-card-body{display:grid;grid-template-columns:1fr 1fr;gap:.5rem 1rem}.mobile-card-field{display:flex;flex-direction:column;gap:.125rem}.mobile-card-field.full-width{grid-column:1 / -1}.mobile-field-label{font-size:.75rem;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.025em}.mobile-field-value{font-size:.875rem;color:#1f2937}.page-numbers{display:none}.pagination-controls{gap:.5rem}}@media (max-width: 768px){.data-table-container{margin:0 -1rem;border-radius:0}.data-table-header,.data-table-toolbar,.data-table-pagination{padding:1rem}.data-table-pagination{flex-direction:column;gap:1rem;align-items:stretch}.pagination-info,.pagination-controls{justify-content:center}.data-table th,.data-table td{padding:.5rem;font-size:.8125rem}.toolbar-left,.toolbar-right{flex-direction:column;align-items:stretch;gap:.75rem}}@media (max-width: 480px){.page-numbers{display:none}.data-table th,.data-table td{padding:.375rem;font-size:.75rem}.btn-sm{padding:.25rem .5rem;font-size:.75rem}}[data-theme=dark] .data-table-container{background:#1f2937;border-color:#374151}[data-theme=dark] .data-table-header{background:#111827;border-bottom-color:#374151}[data-theme=dark] .data-table-title{color:#f9fafb}[data-theme=dark] .data-table-subtitle{color:#9ca3af}[data-theme=dark] .data-table-toolbar{background:#1f2937;border-bottom-color:#374151}[data-theme=dark] .search-input{background:#374151;border-color:#4b5563;color:#f9fafb}[data-theme=dark] .search-input::-moz-placeholder{color:#6b7280}[data-theme=dark] .search-input::placeholder{color:#6b7280}[data-theme=dark] .search-input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}[data-theme=dark] .search-icon{color:#6b7280}[data-theme=dark] .filter-select{background:#374151;border-color:#4b5563;color:#f9fafb}[data-theme=dark] .filter-select:focus{border-color:#60a5fa}[data-theme=dark] .btn-outline{background:#374151;border-color:#4b5563;color:#9ca3af}[data-theme=dark] .btn-outline:hover:not(:disabled){background:#4b5563;border-color:#6b7280;color:#f9fafb}[data-theme=dark] .btn-primary{background:#2563eb;border-color:#2563eb}[data-theme=dark] .btn-primary:hover:not(:disabled){background:#1d4ed8}[data-theme=dark] .table-wrapper{background:#1f2937}[data-theme=dark] .table-wrapper.sticky-header thead{background:#111827}[data-theme=dark] .data-table{background:#1f2937}[data-theme=dark] .data-table thead{background:#111827;border-bottom-color:#374151}[data-theme=dark] .data-table th{color:#d1d5db;border-bottom-color:#374151;background:#111827}[data-theme=dark] .data-table th.sortable:hover{background:#1f2937}[data-theme=dark] .data-table td{color:#d1d5db;border-bottom-color:#374151;background:transparent}[data-theme=dark] .data-table tbody tr{background:#1f2937;border-left-color:transparent}[data-theme=dark] .data-table tbody tr:hover{background:#374151;border-left-color:#60a5fa}[data-theme=dark] .data-table tbody tr.clickable:hover{background:#4b5563}[data-theme=dark] .data-table tbody tr.selected{background:#1e3a8a;border-left-color:#3b82f6}[data-theme=dark] .data-table tbody tr.selected:hover{background:#1e40af}[data-theme=dark] .status-badge.active{background:#10b98133;color:#34d399}[data-theme=dark] .status-badge.inactive{background:#ef444433;color:#f87171}[data-theme=dark] .status-badge.pending{background:#f59e0b33;color:#fbbf24}[data-theme=dark] .status-badge.completed{background:#6366f133;color:#a5b4fc}[data-theme=dark] .empty-content p{color:#9ca3af}[data-theme=dark] .data-table-pagination{background:#111827;border-top-color:#374151}[data-theme=dark] .pagination-info{color:#9ca3af}[data-theme=dark] .page-size-select{background:#374151;border-color:#4b5563;color:#f9fafb}[data-theme=dark] .pagination-btn{background:#374151;border-color:#4b5563;color:#9ca3af}[data-theme=dark] .pagination-btn:hover:not(:disabled){background:#4b5563;color:#f9fafb}[data-theme=dark] .pagination-btn.active{background:#2563eb;border-color:#2563eb;color:#fff}[data-theme=dark] .skeleton{background:linear-gradient(90deg,#374151,#4b5563 20%,#374151 40% 100%);background-size:200% 100%}[data-theme=dark] .skeleton-header{background:linear-gradient(90deg,#4b5563,#6b7280 20%,#4b5563 40% 100%);background-size:200% 100%}[data-theme=dark] .skeleton-header-cell{background:#111827}[data-theme=dark] .column-toggle-dropdown{background:#1f2937;border-color:#374151}[data-theme=dark] .column-toggle-item:hover{background:#374151}[data-theme=dark] .advanced-filters-panel{background:#1f2937}[data-theme=dark] .filters-header{border-bottom-color:#374151}[data-theme=dark] .filters-header h3{color:#f9fafb}[data-theme=dark] .filter-group label{color:#d1d5db}[data-theme=dark] .date-range-filter input,[data-theme=dark] .number-range-filter input,[data-theme=dark] .filter-group select{background:#374151;border-color:#4b5563;color:#f9fafb}[data-theme=dark] .filters-footer{border-top-color:#374151}[data-theme=dark] .mobile-data-card{background:#1f2937;border-color:#374151}[data-theme=dark] .mobile-card-header{border-bottom-color:#374151}[data-theme=dark] .mobile-card-title{color:#f9fafb}[data-theme=dark] .mobile-field-label{color:#9ca3af}[data-theme=dark] .mobile-field-value{color:#d1d5db}.customers-table .customer-name-cell{display:flex;align-items:center;gap:.75rem}.customers-table .customer-avatar-mini{width:32px;height:32px;border-radius:6px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;flex-shrink:0}.customers-table .customer-name-info{display:flex;flex-direction:column}.customers-table .customer-name-info .name{font-weight:600;color:#1f2937}.customers-table .customer-name-info .code{font-size:.75rem;color:#6b7280}.customers-table .customer-type-badge{display:inline-block;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.customers-table .customer-type-badge.contract{background:#dbeafe;color:#1e40af}.customers-table .customer-type-badge.project{background:#fef3c7;color:#92400e}.customers-table .customer-type-badge.walk_in{background:#d1fae5;color:#065f46}.customers-table .contact-info{display:flex;align-items:center;gap:.5rem;color:#374151}.customers-table .contact-info svg{color:#6b7280;flex-shrink:0}.customers-table .sales-summary{display:flex;flex-direction:column;align-items:flex-end}.customers-table .sales-summary .total-value{font-weight:600;color:#1f2937}.customers-table .sales-summary .order-count{font-size:.75rem;color:#6b7280}.customers-table .status-badge{display:inline-block;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.customers-table .status-badge.active{background:#d1fae5;color:#065f46}.customers-table .status-badge.inactive{background:#fee2e2;color:#991b1b}.customers-table .table-actions{display:flex;align-items:center;gap:.5rem}.customers-table .btn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;background:#fff;border:1px solid #d1d5db;color:#6b7280;cursor:pointer;transition:all .2s ease}.customers-table .btn-icon:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af;color:#374151}.customers-table .btn-icon:disabled{opacity:.5;cursor:not-allowed}.customers-table .btn-icon.primary{background:#3b82f6;border-color:#3b82f6;color:#fff}.customers-table .btn-icon.primary:hover:not(:disabled){background:#2563eb;border-color:#2563eb}.customers-table .btn-icon.secondary{background:#6b7280;border-color:#6b7280;color:#fff}.customers-table .btn-icon.secondary:hover:not(:disabled){background:#4b5563;border-color:#4b5563}.btn-success:hover{background:#059669;border-color:#059669}.customer-form{padding:32px;overflow-y:auto;max-height:calc(90vh - 160px)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px}.form-group label{font-size:.875rem;font-weight:600;color:#374151;margin-bottom:4px}.form-group input,.form-group select,.form-group textarea{padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:.875rem;transition:all .2s ease;background:#fff;color:#1f2937}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:#d1d5db}.form-group input[required]:invalid{border-color:#ef4444}.form-group input[required]:invalid:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-group textarea{resize:vertical;min-height:80px;font-family:inherit;line-height:1.5}.form-group select{cursor:pointer;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 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-section{margin-bottom:24px}.form-section-title{font-size:1.1rem;font-weight:600;color:#1f2937;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid #e5e7eb;display:flex;align-items:center;gap:8px}.form-section-title svg{width:20px;height:20px;color:#3b82f6}.form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:24px;border-top:1px solid #e5e7eb;margin-top:32px}.form-actions .btn{min-width:120px;justify-content:center;font-weight:600;padding:12px 24px}.contract-terms-section{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:12px;padding:20px;margin-top:16px}.contract-terms-section .form-group label{color:#92400e}.contract-terms-section textarea{background:#fff;border-color:#f59e0b}.contract-terms-section textarea:focus{border-color:#d97706;box-shadow:0 0 0 3px #f59e0b1a}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon input{padding-left:48px!important;width:100%}.input-with-icon .input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#6b7280;pointer-events:none;z-index:1;flex-shrink:0}@media (max-width: 1200px){.oil-customers-page .customers-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.customer-actions .btn{font-size:.7rem;padding:.375rem .625rem}}@media (max-width: 900px){.oil-customers-page .customers-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.customer-actions{gap:.375rem}.customer-actions .btn{flex:1 1 calc(50% - .1875rem);min-width:calc(50% - .1875rem);justify-content:center;font-size:.7rem;padding:.375rem .5rem}}@media (max-width: 768px){.modal-content{max-width:95vw;margin:20px}.customer-form,.modal-header{padding:20px}.form-grid{grid-template-columns:1fr;gap:16px}.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%}.oil-customers-page .customers-grid{grid-template-columns:1fr}.customer-actions .btn{flex:1 1 100%;min-width:100%;margin-bottom:.25rem}}.customer-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;transition:all .2s ease;display:flex;flex-direction:column;height:100%;min-height:360px}.customer-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000001a}.customer-card-content{flex:1;display:flex;flex-direction:column}.customer-status{padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:500}.oil-customers-page{padding:0}.filters-bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem}.customer-avatar{width:3rem;height:3rem;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.125rem;flex-shrink:0}.customer-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.customer-info{flex:1}.customer-info h3{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 .25rem}.customer-type{font-size:.875rem;color:#6b7280;margin:0}.oil-customers-page .customers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem}.customer-card.commercial{border-top:3px solid #3b82f6}.customer-card.industrial{border-top:3px solid #8b5cf6}.customer-card.retail{border-top:3px solid #10b981}.customer-status.active{background:#22c55e1a;color:#16a34a}.customer-status.expired{background:#ef44441a;color:#dc2626}.customer-status.walk-in{background:#3b82f61a;color:#3b82f6}.customer-stats{margin-top:2rem}.customer-stats .stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;text-align:center;box-shadow:0 1px 3px #0000001a}.customer-stats .stat-card h4{font-size:.875rem;font-weight:500;color:#6b7280;margin:0 0 .5rem}.customer-stats .stat-value{font-size:2rem;font-weight:700;color:#1f2937;margin:0 0 .25rem}.customer-stats .stat-value.warning{color:#f59e0b}.customer-stats .stat-label{font-size:.875rem;color:#6b7280;margin:0}.customer-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto;padding-top:1rem;border-top:1px solid #f3f4f6;flex-shrink:0;justify-content:flex-start;align-items:flex-start}.customer-actions .btn{flex:0 1 auto;min-width:0;white-space:nowrap;font-size:.75rem;padding:.5rem .75rem}.customer-actions .btn svg{width:14px;height:14px;flex-shrink:0}.customer-card-body{flex:1;display:flex;flex-direction:column}.view-modal-content{padding:2rem;overflow-y:auto;max-height:calc(90vh - 160px)}.view-modal-content .form-section-title{justify-content:space-between;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid #e5e7eb;font-size:1.25rem;font-weight:700;color:#1f2937;display:flex;align-items:center;gap:12px}.view-modal-content .form-section-title:before{content:"";width:4px;height:28px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:2px}.view-modal-content .form-section-title svg{width:24px;height:24px;color:#3b82f6;margin-left:auto}.view-modal-content .details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem 2rem;margin-bottom:2rem}.view-modal-content .detail-item{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:1rem 1.25rem;border-radius:12px;border:1px solid #e5e7eb;transition:all .2s ease;position:relative}.view-modal-content .detail-item:hover{border-color:#d1d5db;box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.view-modal-content .detail-item label{display:block;font-size:.75rem;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.025em;margin-bottom:.5rem}.view-modal-content .detail-item span{font-size:1rem;font-weight:600;color:#1f2937;display:block;line-height:1.4;word-break:break-word}.view-modal-content .detail-item.important{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b}.view-modal-content .detail-item.important label{color:#92400e}.view-modal-content .detail-item.success{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-color:#22c55e}.view-modal-content .detail-item.success label{color:#15803d}.view-modal-content .detail-item .badge{font-size:.75rem;font-weight:600;padding:.375rem .875rem;border-radius:1rem;text-transform:uppercase;letter-spacing:.025em;display:inline-block;margin-top:.25rem}.view-modal-content .detail-item .badge.active{background:#22c55e26;color:#16a34a;border:1px solid rgba(34,197,94,.3)}.view-modal-content .detail-item .badge.expired{background:#ef444426;color:#dc2626;border:1px solid rgba(239,68,68,.3)}.view-modal-content .detail-item .badge.contract{background:#3b82f626;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.view-modal-content .detail-item .badge.walk-in{background:#6b728026;color:#4b5563;border:1px solid rgba(107,114,128,.3)}.view-modal-content .highlight{color:#3b82f6;font-weight:700}.view-modal-content .highlight.large{font-size:1.875rem;font-weight:800;background:linear-gradient(135deg,#3b82f6,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.view-modal-content .terms-text{font-size:.9rem;line-height:1.7;color:#4b5563;background:#f9fafb;padding:1rem;border-radius:8px;border-left:4px solid #3b82f6}.view-modal-content .rates-section{margin-top:1.5rem;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:16px;overflow:auto;box-shadow:0 10px 30px #0000001a;border:1px solid #e5e7eb;max-width:100%}.view-modal-content .rates-table{width:100%;min-width:500px;border-collapse:collapse;margin:0;table-layout:fixed}.view-modal-content .rates-table thead{background:linear-gradient(135deg,#1e40af,#3b82f6)}.view-modal-content .rates-table thead th{padding:1rem;text-align:left;font-size:.8125rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.025em;border:none;position:relative}.view-modal-content .rates-table thead th:nth-child(1){width:40%}.view-modal-content .rates-table thead th:nth-child(2),.view-modal-content .rates-table thead th:nth-child(3){width:22.5%;text-align:right}.view-modal-content .rates-table thead th:nth-child(4){width:15%;text-align:center}.view-modal-content .rates-table thead th:not(:last-child):after{content:"";position:absolute;right:0;top:25%;height:50%;width:1px;background:#fff3}.view-modal-content .rates-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background-color .2s ease}.view-modal-content .rates-table tbody tr:hover{background:linear-gradient(90deg,#f0f9ff,#e0f2fe)}.view-modal-content .rates-table tbody tr:last-child{border-bottom:none}.view-modal-content .rates-table tbody td{padding:1rem;font-size:.8125rem;color:#374151;border:none;vertical-align:middle}.view-modal-content .rates-table tbody td:nth-child(2),.view-modal-content .rates-table tbody td:nth-child(3){text-align:right}.view-modal-content .rates-table tbody td:nth-child(4){text-align:center}.view-modal-content .material-info{display:flex;flex-direction:column;gap:.25rem}.view-modal-content .material-name{font-weight:700;color:#1f2937;font-size:.875rem}.view-modal-content .material-unit{font-size:.7rem;color:#6b7280;font-style:italic}.view-modal-content .rate-cell{font-family:Monaco,Consolas,monospace;white-space:nowrap}.view-modal-content .rate-cell .currency{font-size:.7rem;color:#6b7280;margin-right:.125rem}.view-modal-content .rate-cell .amount{font-weight:700;font-size:.875rem}.view-modal-content .rate-cell.standard .amount{color:#6b7280;text-decoration:line-through;opacity:.7}.view-modal-content .rate-cell.contract .amount{color:#059669}.view-modal-content .discount-cell{text-align:center}.view-modal-content .discount-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .75rem;border-radius:1rem;font-weight:700;font-size:.75rem;transition:all .2s ease}.view-modal-content .discount-badge svg{width:14px;height:14px}.view-modal-content .discount-badge.high{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#15803d;border:1px solid #86efac}.view-modal-content .discount-badge.medium{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border:1px solid #fcd34d}.view-modal-content .discount-badge.low{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#4338ca;border:1px solid #a5b4fc}.view-modal-content .rates-table tfoot{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-top:2px solid #d1d5db}.view-modal-content .rates-summary{padding:.875rem 1rem!important}.view-modal-content .summary-content{display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600;color:#4b5563;font-size:.8125rem}.view-modal-content .summary-content svg{width:18px;height:18px;color:#3b82f6}.view-modal-content .empty-rates{text-align:center;padding:3rem;color:#6b7280;background:#f9fafb;border-radius:12px;border:2px dashed #d1d5db}.view-modal-content .empty-rates svg{width:48px;height:48px;margin:0 auto 1rem;color:#9ca3af}.view-modal-content .empty-rates h3{font-size:1.125rem;font-weight:600;margin:0 0 .5rem;color:#374151}.view-modal-content .empty-rates p{margin:0;font-size:.875rem}.view-modal-content .history-section{margin-top:2rem;background:linear-gradient(135deg,#fef7ff,#f3e8ff);border-radius:12px;padding:1.5rem;border:1px solid #e879f9}.view-modal-content .history-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.view-modal-content .history-item{text-align:center;padding:1rem;background:#fff;border-radius:8px;border:1px solid #e879f9}.view-modal-content .history-item .history-number{font-size:1.5rem;font-weight:800;color:#a855f7;display:block;margin-bottom:.25rem}.view-modal-content .history-item .history-label{font-size:.75rem;font-weight:600;color:#7c3aed;text-transform:uppercase;letter-spacing:.025em}@media (max-width: 768px){.view-modal-content{padding:1.5rem}.view-modal-content .details-grid{grid-template-columns:1fr;gap:1rem}.view-modal-content .form-section-title{font-size:1.125rem}.view-modal-content .rates-table{min-width:450px}.view-modal-content .rates-table thead th,.view-modal-content .rates-table tbody td{padding:.75rem .5rem;font-size:.75rem}.view-modal-content .material-name{font-size:.8125rem}.view-modal-content .material-unit{font-size:.65rem}.view-modal-content .rate-cell .amount{font-size:.8125rem}.view-modal-content .discount-badge{padding:.25rem .5rem;font-size:.7rem}.view-modal-content .discount-badge svg{width:12px;height:12px}.view-modal-content .history-grid{grid-template-columns:1fr 1fr}}.loading-section{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.loading-spinner{width:40px;height:40px;border:3px solid #f3f4f6;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-section p{color:#6b7280;font-size:.875rem;margin:0}.rates-editor{display:flex;flex-direction:column;gap:1.5rem}.rate-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;transition:all .2s ease}.rate-item:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000d}.rate-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #e2e8f0}.rate-header h4{margin:0;font-size:1.125rem;font-weight:600;color:#1e293b}.form-section-title{display:flex;justify-content:space-between;align-items:center}.form-section-title select{margin-left:auto;min-width:200px}.empty-rates{text-align:center;padding:2rem;color:#64748b;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px}.empty-rates p{margin:0;font-style:italic}.error-section{padding:2rem}.error-section .empty-rates{background:#fef2f2;border-color:#fecaca;color:#991b1b}.error-section .empty-rates h3{color:#dc2626;margin-bottom:.5rem}.view-modal-content .form-group input,.view-modal-content .form-group select,.view-modal-content .form-group textarea{padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;transition:all .2s ease}.view-modal-content .form-group input:focus,.view-modal-content .form-group select:focus,.view-modal-content .form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.view-modal-content .form-group label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem}.view-modal-content .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.view-modal-content .form-group.full-width{grid-column:1 / -1}.btn-danger{background:#ef4444;color:#fff;border-color:#ef4444}.btn-danger:hover{background:#dc2626;border-color:#dc2626}.btn-outline.btn-danger{background:#fff;color:#ef4444;border-color:#ef4444}.btn-outline.btn-danger:hover{background:#fef2f2;color:#dc2626;border-color:#dc2626}.scrap-suppliers-page{padding:var(--space-4) var(--space-6);background:var(--gray-50);min-height:100vh;display:flex;flex-direction:column}.suppliers-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-2);margin-bottom:var(--space-3);flex-shrink:0}.suppliers-summary .summary-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-3);display:flex;align-items:center;gap:var(--space-3);box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.suppliers-summary .summary-card:hover{border-color:var(--primary-300);box-shadow:var(--shadow-md);transform:translateY(-2px)}.suppliers-summary .summary-icon{width:48px;height:48px;background:var(--primary-100);color:var(--primary-600);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.suppliers-summary .summary-icon.business{background:var(--blue-100);color:var(--blue-600)}.suppliers-summary .summary-icon.success{background:var(--green-100);color:var(--green-600)}.suppliers-summary .summary-icon.profit{background:var(--amber-100);color:var(--amber-600)}.suppliers-summary .summary-info{flex:1}.suppliers-summary .summary-value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--gray-900);margin:0 0 var(--space-1) 0}.suppliers-summary .summary-label{font-size:var(--text-sm);color:var(--gray-600);margin:0}.suppliers-table-container{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--gray-200);box-shadow:var(--shadow-sm)}.suppliers-table .table-wrapper.sticky-header{max-height:none}.supplier-code{font-family:monospace;font-weight:600;color:var(--gray-700)}.supplier-info{display:flex;align-items:center;gap:var(--space-3)}.supplier-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.75rem;color:#fff;flex-shrink:0}.supplier-details{display:flex;flex-direction:column;gap:var(--space-1)}.supplier-details strong{color:var(--gray-900);font-weight:600}.supplier-type{font-size:var(--text-xs);color:var(--gray-600);text-transform:capitalize}.contact-info,.phone-info,.volume-info{display:flex;align-items:center;gap:var(--space-2);color:var(--gray-700)}.specialization-tags{display:flex;flex-wrap:wrap;gap:var(--space-1);max-width:200px}.spec-tag{background:var(--blue-100);color:var(--blue-700);padding:.125rem .5rem;border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:500;text-transform:capitalize}.more-specs{background:var(--gray-100);color:var(--gray-600);padding:.125rem .5rem;border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:500}.supplier-status-badge{padding:.25rem .75rem;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;color:#fff}.table-actions{display:flex;gap:var(--space-2);align-items:center}.supplier-details-modal .modal-content{max-width:1200px;max-height:90vh;overflow-y:auto}.supplier-view-professional{display:flex;flex-direction:column;gap:var(--space-6)}.supplier-header-section{background:linear-gradient(135deg,var(--gray-50),var(--gray-100));border-radius:var(--radius-lg);padding:var(--space-6);border:1px solid var(--gray-200)}.supplier-main-info{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6)}.supplier-avatar-large{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.5rem;color:#fff;flex-shrink:0;box-shadow:var(--shadow-lg)}.supplier-identity{flex:1}.supplier-name-large{font-size:1.75rem;font-weight:700;color:var(--gray-900);margin:0 0 var(--space-2) 0}.supplier-meta{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap}.supplier-code-badge{background:var(--gray-700);color:#fff;padding:.25rem .75rem;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;font-family:monospace}.supplier-type-badge{background:var(--blue-100);color:var(--blue-700);padding:.25rem .75rem;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;text-transform:capitalize}.supplier-status-professional{padding:.25rem .75rem;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;color:#fff;text-transform:uppercase}.supplier-kpi-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.kpi-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;align-items:center;gap:var(--space-3);box-shadow:var(--shadow-sm)}.kpi-card.primary .kpi-icon{background:var(--primary-100);color:var(--primary-600)}.kpi-card.success .kpi-icon{background:var(--green-100);color:var(--green-600)}.kpi-card.info .kpi-icon{background:var(--blue-100);color:var(--blue-600)}.kpi-icon{width:40px;height:40px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.kpi-content{display:flex;flex-direction:column;gap:var(--space-1)}.kpi-value{font-size:var(--text-xl);font-weight:700;color:var(--gray-900)}.kpi-label{font-size:var(--text-sm);color:var(--gray-600)}.supplier-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--space-4)}.info-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.info-card-header{background:var(--gray-50);border-bottom:1px solid var(--gray-200);padding:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.info-card-header h3{font-size:var(--text-lg);font-weight:600;color:var(--gray-900);margin:0}.info-card-content{padding:var(--space-4)}.info-row{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-3) 0;border-bottom:1px solid var(--gray-100)}.info-label{font-weight:600;color:var(--gray-700);font-size:var(--text-sm);min-width:140px;flex-shrink:0}.info-value{color:var(--gray-900);font-size:var(--text-sm);text-align:right;flex:1}.specialization-professional{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:flex-end}.spec-badge-professional{background:var(--blue-500);color:#fff;padding:.25rem .75rem;border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.025em}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-4)}.metric-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-1)}.metric-value{font-size:var(--text-xl);font-weight:700;color:var(--gray-900)}.metric-label{font-size:var(--text-xs);color:var(--gray-600);text-transform:uppercase;letter-spacing:.025em}.additional-info-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--space-4)}.contract-status-badge{padding:.25rem .75rem;border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:600;text-transform:uppercase}.contract-status-badge.active{background:var(--green-100);color:var(--green-700)}.contract-status-badge.expired{background:var(--red-100);color:var(--red-700)}.supplier-actions-footer{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) 0;border-top:1px solid var(--gray-200);margin-top:var(--space-4)}.actions-left{flex:1}.last-updated{font-size:var(--text-sm);color:var(--gray-600);font-style:italic}.actions-right{display:flex;gap:var(--space-3)}@media (max-width: 768px){.supplier-header-section{padding:var(--space-4)}.supplier-main-info{flex-direction:column;text-align:center;gap:var(--space-3)}.supplier-kpi-cards,.supplier-info-grid{grid-template-columns:1fr}.supplier-actions-footer{flex-direction:column;gap:var(--space-3);align-items:stretch}.actions-right{justify-content:center}}.scrap-suppliers-page .suppliers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem}.supplier-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;transition:all .2s ease}.supplier-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000001a}.supplier-card.business{border-top:3px solid #3b82f6}.supplier-card.industrial{border-top:3px solid #8b5cf6}.supplier-card.individual{border-top:3px solid #10b981}.supplier-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.supplier-avatar{width:3rem;height:3rem;border-radius:50%;background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.125rem;flex-shrink:0}.supplier-info{flex:1}.supplier-info h3{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 .25rem}.supplier-type{font-size:.8125rem;color:#6b7280;margin:0}.supplier-status{padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:500;flex-shrink:0}.supplier-status.active{background:#22c55e1a;color:#16a34a}.supplier-status.inactive{background:#ef44441a;color:#dc2626}.supplier-details{margin-bottom:1rem}.detail-item span:last-child{font-size:.875rem;color:#1f2937}.detail-item .highlight{font-weight:600;color:#3b82f6}.supplier-actions{display:flex;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #f3f4f6}.btn-secondary{background:#6366f1;color:#fff;border-color:#6366f1}.btn-secondary:hover{background:#4f46e5;border-color:#4f46e5}.supplier-stats{margin-top:2rem}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.supplier-stats .stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;text-align:center;box-shadow:0 1px 3px #0000001a}.supplier-stats .stat-card h4{font-size:.875rem;font-weight:500;color:#6b7280;margin:0 0 .5rem}.supplier-stats .stat-value{font-size:2rem;font-weight:700;color:#1f2937;margin:0 0 .25rem}.supplier-stats .stat-label{font-size:.875rem;color:#6b7280;margin:0}.collection-schedule{margin-top:2rem;background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.collection-schedule h2{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 1rem}.schedule-list{display:flex;flex-direction:column;gap:1rem}.schedule-item{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;padding:1rem;background:#f9fafb;border-radius:.5rem;align-items:center}.schedule-time{display:flex;flex-direction:column;align-items:center;padding:.5rem 1rem;background:#fff;border-radius:.5rem;border:1px solid #e5e7eb}.schedule-time .time{font-size:1rem;font-weight:700;color:#1f2937;line-height:1}.schedule-time .duration{font-size:.75rem;color:#6b7280;margin-top:.25rem}.schedule-details h4{font-size:.875rem;font-weight:600;color:#1f2937;margin:0 0 .25rem}.schedule-details p{font-size:.875rem;color:#6b7280;margin:0 0 .25rem}.schedule-details p:last-child{margin-bottom:0}.schedule-details .expected{font-size:.8125rem;color:#3b82f6;font-weight:500}.schedule-status{padding:.375rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:500}.schedule-status.scheduled{background:#3b82f61a;color:#3b82f6}.schedule-status.in-progress{background:#f59e0b1a;color:#f59e0b}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;max-height:300px;overflow-y:auto;padding:.5rem;border:1px solid #e5e7eb;border-radius:.5rem;background:#f9fafb}.checkbox-card{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;cursor:pointer;transition:all .2s ease;position:relative}.checkbox-card:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a;transform:translateY(-1px)}.checkbox-card input[type=checkbox]{width:1.25rem;height:1.25rem;cursor:pointer;margin:0;flex-shrink:0}.checkbox-card input[type=checkbox]:checked+.checkbox-content{color:#3b82f6}.checkbox-card input[type=checkbox]:checked+.checkbox-content .checkbox-title{font-weight:600}.checkbox-title{display:block;font-size:.875rem;font-weight:500;color:#1f2937;margin:0 0 .25rem;line-height:1.4}@media (max-width: 768px){.checkbox-grid{grid-template-columns:1fr;max-height:200px}.checkbox-card{padding:.75rem;gap:.5rem}.checkbox-title{font-size:.8125rem}.checkbox-description{font-size:.6875rem}}.oil-suppliers-page{display:flex;flex-direction:column;min-height:100vh;background-color:var(--background-color);padding:24px}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding:20px 0;border-bottom:1px solid var(--border-color)}.page-title-section h1{font-size:28px;font-weight:700;color:var(--text-color);margin:0 0 8px}.page-title-section p{font-size:16px;color:var(--text-secondary);margin:0}.page-actions{display:flex;gap:12px;align-items:center}.tab-navigation{display:flex;border-bottom:2px solid var(--border-color);margin-bottom:24px;gap:2px}.tab-button{display:flex;align-items:center;gap:8px;padding:12px 24px;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--text-secondary);font-weight:500;font-size:14px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.tab-button:hover{color:var(--primary-color);background-color:var(--hover-color)}.tab-button.active{color:var(--primary-color);border-bottom-color:var(--primary-color);background-color:var(--background-light)}.suppliers-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:32px}.summary-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;padding:24px;display:flex;align-items:center;gap:16px;transition:all .2s ease;box-shadow:0 2px 4px #0000000d}.summary-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.summary-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background-color:var(--primary-color);color:#fff}.summary-icon.business{background-color:var(--success-color)}.summary-icon.success{background-color:var(--info-color)}.summary-icon.profit{background-color:var(--warning-color)}.summary-value{font-size:24px;font-weight:700;color:var(--text-color);margin:0 0 4px}.summary-label{font-size:14px;color:var(--text-secondary);margin:0;font-weight:500}.suppliers-table-container{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;box-shadow:0 2px 4px #0000000d}.suppliers-table{width:100%}.supplier-code strong{color:var(--primary-color);font-family:Monaco,Menlo,monospace;font-size:13px}.supplier-info{display:flex;align-items:center;gap:12px}.supplier-avatar{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px;flex-shrink:0}.supplier-details{display:flex;flex-direction:column;gap:2px}.supplier-details strong{font-weight:600;color:var(--text-color);font-size:14px}.supplier-type{font-size:12px;color:var(--text-secondary);font-weight:500}.contact-info,.phone-info,.location-info{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:14px}.contact-info svg,.phone-info svg,.location-info svg{color:var(--text-tertiary)}.supplier-status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px}.supplier-locations-container{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;padding:24px;box-shadow:0 2px 4px #0000000d}.supplier-form{display:flex;flex-direction:column;gap:24px}.form-section{border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.form-section-title{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--background-light);border-bottom:1px solid var(--border-color);font-weight:600;color:var(--text-color);font-size:16px}.form-section-title svg{color:var(--primary-color)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;padding:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;color:var(--text-color);font-size:14px}.form-group input,.form-group select{padding:12px 16px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;color:var(--text-color);background:var(--input-background);transition:all .2s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.form-group input.readonly{background-color:var(--background-light);color:var(--text-secondary);cursor:not-allowed}.form-actions{display:flex;justify-content:flex-end;gap:12px;padding:24px 0 0;border-top:1px solid var(--border-color)}.supplier-details-modal .modal-content{max-width:1000px;max-height:90vh;overflow-y:auto}.supplier-view-professional{display:flex;flex-direction:column;gap:24px}.supplier-header-section{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:12px;padding:24px;color:#fff;display:flex;justify-content:space-between;align-items:center;margin:-24px -24px 24px}.supplier-main-info{display:flex;align-items:center;gap:16px}.supplier-avatar-large{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:24px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.supplier-identity{display:flex;flex-direction:column;gap:8px}.supplier-name-large{font-size:24px;font-weight:700;margin:0}.supplier-meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.supplier-code-badge,.supplier-type-badge,.supplier-status-professional{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.supplier-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.info-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;box-shadow:0 2px 4px #0000000d}.info-card.full-width{grid-column:1 / -1}.info-card-header{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--background-light);border-bottom:1px solid var(--border-color)}.info-card-header h3{font-size:16px;font-weight:600;color:var(--text-color);margin:0}.info-card-header svg{color:var(--primary-color)}.info-card-content{padding:20px}.info-row{display:flex;justify-content:space-between;align-items:flex-start;padding:8px 0;border-bottom:1px solid var(--border-light)}.info-row:last-child{border-bottom:none}.info-label{font-weight:600;color:var(--text-secondary);font-size:14px;min-width:140px}.info-value{color:var(--text-color);font-size:14px;text-align:right;flex:1}.supplier-actions-footer{display:flex;justify-content:space-between;align-items:center;padding:20px 0 0;border-top:1px solid var(--border-color)}.actions-left{color:var(--text-secondary);font-size:14px}.actions-right{display:flex;gap:12px}@media (max-width: 768px){.oil-suppliers-page{padding:16px}.page-header{flex-direction:column;gap:16px;align-items:stretch}.suppliers-summary{grid-template-columns:1fr}.tab-navigation{overflow-x:auto;white-space:nowrap}.supplier-info-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr;gap:16px;padding:20px}.supplier-header-section{flex-direction:column;gap:16px;text-align:center}.actions-right{flex-direction:column;width:100%}}.loading-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite;margin-right:8px}.file-upload-wrapper{position:relative;width:100%}.file-upload-label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--gray-700);margin-bottom:var(--space-2)}.file-upload-dropzone{position:relative;border:2px dashed var(--gray-300);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center;cursor:pointer;transition:all var(--transition-normal);background-color:var(--gray-50)}.file-upload-dropzone:hover{border-color:var(--primary-400);background-color:var(--primary-50)}.dropzone-active{border-color:var(--primary-500);background-color:var(--primary-100);border-style:solid}.dropzone-accept{border-color:var(--success-500);background-color:var(--success-50)}.dropzone-reject,.dropzone-error{border-color:var(--error-500);background-color:var(--error-50)}.dropzone-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.dropzone-icon{color:var(--gray-400);transition:color var(--transition-normal)}.file-upload-dropzone:hover .dropzone-icon,.dropzone-active .dropzone-icon{color:var(--primary-600)}.dropzone-text{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--gray-700);margin:0}.dropzone-hint{font-size:var(--text-sm);color:var(--gray-500);margin:0}.file-upload-list{margin-top:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.file-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background-color:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-lg);transition:all var(--transition-normal)}.file-item:hover{background-color:#fff;box-shadow:var(--shadow-md);transform:translateY(-1px)}.file-preview{display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex-shrink:0;background-color:var(--gray-100);border-radius:var(--radius-md);overflow:hidden}.file-preview-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.file-icon{display:flex;align-items:center;justify-content:center;color:var(--gray-500)}.file-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.file-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--gray-900);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{font-size:var(--text-xs);color:var(--gray-600);margin:0}.file-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.file-view-btn{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--primary-600);text-decoration:none;transition:color var(--transition-fast)}.file-view-btn:hover{color:var(--primary-700);text-decoration:underline}.file-status-success{display:flex;align-items:center;justify-content:center;padding:var(--space-1);background-color:var(--success-100);color:var(--success-600);border-radius:var(--radius-full)}.file-remove-btn{display:flex;align-items:center;justify-content:center;padding:var(--space-1);background:transparent;border:none;border-radius:var(--radius-md);color:var(--gray-400);cursor:pointer;transition:all var(--transition-fast)}.file-remove-btn:hover{background-color:var(--error-100);color:var(--error-600)}.file-upload-error{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-3) var(--space-4);background-color:var(--error-50);border:1px solid var(--error-200);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--error-700)}.file-upload-error svg{flex-shrink:0;color:var(--error-600)}.file-upload-helper-text{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--gray-600)}.file-upload-empty-state{margin-top:var(--space-3);padding:var(--space-4);text-align:center;font-size:var(--text-sm);color:var(--gray-500);background-color:var(--gray-50);border-radius:var(--radius-lg)}[data-theme=dark] .file-upload-label{color:var(--gray-300)}[data-theme=dark] .file-upload-dropzone{background-color:var(--gray-900);border-color:var(--gray-700)}[data-theme=dark] .file-upload-dropzone:hover{border-color:var(--primary-500);background-color:var(--gray-800)}[data-theme=dark] .dropzone-text{color:var(--gray-300)}[data-theme=dark] .dropzone-hint{color:var(--gray-500)}[data-theme=dark] .file-item{background-color:var(--gray-900);border-color:var(--gray-700)}[data-theme=dark] .file-item:hover,[data-theme=dark] .file-preview{background-color:var(--gray-800)}[data-theme=dark] .file-name{color:var(--gray-100)}[data-theme=dark] .file-size{color:var(--gray-400)}[data-theme=dark] .file-upload-empty-state{background-color:var(--gray-900);color:var(--gray-500)}[dir=rtl] .file-upload-wrapper{direction:rtl}[dir=rtl] .file-item,[dir=rtl] .file-upload-error{flex-direction:row-reverse}@media (max-width: 640px){.file-upload-dropzone{padding:var(--space-6)}.dropzone-icon svg{width:36px;height:36px}.dropzone-text{font-size:var(--text-sm)}.dropzone-hint{font-size:var(--text-xs)}.file-preview{width:40px;height:40px}.file-name{font-size:var(--text-xs)}.file-size{font-size:10px}}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{text-align:center;white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day-name--disabled,.react-datepicker__day--disabled,.react-datepicker__time-name--disabled{cursor:default;color:#ccc}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90;color:#fff}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-width: 400px),(max-height: 550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.datepicker-wrapper{position:relative;width:100%}.datepicker-label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--gray-700);margin-bottom:var(--space-2)}.required-indicator{color:var(--error-500);margin-left:var(--space-1)}.datepicker-input-container{position:relative}.datepicker-input{position:relative;display:flex;align-items:center;gap:var(--space-2);width:100%;background-color:#fff;border:1px solid var(--gray-300);border-radius:var(--radius-lg);transition:all var(--transition-fast);cursor:pointer}.datepicker-input:hover:not(.datepicker-input-disabled){border-color:var(--primary-400);box-shadow:0 0 0 3px var(--primary-100)}.datepicker-input:focus-within:not(.datepicker-input-disabled){border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100);outline:none}.datepicker-input-small{padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.datepicker-input-medium{padding:var(--space-3) var(--space-4);font-size:var(--text-base)}.datepicker-input-large{padding:var(--space-4) var(--space-5);font-size:var(--text-lg)}.datepicker-input-error{border-color:var(--error-500)}.datepicker-input-error:hover,.datepicker-input-error:focus-within{border-color:var(--error-500);box-shadow:0 0 0 3px var(--error-100)}.datepicker-input-disabled{background-color:var(--gray-100);border-color:var(--gray-200);cursor:not-allowed;opacity:.6}.datepicker-input-filled{background-color:var(--gray-50)}.datepicker-icon{display:flex;align-items:center;justify-content:center;color:var(--gray-500);flex-shrink:0}.datepicker-input:hover:not(.datepicker-input-disabled) .datepicker-icon{color:var(--primary-600)}.datepicker-text-input{flex:1;border:none;background:transparent;outline:none;font-family:inherit;font-size:inherit;color:var(--gray-900);cursor:pointer}.datepicker-text-input::-moz-placeholder{color:var(--gray-400)}.datepicker-text-input::placeholder{color:var(--gray-400)}.datepicker-text-input:disabled{cursor:not-allowed}.datepicker-clear-btn{display:flex;align-items:center;justify-content:center;padding:var(--space-1);background:transparent;border:none;border-radius:var(--radius-md);color:var(--gray-400);cursor:pointer;transition:all var(--transition-fast)}.datepicker-clear-btn:hover{background-color:var(--gray-100);color:var(--gray-600)}.datepicker-error-text{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--error-600)}.datepicker-helper-text{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--gray-600)}.datepicker-popper{z-index:9999}.datepicker-calendar{font-family:inherit;border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);background-color:#fff;padding:var(--space-4)}.react-datepicker{font-family:inherit;border:none;box-shadow:none}.react-datepicker__header{background-color:#fff;border-bottom:1px solid var(--gray-200);padding-top:var(--space-3);border-radius:0}.react-datepicker__current-month{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--gray-900);margin-bottom:var(--space-3)}.react-datepicker__day-name{color:var(--gray-600);font-size:var(--text-sm);font-weight:var(--font-medium);width:2.5rem;line-height:2.5rem;margin:var(--space-1)}.react-datepicker__day{color:var(--gray-700);font-size:var(--text-sm);width:2.5rem;line-height:2.5rem;margin:var(--space-1);border-radius:var(--radius-md);transition:all var(--transition-fast)}.react-datepicker__day:hover{background-color:var(--primary-100);color:var(--primary-700);border-radius:var(--radius-md)}.react-datepicker__day--selected,.react-datepicker__day--keyboard-selected{background-color:var(--primary-600);color:#fff;font-weight:var(--font-semibold);border-radius:var(--radius-md)}.react-datepicker__day--selected:hover{background-color:var(--primary-700)}.react-datepicker__day--today{font-weight:var(--font-semibold);color:var(--primary-600);background-color:var(--primary-50);border-radius:var(--radius-md)}.react-datepicker__day--disabled{color:var(--gray-300);cursor:not-allowed}.react-datepicker__day--disabled:hover{background-color:transparent}.react-datepicker__day--outside-month{color:var(--gray-400)}.react-datepicker__day--in-range{background-color:var(--primary-100);color:var(--primary-700);border-radius:0}.react-datepicker__day--in-selecting-range{background-color:var(--primary-50);color:var(--primary-600)}.react-datepicker__day--range-start,.react-datepicker__day--range-end{background-color:var(--primary-600);color:#fff;font-weight:var(--font-semibold);border-radius:var(--radius-md)}.react-datepicker__navigation{top:1rem;width:2rem;height:2rem;border-radius:var(--radius-md);transition:all var(--transition-fast)}.react-datepicker__navigation:hover{background-color:var(--gray-100)}.react-datepicker__navigation-icon:before{border-color:var(--gray-600);border-width:2px 2px 0 0;width:8px;height:8px}.react-datepicker__navigation:hover .react-datepicker__navigation-icon:before{border-color:var(--primary-600)}.react-datepicker__time-container{border-left:1px solid var(--gray-200)}.react-datepicker__time-container .react-datepicker__time{background-color:#fff}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:100%}.react-datepicker__time-list-item{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--gray-700);transition:all var(--transition-fast)}.react-datepicker__time-list-item:hover{background-color:var(--primary-100);color:var(--primary-700)}.react-datepicker__time-list-item--selected{background-color:var(--primary-600);color:#fff;font-weight:var(--font-semibold)}.react-datepicker__month-dropdown,.react-datepicker__year-dropdown{background-color:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.react-datepicker__month-option,.react-datepicker__year-option{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--gray-700);transition:all var(--transition-fast)}.react-datepicker__month-option:hover,.react-datepicker__year-option:hover{background-color:var(--primary-100);color:var(--primary-700)}.react-datepicker__month-option--selected,.react-datepicker__year-option--selected{background-color:var(--primary-600);color:#fff}[data-theme=dark] .datepicker-label{color:var(--gray-300)}[data-theme=dark] .datepicker-input{background-color:var(--gray-800);border-color:var(--gray-700)}[data-theme=dark] .datepicker-input:hover:not(.datepicker-input-disabled){border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a}[data-theme=dark] .datepicker-text-input{color:var(--gray-100)}[data-theme=dark] .datepicker-calendar,[data-theme=dark] .react-datepicker{background-color:var(--gray-800);border-color:var(--gray-700)}[data-theme=dark] .react-datepicker__header{background-color:var(--gray-800);border-bottom-color:var(--gray-700)}[data-theme=dark] .react-datepicker__current-month{color:var(--gray-100)}[data-theme=dark] .react-datepicker__day-name{color:var(--gray-400)}[data-theme=dark] .react-datepicker__day{color:var(--gray-300)}[data-theme=dark] .react-datepicker__day:hover{background-color:var(--gray-700);color:var(--primary-400)}[data-theme=dark] .react-datepicker__time-container{border-left-color:var(--gray-700)}[data-theme=dark] .react-datepicker__time{background-color:var(--gray-800)}[dir=rtl] .datepicker-wrapper{direction:rtl}[dir=rtl] .datepicker-icon{margin-left:var(--space-2);margin-right:0}[dir=rtl] .datepicker-clear-btn{margin-right:var(--space-2);margin-left:0}@media (max-width: 640px){.datepicker-calendar{padding:var(--space-2)}.react-datepicker__day-name,.react-datepicker__day{width:2rem;line-height:2rem;margin:2px;font-size:var(--text-xs)}}.autocomplete-wrapper{position:relative;width:100%}.autocomplete-label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--gray-700);margin-bottom:var(--space-2)}.autocomplete-control{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;background-color:#fff;border:1px solid var(--gray-300);border-radius:var(--radius-lg);transition:all var(--transition-fast);cursor:pointer;gap:var(--space-2)}.autocomplete-control:hover:not(.autocomplete-control-disabled){border-color:var(--primary-400);box-shadow:0 0 0 3px var(--primary-100)}.autocomplete-control:focus-within:not(.autocomplete-control-disabled),.autocomplete-control.autocomplete-control-open:not(.autocomplete-control-disabled){border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100);outline:none}.autocomplete-input-small{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);min-height:36px}.autocomplete-input-medium{padding:var(--space-3) var(--space-4);font-size:var(--text-base);min-height:42px}.autocomplete-input-large{padding:var(--space-4) var(--space-5);font-size:var(--text-lg);min-height:50px}.autocomplete-control-error{border-color:var(--error-500)}.autocomplete-control-error:hover,.autocomplete-control-error:focus-within{border-color:var(--error-500);box-shadow:0 0 0 3px var(--error-100)}.autocomplete-control-disabled{background-color:var(--gray-100);border-color:var(--gray-200);cursor:not-allowed;opacity:.6}.autocomplete-value-container{flex:1;display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;min-width:0}.autocomplete-chips{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.autocomplete-chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background-color:var(--primary-100);color:var(--primary-700);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);white-space:nowrap}.autocomplete-chip-remove{display:flex;align-items:center;justify-content:center;padding:2px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--primary-600);cursor:pointer;transition:all var(--transition-fast)}.autocomplete-chip-remove:hover{background-color:var(--primary-200);color:var(--primary-800)}.autocomplete-search-input{flex:1;min-width:120px;border:none;background:transparent;outline:none;font-family:inherit;font-size:inherit;color:var(--gray-900)}.autocomplete-search-input::-moz-placeholder{color:var(--gray-400)}.autocomplete-search-input::placeholder{color:var(--gray-400)}.autocomplete-placeholder{color:var(--gray-400);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.autocomplete-control:not(.autocomplete-control-disabled):not(.autocomplete-control-open) .autocomplete-placeholder{color:var(--gray-900)}.autocomplete-indicators{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0;color:var(--gray-500)}.autocomplete-spinner{animation:spin 1s linear infinite;color:var(--primary-600)}.autocomplete-clear-btn{display:flex;align-items:center;justify-content:center;padding:var(--space-1);background:transparent;border:none;border-radius:var(--radius-md);color:var(--gray-400);cursor:pointer;transition:all var(--transition-fast)}.autocomplete-clear-btn:hover{background-color:var(--gray-100);color:var(--gray-600)}.autocomplete-dropdown-indicator{display:flex;align-items:center;transition:transform var(--transition-fast)}.autocomplete-control-open .autocomplete-dropdown-indicator{transform:rotate(180deg)}.autocomplete-menu{position:absolute;z-index:9999;background-color:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-height:300px;overflow-y:auto;margin-top:var(--space-2)}.autocomplete-options{list-style:none;margin:0;padding:var(--space-2)}.autocomplete-option{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);color:var(--gray-700);font-size:var(--text-sm)}.autocomplete-option:hover,.autocomplete-option-focused{background-color:var(--primary-50);color:var(--primary-700)}.autocomplete-option-selected{background-color:var(--primary-100);color:var(--primary-700);font-weight:var(--font-medium)}.autocomplete-option-selected:hover,.autocomplete-option-selected.autocomplete-option-focused{background-color:var(--primary-200)}.autocomplete-option-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.autocomplete-option-check{color:var(--primary-600);flex-shrink:0}.autocomplete-message{padding:var(--space-4);text-align:center;color:var(--gray-500);font-size:var(--text-sm)}.autocomplete-error-text{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--error-600)}.autocomplete-helper-text{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--gray-600)}[data-theme=dark] .autocomplete-label{color:var(--gray-300)}[data-theme=dark] .autocomplete-control{background-color:var(--gray-800);border-color:var(--gray-700)}[data-theme=dark] .autocomplete-control:hover:not(.autocomplete-control-disabled){border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a}[data-theme=dark] .autocomplete-search-input{color:var(--gray-100)}[data-theme=dark] .autocomplete-placeholder{color:var(--gray-500)}[data-theme=dark] .autocomplete-control:not(.autocomplete-control-disabled):not(.autocomplete-control-open) .autocomplete-placeholder{color:var(--gray-100)}[data-theme=dark] .autocomplete-chip{background-color:var(--primary-900);color:var(--primary-200)}[data-theme=dark] .autocomplete-menu{background-color:var(--gray-800);border-color:var(--gray-700)}[data-theme=dark] .autocomplete-option{color:var(--gray-300)}[data-theme=dark] .autocomplete-option:hover,[data-theme=dark] .autocomplete-option-focused,[data-theme=dark] .autocomplete-option-selected{background-color:var(--gray-700);color:var(--primary-400)}[data-theme=dark] .autocomplete-message{color:var(--gray-500)}[dir=rtl] .autocomplete-wrapper{direction:rtl}[dir=rtl] .autocomplete-chips,[dir=rtl] .autocomplete-indicators{flex-direction:row-reverse}.autocomplete-menu::-webkit-scrollbar{width:8px}.autocomplete-menu::-webkit-scrollbar-track{background:var(--gray-100);border-radius:var(--radius-md)}.autocomplete-menu::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:var(--radius-md)}.autocomplete-menu::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}[data-theme=dark] .autocomplete-menu::-webkit-scrollbar-track{background:var(--gray-900)}[data-theme=dark] .autocomplete-menu::-webkit-scrollbar-thumb{background:var(--gray-600)}@media (max-width: 640px){.autocomplete-menu{max-height:200px}.autocomplete-chip{font-size:var(--text-xs);padding:2px var(--space-2)}}.stock-chart-card-modern{margin-bottom:var(--space-6)}.chart-header-modern{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding:var(--space-6)!important;border-bottom:1px solid var(--gray-200)}.chart-title-wrapper{flex:1}.chart-controls-modern{display:flex;gap:var(--space-2);flex-shrink:0}.chart-type-btn-modern{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--gray-300);background:#fff;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);color:var(--gray-600)}.chart-type-btn-modern:hover{background-color:var(--gray-50);border-color:var(--primary-500);color:var(--primary-600);transform:translateY(-2px);box-shadow:var(--shadow-md)}.chart-type-btn-modern.active{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));border-color:var(--primary-600);color:#fff;box-shadow:var(--shadow-md)}.chart-type-btn-modern:active{transform:translateY(0)}.chart-content-modern{padding:var(--space-6)!important;min-height:400px}.custom-tooltip-modern{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-xl);min-width:200px}.tooltip-label-modern{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--gray-900);margin:0 0 var(--space-3) 0;padding-bottom:var(--space-2);border-bottom:1px solid var(--gray-200)}.tooltip-entries{display:flex;flex-direction:column;gap:var(--space-2)}.tooltip-entry-modern{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm)}.tooltip-indicator{width:12px;height:12px;border-radius:var(--radius-sm);flex-shrink:0}.tooltip-name{color:var(--gray-600);flex:1}.tooltip-value{font-weight:var(--font-semibold);color:var(--gray-900);font-variant-numeric:tabular-nums}.no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:var(--gray-400);gap:var(--space-4)}.no-data p{margin:0;font-size:var(--text-base);font-weight:var(--font-medium)}[data-theme=dark] .chart-header-modern{border-bottom-color:var(--gray-700)}[data-theme=dark] .chart-type-btn-modern{background:var(--gray-800);border-color:var(--gray-700);color:var(--gray-400)}[data-theme=dark] .chart-type-btn-modern:hover{background-color:var(--gray-700);border-color:var(--primary-500);color:var(--primary-400)}[data-theme=dark] .chart-type-btn-modern.active{background:linear-gradient(135deg,var(--primary-700),var(--primary-800));border-color:var(--primary-700);color:#fff}[data-theme=dark] .custom-tooltip-modern{background:var(--gray-800);border-color:var(--gray-700)}[data-theme=dark] .tooltip-label-modern{color:var(--gray-100);border-bottom-color:var(--gray-700)}[data-theme=dark] .tooltip-name{color:var(--gray-400)}[data-theme=dark] .tooltip-value{color:var(--gray-100)}[dir=rtl] .chart-header-modern{direction:rtl}[dir=rtl] .chart-controls-modern{flex-direction:row-reverse}[dir=rtl] .tooltip-entry-modern{direction:rtl}@media (max-width: 768px){.chart-header-modern{flex-direction:column;gap:var(--space-4);align-items:stretch}.chart-controls-modern{align-self:flex-end}.chart-type-btn-modern{width:40px;height:40px}.chart-content-modern{padding:var(--space-4)!important}}@media (max-width: 480px){.chart-controls-modern{width:100%;justify-content:center}.chart-type-btn-modern{flex:1;max-width:60px}}.stock-chart-container{background:#fff;border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm);margin-bottom:var(--space-6)}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--gray-200)}.chart-header h3{margin:0;color:var(--gray-900);font-size:var(--text-xl);font-weight:var(--font-semibold)}.chart-controls{display:flex;gap:var(--space-2)}.chart-type-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--gray-300);background:#fff;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);color:var(--gray-600)}.chart-type-btn:hover{background:var(--gray-50);border-color:var(--primary-500);color:var(--primary-600)}.chart-type-btn.active{background:var(--primary-600);border-color:var(--primary-600);color:#fff}.chart-content{min-height:300px}.custom-tooltip{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-3);box-shadow:var(--shadow-lg)}.tooltip-label{font-weight:var(--font-semibold);margin-bottom:var(--space-2);color:var(--gray-900)}.tooltip-entry{margin:var(--space-1) 0;font-size:var(--text-sm)}.material-form-modal{max-width:800px!important;max-height:90vh!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}.material-form-modal .modal-header{padding:1.25rem 1.5rem!important;border-bottom:1px solid #e5e7eb!important;background-color:#fff!important;flex-shrink:0!important}.material-form-modal .modal-header h3{font-size:1.125rem!important;font-weight:600!important;color:#111827!important;margin:0!important;display:flex!important;align-items:center!important;gap:.625rem!important}.material-form-modal .modal-body{padding:1.25rem 1.5rem!important;overflow-y:auto!important;flex:1!important;background-color:#fafafa!important}.material-form-modal .form-section{margin-bottom:1rem!important;padding:1rem!important;background-color:#fff!important;border-radius:.5rem!important;border:1px solid #e5e7eb!important;box-shadow:0 1px 2px #0000000a!important}.material-form-modal .form-section:last-child{margin-bottom:0!important}.material-form-modal .form-section h4{font-size:.8125rem!important;font-weight:600!important;color:#374151!important;margin-bottom:.875rem!important;padding-bottom:.625rem!important;border-bottom:1px solid #e5e7eb!important;display:flex!important;align-items:center!important;gap:.5rem!important;text-transform:uppercase!important;letter-spacing:.05em!important}.material-form-modal .form-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:.875rem 1rem!important}.material-form-modal .form-section.compact .form-grid{grid-template-columns:repeat(3,1fr)!important;gap:.75rem .875rem!important}.material-form-modal .form-section.pricing .form-grid{grid-template-columns:repeat(2,1fr)!important;gap:.75rem 1rem!important}.material-form-modal .form-group{display:flex!important;flex-direction:column!important;gap:.375rem!important}.material-form-modal .form-group.full-width{grid-column:1 / -1!important}.material-form-modal .form-group.span-2{grid-column:span 2!important}.material-form-modal .form-group.checkbox-group{display:flex!important;align-items:center!important;padding-top:1.5rem!important}.material-form-modal .form-group label{font-size:.8125rem!important;font-weight:500!important;color:#374151!important;display:flex!important;align-items:center!important;gap:.25rem!important}.material-form-modal .form-group label small{font-size:.6875rem!important;font-weight:400!important;color:#9ca3af!important}.material-form-modal .form-group.checkbox-group label{display:flex!important;align-items:center!important;gap:.5rem!important;font-size:.8125rem!important;cursor:pointer!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.material-form-modal .form-group .required{color:#dc2626!important}.material-form-modal .form-group input[type=text],.material-form-modal .form-group input[type=number],.material-form-modal .form-group input[type=date],.material-form-modal .form-group select,.material-form-modal .form-group textarea{padding:.5rem .75rem!important;border:1px solid #d1d5db!important;border-radius:.375rem!important;font-size:.8125rem!important;transition:all .15s!important;background-color:#fff!important}.material-form-modal .form-group input[type=text]::-moz-placeholder,.material-form-modal .form-group input[type=number]::-moz-placeholder,.material-form-modal .form-group textarea::-moz-placeholder{color:#cbd5e1!important;font-size:.8125rem!important;font-style:italic!important;opacity:.7!important}.material-form-modal .form-group input[type=text]::placeholder,.material-form-modal .form-group input[type=number]::placeholder,.material-form-modal .form-group textarea::placeholder{color:#cbd5e1!important;font-size:.8125rem!important;font-style:italic!important;opacity:.7!important}.material-form-modal .form-group input[type=text]:focus,.material-form-modal .form-group input[type=number]:focus,.material-form-modal .form-group input[type=date]:focus,.material-form-modal .form-group select:focus,.material-form-modal .form-group textarea:focus{outline:none!important;border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a!important}.material-form-modal .form-group input[type=text].error,.material-form-modal .form-group input[type=number].error,.material-form-modal .form-group select.error,.material-form-modal .form-group textarea.error{border-color:#dc2626!important}.material-form-modal .form-group input[type=text]:disabled,.material-form-modal .form-group input[type=number]:disabled,.material-form-modal .form-group select:disabled,.material-form-modal .form-group textarea:disabled{background-color:#f3f4f6!important;cursor:not-allowed!important;opacity:.6!important}.material-form-modal .form-group textarea{resize:vertical!important;min-height:60px!important}.material-form-modal .form-group small{font-size:.6875rem!important;color:#6b7280!important;margin-top:-.125rem!important}.material-form-modal .form-group small.error-text{color:#dc2626!important;font-weight:500!important}.material-form-modal .form-group label input[type=checkbox]{margin-right:.5rem!important;width:1rem!important;height:1rem!important;cursor:pointer!important}.material-form-modal .error-message{display:flex!important;align-items:center!important;gap:.5rem!important;padding:.75rem 1rem!important;background-color:#fef2f2!important;border:1px solid #fecaca!important;border-radius:.375rem!important;color:#991b1b!important;font-size:.875rem!important;margin-bottom:1rem!important}.material-form-modal .composite-section{background-color:#fff!important;padding:1rem!important;border-radius:.5rem!important;border:1px solid #e0e7ff!important;box-shadow:0 1px 2px #6366f10d!important}.material-form-modal .composite-header{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:1rem!important}.material-form-modal .composite-header h4{margin-bottom:0!important}.material-form-modal .toggle-switch{display:flex!important;align-items:center!important;gap:.75rem!important;cursor:pointer!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.material-form-modal .toggle-switch input[type=checkbox]{display:none!important}.material-form-modal .toggle-slider{position:relative!important;width:44px!important;height:24px!important;background-color:#d1d5db!important;border-radius:12px!important;transition:background-color .3s!important}.material-form-modal .toggle-slider:before{content:""!important;position:absolute!important;width:20px!important;height:20px!important;background-color:#fff!important;border-radius:50%!important;top:2px!important;left:2px!important;transition:transform .3s!important;box-shadow:0 1px 3px #0003!important}.material-form-modal .toggle-switch input[type=checkbox]:checked+.toggle-slider{background-color:#3b82f6!important}.material-form-modal .toggle-switch input[type=checkbox]:checked+.toggle-slider:before{transform:translate(20px)!important}.material-form-modal .toggle-label{font-size:.875rem!important;font-weight:500!important;color:#374151!important}.material-form-modal .composite-info{display:flex!important;align-items:flex-start!important;gap:.625rem!important;padding:.75rem .875rem!important;background-color:#f0f9ff!important;border:1px solid #bfdbfe!important;border-radius:.375rem!important;margin-bottom:1rem!important}.material-form-modal .composite-info svg{flex-shrink:0!important;margin-top:.125rem!important;color:#3b82f6!important;width:16px!important;height:16px!important}.material-form-modal .composite-info p{margin:0!important;font-size:.75rem!important;color:#1e40af!important;line-height:1.5!important}.material-form-modal .compositions-builder{margin-top:1rem!important}.material-form-modal .builder-header{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:1rem!important}.material-form-modal .builder-header h5{font-size:.875rem!important;font-weight:600!important;color:#111827!important;margin:0!important}.material-form-modal .compositions-table{overflow-x:auto!important;margin-bottom:.5rem!important;border-radius:.375rem!important;border:1px solid #e5e7eb!important}.material-form-modal .compositions-table table{width:100%!important;border-collapse:collapse!important;background-color:#fff!important}.material-form-modal .compositions-table thead{background-color:#f8fafc!important}.material-form-modal .compositions-table th{padding:.625rem .75rem!important;text-align:left!important;font-size:.6875rem!important;font-weight:600!important;color:#64748b!important;text-transform:uppercase!important;letter-spacing:.05em!important;border-bottom:2px solid #e5e7eb!important;white-space:nowrap!important}.material-form-modal .compositions-table td{padding:.625rem .75rem!important;border-bottom:1px solid #f1f5f9!important;font-size:.8125rem!important}.material-form-modal .compositions-table tbody tr:last-child td{border-bottom:none!important}.material-form-modal .compositions-table tbody tr:hover{background-color:#f9fafb!important}.material-form-modal .compositions-table .empty-row{text-align:center!important;padding:2rem!important;color:#9ca3af!important;font-size:.875rem!important}.material-form-modal .component-select,.material-form-modal .capacity-input,.material-form-modal .unit-input{width:100%!important;padding:.4rem .625rem!important;border:1px solid #d1d5db!important;border-radius:.25rem!important;font-size:.8125rem!important;background-color:#fff!important;transition:all .15s!important}.material-form-modal .component-select:focus,.material-form-modal .capacity-input:focus,.material-form-modal .unit-input:focus{outline:none!important;border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a!important}.material-form-modal .capacity-input{text-align:right!important}.material-form-modal .unit-input{text-align:left!important;padding:.4rem .5rem!important}.material-form-modal .hint-text{display:block!important;font-size:.75rem!important;color:#6b7280!important;font-style:italic!important;margin-top:.5rem!important}.material-form-modal .btn-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:.5rem!important;border:none!important;background:transparent!important;cursor:pointer!important;border-radius:.25rem!important;transition:all .15s!important}.material-form-modal .btn-icon:hover{background-color:#f3f4f6!important}.material-form-modal .btn-icon.danger{color:#dc2626!important}.material-form-modal .btn-icon.danger:hover{background-color:#fef2f2!important}.material-form-modal .btn-icon:disabled{opacity:.4!important;cursor:not-allowed!important}.material-form-modal .btn-icon:disabled:hover{background-color:transparent!important}.material-form-modal .modal-footer{display:flex!important;justify-content:flex-end!important;gap:.75rem!important;padding:1.25rem 1.5rem!important;border-top:1px solid #e5e7eb!important;background-color:#fff!important;flex-shrink:0!important}.material-form-modal .modal-footer .btn{padding:.625rem 1.25rem!important;font-size:.875rem!important;font-weight:500!important;border-radius:.375rem!important;transition:all .15s!important}.material-form-modal .modal-footer .btn-primary{background-color:#3b82f6!important;color:#fff!important;border:1px solid #3b82f6!important;box-shadow:0 1px 2px #0000000d!important}.material-form-modal .modal-footer .btn-primary:hover:not(:disabled){background-color:#2563eb!important;border-color:#2563eb!important;box-shadow:0 1px 3px #0000001a!important}.material-form-modal .modal-footer .btn-outline{background-color:#fff!important;color:#374151!important;border:1px solid #d1d5db!important}.material-form-modal .modal-footer .btn-outline:hover:not(:disabled){background-color:#f9fafb!important;border-color:#9ca3af!important}@media (max-width: 768px){.material-form-modal{max-width:95vw!important;margin:1rem!important}.material-form-modal .form-grid{grid-template-columns:1fr!important}.material-form-modal .form-group.full-width{grid-column:1!important}.material-form-modal .composite-header,.material-form-modal .builder-header{flex-direction:column!important;align-items:flex-start!important;gap:.75rem!important}.material-form-modal .compositions-table{font-size:.75rem!important}.material-form-modal .compositions-table th,.material-form-modal .compositions-table td{padding:.5rem .25rem!important}}[dir=rtl] .material-form-modal .composite-header,[dir=rtl] .material-form-modal .builder-header,[dir=rtl] .material-form-modal .composite-info{flex-direction:row-reverse!important}[dir=rtl] .material-form-modal .toggle-slider:before{left:auto!important;right:2px!important}[dir=rtl] .material-form-modal .toggle-switch input[type=checkbox]:checked+.toggle-slider:before{transform:translate(-20px)!important}[dir=rtl] .material-form-modal .form-group label input[type=checkbox]{margin-right:0!important;margin-left:.5rem!important}[dir=rtl] .material-form-modal .error-message{flex-direction:row-reverse!important}.overview-stats{display:flex;gap:1rem;margin-bottom:1rem}.overview-stats .stat-card{flex:1;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:.75rem 1rem;display:flex;align-items:center;gap:.75rem}.overview-stats .stat-icon{width:2.25rem;height:2.25rem;border-radius:.375rem;display:flex;align-items:center;justify-content:center;background:#3b82f61a;color:#3b82f6;flex-shrink:0}.overview-stats .stat-icon.warning{background:#f59e0b1a;color:#f59e0b}.overview-stats .stat-icon.success{background:#22c55e1a;color:#22c55e}.overview-stats .stat-icon svg{width:1.125rem;height:1.125rem}.overview-stats .stat-value{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0;line-height:1.2}.overview-stats .stat-label{font-size:.75rem;color:#6b7280;margin:0;text-transform:uppercase;letter-spacing:.025em}@media (max-width: 768px){.overview-stats{flex-direction:column}}.page-header h1{font-size:2rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.page-header p{color:#6b7280;margin:0}.status-badge.in-stock{background:#22c55e1a;color:#16a34a}.status-badge.low-stock{background:#f59e0b1a;color:#d97706}.status-badge.out-of-stock{background:#ef44441a;color:#dc2626}.oil-inventory-page{padding:0}.fuel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;margin-top:1rem}.fuel-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;overflow:hidden;box-shadow:0 1px 3px #0000001a;transition:all .2s ease}.fuel-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000001a}.fuel-card.low-stock{border-color:#fbbf24;background:linear-gradient(to bottom,#fbbf240d,#fff)}.fuel-header{padding:1.5rem 1.5rem 1rem;display:flex;justify-content:space-between;align-items:flex-start}.fuel-info h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 .25rem}.fuel-type{font-size:.875rem;color:#6b7280;margin:0}.fuel-tank{padding:0 1.5rem 1rem}.tank-visual{display:flex;align-items:center;gap:1.5rem}.tank-container{width:80px;height:120px;background:#f3f4f6;border-radius:.5rem;position:relative;overflow:hidden;border:2px solid #e5e7eb}.fuel-level{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,#3b82f6,#60a5fa);transition:height .5s ease;border-radius:0 0 .375rem .375rem}.fuel-level.high{background:linear-gradient(to top,#10b981,#34d399)}.fuel-level.medium{background:linear-gradient(to top,#f59e0b,#fbbf24)}.fuel-level.low{background:linear-gradient(to top,#ef4444,#f87171)}.tank-info{flex:1}.volume-info{display:flex;align-items:baseline;gap:.25rem;margin-bottom:.5rem}.current-volume{font-size:1.75rem;font-weight:700;color:#1f2937}.unit{font-size:.875rem;color:#6b7280}.percentage{font-size:.875rem;color:#6b7280;font-weight:500}.fuel-details{padding:0 1.5rem 1rem}.fuel-actions{padding:1rem 1.5rem;background:#f9fafb;border-top:1px solid #f3f4f6;display:flex;gap:.5rem}.fuel-table{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;overflow:hidden;box-shadow:0 1px 3px #0000001a;margin-top:1rem}.fuel-table table{width:100%;border-collapse:collapse}.fuel-table th{background:#f9fafb;padding:1rem;text-align:left;font-weight:600;color:#374151;font-size:.875rem;border-bottom:1px solid #e5e7eb}.fuel-table td{padding:1rem;border-bottom:1px solid #f3f4f6;font-size:.875rem;color:#1f2937}.fuel-table tbody tr:last-child td{border-bottom:none}.fuel-table tbody tr:hover{background:#f9fafb}.fuel-cell{display:flex;flex-direction:column;gap:.25rem}.fuel-cell strong{font-weight:600;color:#1f2937}.fuel-cell small{font-size:.75rem;color:#6b7280}.progress-cell{display:flex;align-items:center;gap:.5rem}.progress-bar{flex:1;height:.5rem;background:#e5e7eb;border-radius:.25rem;overflow:hidden}.progress-fill{height:100%;background:#3b82f6;transition:width .3s ease}.progress-fill.high{background:#10b981}.progress-fill.medium{background:#f59e0b}.progress-fill.low{background:#ef4444}.delivery-schedule{margin-top:2rem;background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.delivery-schedule h2{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 1rem}.delivery-list{display:flex;flex-direction:column;gap:1rem}.delivery-item{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;padding:1rem;background:#f9fafb;border-radius:.5rem;align-items:center}.delivery-date{display:flex;flex-direction:column;align-items:center;padding:.5rem 1rem;background:#fff;border-radius:.5rem;border:1px solid #e5e7eb}.delivery-date .day{font-size:1.5rem;font-weight:700;color:#1f2937;line-height:1}.delivery-date .month{font-size:.875rem;color:#6b7280;text-transform:uppercase}.delivery-details h4{font-size:.875rem;font-weight:600;color:#1f2937;margin:0 0 .25rem}.delivery-details p{font-size:.875rem;color:#6b7280;margin:0 0 .25rem}.delivery-details p:last-child{margin-bottom:0}.delivery-time{font-size:.75rem;color:#9ca3af}.delivery-status{padding:.375rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:500}.delivery-status.scheduled{background:#3b82f61a;color:#3b82f6}.contracts-page{padding:0}.contracts-table .contract-id{font-weight:600;color:#1f2937}.contracts-table .customer-info{display:flex;align-items:center;gap:.5rem;color:#374151}.contracts-table .customer-info svg{color:#6b7280;flex-shrink:0}.contracts-table .contract-type{display:flex;align-items:center;gap:.5rem;color:#374151}.contracts-table .contract-type svg{color:#6b7280;flex-shrink:0}.contracts-table .expiry-info{display:flex;flex-direction:column;gap:.25rem}.contracts-table .expiry-info .date{font-weight:500;color:#1f2937}.contracts-table .expiry-warning{display:flex;align-items:center;gap:.25rem;color:#dc2626;font-size:.75rem;font-weight:600}.contracts-table .contract-status-badge{display:inline-block;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;color:#fff}.contracts-table .fuel-items-summary{display:flex;flex-direction:column;gap:.25rem}.contracts-table .item-count{font-weight:600;color:#1f2937;font-size:.875rem}.contracts-table .item-types{display:flex;flex-direction:column;gap:2px}.contracts-table .fuel-type{font-size:.75rem;color:#6b7280;text-transform:capitalize}.contracts-table .more-items{font-size:.75rem;color:#9ca3af;font-style:italic}.contracts-table .table-actions{display:flex;align-items:center;gap:.5rem}.contracts-table .btn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;background:#fff;border:1px solid #d1d5db;color:#6b7280;cursor:pointer;transition:all .2s ease}.contracts-table .btn-icon:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af;color:#374151}.contracts-table .btn-icon.primary{background:#3b82f6;border-color:#3b82f6;color:#fff}.contracts-table .btn-icon.primary:hover:not(:disabled){background:#2563eb;border-color:#2563eb}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #e5e7eb}.page-title-section h1{font-size:2rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.page-title-section p{color:#6b7280;margin:0;font-size:1rem}.contracts-filters{display:flex;gap:1.5rem;margin-bottom:2rem;padding:1.5rem;background:#fff;border-radius:.75rem;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;color:#6b7280;stroke-width:2}.search-input{width:100%;padding:.75rem .75rem .75rem 2.75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;transition:all .2s ease}.filter-select{padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;background:#fff;min-width:150px}.contracts-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.summary-card{background:#fff;border-radius:.75rem;padding:1.5rem;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;display:flex;align-items:center;gap:1rem}.summary-icon{width:3rem;height:3rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.summary-icon.active{background:#22c55e1a;color:#22c55e}.summary-icon.expiring{background:#f59e0b1a;color:#f59e0b}.summary-icon.renewal{background:#3b82f61a;color:#3b82f6}.summary-icon.value{background:#a855f71a;color:#a855f7}.summary-content h3{font-size:.875rem;font-weight:500;color:#6b7280;margin:0 0 .25rem}.summary-number{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0 0 .25rem}.summary-change{font-size:.75rem;color:#6b7280;margin:0}.contracts-list{display:flex;flex-direction:column;gap:1.5rem}.contract-card{background:#fff;border-radius:.75rem;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;overflow:hidden;transition:all .2s ease}.contract-card:hover{box-shadow:0 4px 6px #0000001a}.contract-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #f3f4f6}.contract-info h3.contract-id{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 .25rem}.customer-name{font-size:1rem;font-weight:500;color:#374151;margin:0 0 .25rem}.contract-type{font-size:.875rem;color:#6b7280;margin:0}.contract-status-section{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.contract-status{padding:.375rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:500;color:#fff;text-transform:uppercase;letter-spacing:.05em}.expiry-warning{padding:.25rem .75rem;background:#f59e0b1a;color:#f59e0b;border-radius:1rem;font-size:.75rem;font-weight:500}.contract-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;padding:1rem 1.5rem;background:#f9fafb}.detail-group label{display:block;font-size:.75rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.detail-group p{font-size:.875rem;font-weight:500;color:#1f2937;margin:0}.contract-fuel-items{padding:1rem 1.5rem}.contract-fuel-items h4{font-size:.875rem;font-weight:600;color:#374151;margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.05em}.fuel-items-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.fuel-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:.75rem}.fuel-type{font-size:.875rem;font-weight:600;color:#1f2937;margin-bottom:.25rem;text-transform:capitalize}.fuel-rate{font-size:.875rem;font-weight:500;color:#059669;margin-bottom:.25rem}.fuel-schedule{font-size:.75rem;color:#6b7280;text-transform:capitalize}.contract-actions{display:flex;gap:.75rem;padding:1rem 1.5rem;background:#f9fafb;border-top:1px solid #e5e7eb}.empty-state{text-align:center;padding:3rem 1.5rem;background:#fff;border-radius:.75rem;border:1px solid #e5e7eb}.empty-icon{width:3rem;height:3rem;color:#d1d5db;margin:0 auto 1rem;stroke-width:1.5}.empty-state p{color:#6b7280;margin:0}.loading-spinner{display:flex;justify-content:center;align-items:center;padding:3rem;font-size:1.125rem;color:#6b7280}@media (max-width: 768px){.contracts-page{padding:1rem}.page-header{flex-direction:column;gap:1rem;align-items:stretch}.contracts-filters{flex-direction:column;gap:1rem}.contracts-summary{grid-template-columns:1fr}.contract-header{flex-direction:column;gap:1rem;align-items:stretch}.contract-status-section{flex-direction:row;justify-content:space-between;align-items:center}.contract-details{grid-template-columns:1fr;gap:1rem}.fuel-items-grid{grid-template-columns:1fr}.contract-actions{flex-wrap:wrap}}@media (max-width: 480px){.contract-actions{flex-direction:column}.summary-card{flex-direction:column;text-align:center;gap:1rem}}.contract-form{max-height:calc(90vh - 160px);overflow-y:auto;padding:0}.contract-form .form-section{margin-bottom:2rem;padding:1.5rem;background:#fff;border-radius:var(--radius-lg);border:1px solid var(--gray-200)}.contract-form .form-section-title{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--gray-800);margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--gray-200)}.contract-form .form-section-title:before{content:"";width:4px;height:24px;background:linear-gradient(135deg,var(--primary-600),var(--primary-700));border-radius:2px}.contract-form .title-with-action{display:flex;align-items:center;justify-content:space-between;width:100%}.contract-form .title-with-action span{display:flex;align-items:center;gap:var(--space-3)}.contract-form .form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;align-items:start}.contract-form .form-group{display:flex;flex-direction:column;gap:.5rem}.contract-form .form-group.full-width{grid-column:1 / -1}.contract-form .form-group label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--gray-700)}.contract-form .form-group input,.contract-form .form-group select,.contract-form .form-group textarea{padding:.75rem;border:2px solid var(--gray-300);border-radius:var(--radius-lg);font-size:var(--text-sm);transition:all var(--transition-fast);background:#fff}.contract-form .form-group input:focus,.contract-form .form-group select:focus,.contract-form .form-group textarea:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a}.contract-form .form-group input[readonly],.contract-form .form-group input.readonly{background:var(--gray-50);color:var(--gray-600);cursor:not-allowed}.contract-form .form-group select:disabled,.contract-form .form-group input:disabled{background:var(--gray-50);color:var(--gray-500);cursor:not-allowed}.rates-table{min-height:200px}.empty-rates{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;background:var(--gray-50);border-radius:var(--radius-lg);border:2px dashed var(--gray-300)}.empty-rates .empty-icon{color:var(--gray-400);margin-bottom:1rem}.empty-rates h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--gray-700);margin-bottom:.5rem}.empty-rates p{color:var(--gray-500);margin-bottom:1.5rem}.rates-grid{display:grid;gap:1.5rem}.rate-item{background:var(--gray-50);border:2px solid var(--gray-200);border-radius:var(--radius-lg);padding:1.5rem;transition:all var(--transition-fast)}.rate-item:hover{border-color:var(--primary-200);box-shadow:0 4px 12px #3b82f61a}.rate-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;gap:1rem}.rate-material{flex:1}.material-select{width:100%;padding:.5rem;border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:var(--text-sm);background:#fff}.material-select:focus{border-color:var(--primary-500);box-shadow:0 0 0 2px #3b82f61a}.rate-config{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;align-items:start}.rate-config .form-group.full-width{grid-column:1 / -1}.rate-config .form-group input,.rate-config .form-group select{padding:.5rem;font-size:var(--text-sm);border:1px solid var(--gray-300)}.customer-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.customer-detail{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background:var(--gray-50);border-radius:var(--radius-md)}.customer-detail label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--gray-600);text-transform:uppercase;letter-spacing:.025em}.customer-detail span{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--gray-800)}.customer-type-badge{display:inline-block;padding:.25rem .75rem;background:var(--primary-100);color:var(--primary-800);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold)}.btn-danger{background:#fff;color:var(--error-600);border:1px solid var(--error-300)}.btn-danger:hover:not(:disabled){background:var(--error-50);border-color:var(--error-400);color:var(--error-700)}.contract-form .form-actions{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid var(--gray-200);background:var(--gray-50);margin:2rem -1.5rem -1.5rem;border-radius:0 0 var(--radius-lg) var(--radius-lg)}.contract-form .loading-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.contract-form .form-grid,.rate-config,.customer-info-grid{grid-template-columns:1fr}.contract-form .form-actions{flex-direction:column-reverse}.contract-form .form-actions .btn{width:100%;justify-content:center}.rate-header{flex-direction:column;align-items:stretch}}.available-locations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;margin-bottom:2rem}.location-selection-card{border:2px solid var(--gray-200);border-radius:var(--radius-lg);padding:1rem;cursor:pointer;transition:all .2s ease;background:#fff}.location-selection-card:hover{border-color:var(--primary-300);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.location-selection-card.selected{border-color:var(--primary-600);background:var(--primary-50);box-shadow:0 4px 12px #2563eb26}.location-selection-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.location-info h4{margin:0 0 .25rem;color:var(--gray-900);font-size:1rem;font-weight:600}.location-code{font-size:.75rem;color:var(--primary-600);background:var(--primary-100);padding:.125rem .5rem;border-radius:var(--radius);font-weight:500}.selection-indicator{color:var(--primary-600);padding:.25rem}.location-selection-card.selected .selection-indicator{color:var(--primary-700)}.location-details .address{font-size:.875rem;color:var(--gray-600);margin:0 0 .5rem;line-height:1.4}.contact-info{display:flex;flex-direction:column;gap:.25rem}.contact-person,.contact-phone{font-size:.8125rem;color:var(--gray-500)}.contact-person{font-weight:500}.selected-locations-summary{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:1.5rem}.selected-locations-summary h4{margin:0 0 1rem;color:var(--gray-900);font-size:1rem;font-weight:600}.no-selection{color:var(--gray-500);font-style:italic;margin:0}.selected-locations-list{display:flex;flex-wrap:wrap;gap:.5rem}.selected-location-item{display:flex;align-items:center;gap:.5rem;background:#fff;border:1px solid var(--primary-200);border-radius:var(--radius);padding:.5rem .75rem}.location-name{font-weight:500;color:var(--gray-900)}.location-code{color:var(--primary-600);font-size:.875rem}.empty-state{text-align:center;padding:3rem 1.5rem;color:var(--gray-500)}.empty-icon{color:var(--gray-400);margin-bottom:1rem}.empty-state h3{margin:0 0 .5rem;color:var(--gray-700);font-size:1.125rem}.empty-state p{max-width:400px;margin:0 auto;line-height:1.5}.material-details-display{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius)}.material-name{font-weight:600;color:var(--gray-900)}.material-type,.material-unit{font-size:.875rem;color:var(--gray-600)}.supplier-contract-form{max-width:none;width:100%}.form-steps{display:flex;justify-content:center;align-items:center;margin-bottom:2rem;padding:1rem 0;border-bottom:2px solid #e5e7eb}.step{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:0 2rem;position:relative;cursor:pointer;transition:all .3s ease}.step:not(:last-child):after{content:"";position:absolute;top:15px;right:-50%;width:100%;height:2px;background:#e5e7eb;z-index:1}.step.active:not(:last-child):after{background:linear-gradient(90deg,#3b82f6,#e5e7eb)}.step-number{width:2rem;height:2rem;border-radius:50%;background:#e5e7eb;color:#6b7280;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;transition:all .3s ease;position:relative;z-index:2}.step.active .step-number{background:#3b82f6;color:#fff;box-shadow:0 0 0 4px #3b82f633}.step-title{font-size:.875rem;font-weight:600;color:#6b7280;text-align:center;transition:all .3s ease}.step.active .step-title{color:#3b82f6}.materials-container{display:flex;flex-direction:column;gap:2rem}.location-materials-card{border:2px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;background:#fff;transition:all .2s ease}.location-materials-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a}.location-materials-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.location-materials-header h4{margin:0;color:#1f2937;font-size:1.125rem;font-weight:600}.materials-list{display:flex;flex-direction:column;gap:1.5rem}.material-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem}.material-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.material-header span{font-weight:600;color:#374151}.material-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;align-items:start}.input-with-currency{display:flex;align-items:stretch}.input-with-currency input{flex:1;border-radius:.375rem 0 0 .375rem;border-right:none}.currency-select{border-radius:0 .375rem .375rem 0;border-left:none;background:#f9fafb;font-size:.875rem;font-weight:500;color:#374151;min-width:80px}.add-material-btn{margin-top:1rem;display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#fff;border:2px dashed #d1d5db;border-radius:.5rem;color:#6b7280;font-weight:500;transition:all .2s ease;cursor:pointer}.add-material-btn:hover{border-color:#3b82f6;color:#3b82f6;background:#f0f9ff}.section-subtitle{font-size:.875rem;font-weight:400;color:#6b7280;margin-left:.5rem}.supplier-info{display:flex;align-items:center;gap:.5rem;color:#374151}.supplier-info svg{color:#6b7280;flex-shrink:0}.locations-summary,.materials-summary{display:flex;align-items:center;gap:.5rem;color:#374151}.locations-summary svg,.materials-summary svg{color:#6b7280;flex-shrink:0}@media (max-width: 768px){.form-steps{flex-direction:column;gap:1rem}.step{padding:0;flex-direction:row;width:100%;justify-content:flex-start}.step:not(:last-child):after{display:none}.step-number{margin-right:.75rem}.material-form-grid{grid-template-columns:1fr}.location-materials-header{flex-direction:column;align-items:flex-start;gap:.5rem}}@media (max-width: 480px){.available-locations-grid{grid-template-columns:1fr}.selected-locations-list{flex-direction:column}}.add-location-section{margin-bottom:2rem}.location-selector-dropdown{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;background:#fff;cursor:pointer;transition:all .2s ease}.location-selector-dropdown:hover{border-color:#3b82f6}.location-selector-dropdown:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.selected-locations{display:flex;flex-direction:column;gap:1.5rem}.location-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;overflow:hidden;transition:all .2s ease}.location-card:hover{box-shadow:0 4px 6px #0000001a;border-color:#3b82f6}.location-card-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.25rem 1.5rem 1rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0}.location-info{flex:1}.location-name{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;color:#1e293b;margin:0 0 .5rem}.location-name svg{color:#3b82f6}.location-details{font-size:.875rem;color:#64748b;margin:0;line-height:1.4}.remove-location-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;color:#dc2626;cursor:pointer;transition:all .2s ease}.remove-location-btn:hover{background:#fee2e2;border-color:#fca5a5;transform:scale(1.05)}.materials-section{padding:1.5rem}.materials-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.materials-header h5{font-size:1rem;font-weight:600;color:#374151;margin:0}.add-material-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#3b82f6;color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.add-material-btn:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 2px 4px #3b82f64d}.no-materials{text-align:center;padding:2rem;background:#f9fafb;border:2px dashed #d1d5db;border-radius:.5rem;color:#6b7280}.no-materials p{margin:0;font-size:.875rem}.materials-table-section{padding:1.5rem}.materials-table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.materials-table-header h5{font-size:1rem;font-weight:600;color:#374151;margin:0}.add-material-btn-table{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#3b82f6;color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.add-material-btn-table:hover{background:#2563eb;transform:translateY(-1px)}.materials-table-container{border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden;background:#fff}.materials-table{width:100%;border-collapse:collapse;font-size:.875rem}.materials-table thead{background:#f8fafc;border-bottom:1px solid #e5e7eb}.materials-table th{padding:.75rem .5rem;text-align:left;font-weight:600;color:#374151;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;border-right:1px solid #e5e7eb}.materials-table th:last-child{border-right:none}.materials-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background-color .2s ease}.materials-table tbody tr:hover{background:#f8fafc}.materials-table td{padding:.5rem;border-right:1px solid #f1f5f9;vertical-align:middle}.materials-table td:last-child{border-right:none}.empty-row{background:#fafbfc}.empty-message{text-align:center;color:#6b7280;font-style:italic;padding:2rem 1rem!important}.table-select,.table-select-small,.table-select-xs{width:100%;padding:.375rem .5rem;border:1px solid #d1d5db;border-radius:.25rem;font-size:.875rem;background:#fff;transition:all .2s ease}.table-select{min-width:150px}.table-select-small{min-width:100px}.table-select-xs{min-width:70px}.table-select:focus,.table-select-small:focus,.table-select-xs:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.table-input-number,.table-input-small{width:100%;padding:.375rem .5rem;border:1px solid #d1d5db;border-radius:.25rem;font-size:.875rem;transition:all .2s ease}.table-input-number{min-width:80px}.table-input-small{min-width:70px}.table-input-number:focus,.table-input-small:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.table-remove-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:#fef2f2;border:1px solid #fecaca;border-radius:.25rem;color:#dc2626;cursor:pointer;transition:all .2s ease;margin:0 auto}.table-remove-btn:hover{background:#fee2e2;border-color:#fca5a5;transform:scale(1.1)}.material-cell{min-width:180px}.unit-cell{min-width:90px}.rate-type-cell{min-width:120px}.rate-cell{min-width:90px}.currency-cell{min-width:70px}.currency-display{display:inline-block;padding:.375rem .5rem;background:#f8fafc;color:#374151;font-weight:500;border:1px solid #e5e7eb;border-radius:.25rem;font-size:.875rem;width:100%;text-align:center}.min-qty-cell,.max-qty-cell{min-width:80px}.actions-cell{width:60px;text-align:center}.empty-state{text-align:center;padding:3rem 2rem;color:#6b7280}.empty-state-icon{margin-bottom:1rem;color:#d1d5db}.empty-state h3{font-size:1.125rem;font-weight:600;color:#374151;margin:0 0 .5rem}.empty-state p{margin:0;font-size:.875rem}.empty-locations{background:#f9fafb;border:2px dashed #d1d5db;border-radius:.75rem;margin:2rem 0}@media (max-width: 1024px){.materials-table-container{overflow-x:auto}.materials-table{min-width:700px}}@media (max-width: 768px){.location-card-header,.materials-table-section{padding:1rem}.materials-table-header{flex-direction:column;align-items:stretch;gap:1rem}.add-material-btn-table{justify-content:center}.materials-table{min-width:800px}.materials-table th,.materials-table td{padding:.375rem .25rem}}@media (max-width: 480px){.location-card{margin:0 -.5rem;border-radius:.5rem}.materials-table-section{padding:.75rem}.materials-table th{font-size:.65rem;padding:.5rem .25rem}.materials-table td{padding:.25rem}.table-select,.table-select-small,.table-select-xs,.table-input-number,.table-input-small{padding:.25rem .375rem;font-size:.75rem}}.purchase-receipt-container{display:flex;flex-direction:column;gap:1.5rem;max-height:80vh;overflow-y:auto}.receipt-header{background:var(--gray-50);border-radius:8px;padding:1rem;border:1px solid var(--gray-200)}.order-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.info-item{display:flex;align-items:center;gap:.75rem}.info-icon{width:20px;height:20px;color:var(--blue-600);flex-shrink:0}.info-item>div{display:flex;flex-direction:column}.info-label{font-size:.875rem;color:var(--gray-600);margin-bottom:.25rem}.info-value{font-weight:600;color:var(--gray-900)}.receipt-items h3{margin:0 0 1rem;color:var(--gray-900);font-size:1.125rem;font-weight:600}.items-table{border:1px solid var(--gray-200);border-radius:8px;overflow:hidden}.table-header{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr 1fr 1.5fr 1fr 1.5fr;gap:.5rem;padding:.75rem;background:var(--gray-100);font-weight:600;font-size:.875rem;color:var(--gray-700);border-bottom:1px solid var(--gray-200)}.table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr 1fr 1.5fr 1fr 1.5fr;gap:.5rem;padding:1rem .75rem;border-bottom:1px solid var(--gray-100);align-items:center}.table-row:last-child{border-bottom:none}.table-row:hover{background:var(--gray-50)}.material-info{display:flex;flex-direction:column}.material-name{font-weight:500;color:var(--gray-900);margin-bottom:.25rem}.material-price{font-size:.875rem;color:var(--gray-600)}.quantity-badge{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .75rem;background:var(--blue-100);color:var(--blue-800);border-radius:4px;font-weight:500;font-size:.875rem}.col-received input{width:100%}.col-batch input,.col-expiry input{width:100%;font-size:.875rem}.location-select,.condition-select{width:100%;padding:.5rem;border:1px solid var(--gray-300);border-radius:4px;font-size:.875rem;background:#fff;color:var(--gray-900)}.location-select:focus,.condition-select:focus{outline:none;border-color:var(--blue-500);box-shadow:0 0 0 3px var(--blue-100)}.location-select.error{border-color:var(--red-500)}.receipt-summary{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--gray-50);border-radius:8px;border:1px solid var(--gray-200)}.summary-item{display:flex;justify-content:space-between;align-items:center;gap:1rem}.total-value{font-weight:700;font-size:1.125rem;color:var(--green-600)}.receipt-notes{display:flex;flex-direction:column;gap:.5rem}.receipt-notes label{font-weight:500;color:var(--gray-700)}.receipt-notes textarea{width:100%;padding:.75rem;border:1px solid var(--gray-300);border-radius:4px;font-family:inherit;font-size:.875rem;resize:vertical;min-height:80px}.receipt-notes textarea:focus{outline:none;border-color:var(--blue-500);box-shadow:0 0 0 3px var(--blue-100)}.receipt-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1rem;border-top:1px solid var(--gray-200)}@media (max-width: 1024px){.table-header,.table-row{grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr .8fr 1fr;font-size:.8rem}.order-info{grid-template-columns:1fr}.quality-controls{gap:.25rem}.quality-check-btn{padding:.25rem .375rem;font-size:.7rem}.grade-select{font-size:.7rem;padding:.25rem .375rem}}@media (max-width: 768px){.purchase-receipt-container{padding:1rem}.table-header,.table-row{display:none}.items-table{display:flex;flex-direction:column;gap:1rem}.table-row{display:block;padding:1rem;background:#fff;border:1px solid var(--gray-200);border-radius:8px}.receipt-actions{flex-direction:column-reverse}.receipt-actions button{width:100%}}.error-message{color:var(--red-600);font-size:.875rem;margin-top:.25rem}.input-error{border-color:var(--red-500)!important}.input-error:focus{box-shadow:0 0 0 3px var(--red-100)!important}.receipt-loading{opacity:.6;pointer-events:none}.received-indicator{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:var(--green-100);color:var(--green-800);border-radius:4px;font-size:.75rem;font-weight:500}.received-indicator svg{width:12px;height:12px}.quality-controls{display:flex;flex-direction:column;gap:.5rem}.quality-grade{display:flex;align-items:center}.grade-select{width:100%;padding:.375rem .5rem;border:1px solid var(--gray-300);border-radius:4px;font-size:.75rem;font-weight:500;background:#fff;color:var(--gray-900)}.grade-select.grade-a{border-color:var(--green-400);background:var(--green-50);color:var(--green-800)}.grade-select.grade-b{border-color:var(--blue-400);background:var(--blue-50);color:var(--blue-800)}.grade-select.grade-c{border-color:var(--amber-400);background:var(--amber-50);color:var(--amber-800)}.grade-select.grade-reject{border-color:var(--red-400);background:var(--red-50);color:var(--red-800)}.quality-check-btn{display:flex;align-items:center;gap:.25rem;padding:.375rem .5rem;border:1px solid var(--gray-300);border-radius:4px;background:var(--gray-50);color:var(--gray-700);font-size:.75rem;cursor:pointer;transition:all var(--transition-fast)}.quality-check-btn:hover{background:var(--gray-100);border-color:var(--gray-400)}.quality-status{font-weight:500}.quality-summary{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--gray-200);padding:1.5rem;margin-bottom:1rem}.quality-summary h3{display:flex;align-items:center;gap:.5rem;font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--gray-900);margin:0 0 1rem;padding-bottom:.75rem;border-bottom:1px solid var(--gray-200)}.quality-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1rem}.metric-card{text-align:center;padding:1rem;background:var(--gray-50);border-radius:var(--radius-md);border:1px solid var(--gray-200)}.metric-value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--gray-900);margin-bottom:.25rem}.metric-label{font-size:var(--text-sm);color:var(--gray-600);font-weight:var(--font-medium)}.rating-display{display:flex;justify-content:center;align-items:center}.rating-stars{display:flex;gap:.125rem}.star-filled{color:var(--amber-400);cursor:pointer}.star-empty{color:var(--gray-300);cursor:pointer}.star-filled:hover,.star-empty:hover{color:var(--amber-500)}.quality-notes-section{display:flex;flex-direction:column;gap:.5rem}.quality-notes-section label{font-weight:var(--font-medium);color:var(--gray-700);font-size:var(--text-sm)}.quality-notes-section textarea{width:100%;padding:.75rem;border:1px solid var(--gray-300);border-radius:var(--radius-md);font-family:inherit;font-size:var(--text-sm);resize:vertical;min-height:80px;transition:border-color var(--transition-fast)}.quality-notes-section textarea:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a}.purchase-expense-form{max-width:100%;padding:0}.expense-header{background:#f8fafc;padding:1rem;border-radius:8px;margin-bottom:1.5rem;border:1px solid #e2e8f0}.expense-header .order-info h4{margin:0 0 .5rem;color:#1e293b;font-weight:600}.expense-header .order-info p{margin:.25rem 0;color:#64748b;font-size:.9rem}.expense-items{margin-bottom:1.5rem}.items-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid #e2e8f0}.items-header h4{margin:0;color:#1e293b;font-weight:600}.expense-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem;margin-bottom:1rem;transition:border-color .2s}.expense-item:hover{border-color:#cbd5e1}.expense-item-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #f1f5f9}.category-icon{color:#3b82f6;flex-shrink:0}.expense-number{font-weight:600;color:#1e293b;flex-grow:1}.expense-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.field-group label{font-weight:500;color:#374151;margin-bottom:.375rem;font-size:.9rem}.form-input,.form-select,.form-textarea{padding:.625rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;transition:border-color .2s,box-shadow .2s;background:#fff}.error-text{color:#ef4444;font-size:.8rem;margin-top:.25rem}.form-textarea{resize:vertical;min-height:60px}.expense-summary{background:#f8fafc;padding:1.25rem;border-radius:8px;border:1px solid #e2e8f0;margin-bottom:1.5rem}.summary-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.95rem}.summary-row:last-child{margin-bottom:0}.summary-row.total{border-top:2px solid #e2e8f0;margin-top:.75rem;padding-top:.75rem;font-weight:600;font-size:1rem}.total-amount{font-weight:600;color:#059669;font-size:1.05rem}.btn-danger:hover{background:#fef2f2;border-color:#f87171}@media (max-width: 768px){.expense-fields{grid-template-columns:1fr}.items-header{flex-direction:column;gap:.75rem;align-items:stretch}.form-actions{flex-direction:column-reverse}.btn{justify-content:center}}.expense-item{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.vendor-manager{max-width:100%}.vendor-form{max-width:100%}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;margin-bottom:2rem}.vendor-info{display:flex;flex-direction:column;gap:.25rem}.vendor-name{font-weight:600;color:#1e293b;font-size:.95rem}.vendor-code{font-size:.8rem;color:#64748b;font-family:Courier New,monospace}.vendor-contact{display:flex;align-items:center;gap:.375rem;font-size:.8rem;color:#64748b;margin-top:.125rem}.vendor-type-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:500;background:#e0f2fe;color:#0369a1}.contact-info{display:flex;flex-direction:column;gap:.375rem;font-size:.85rem}.phone,.email{display:flex;align-items:center;gap:.375rem;color:#4b5563}.phone{font-weight:500}.email{color:#64748b}.purchase-amount{font-weight:600;color:#059669;font-size:.9rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.9rem;font-weight:500;border:1px solid;border-radius:6px;cursor:pointer;transition:all .2s;text-decoration:none;background:none;white-space:nowrap}.vendor-type-badge{border:1px solid transparent}.vendors-table .vendor-info{min-width:200px}.vendors-table .contact-info{min-width:150px}.vendors-table .purchase-amount{text-align:right}.form-grid .field-group:nth-child(1){grid-column:span 2}.form-grid .field-group:nth-child(2){grid-column:span 1}@media (max-width: 1024px){.form-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.form-grid{grid-template-columns:1fr}.form-grid .field-group:nth-child(1){grid-column:span 1}.manager-header{flex-direction:column;gap:1rem;align-items:stretch}.form-actions{flex-direction:column-reverse}.action-buttons{flex-wrap:wrap}.vendor-info,.contact-info{min-width:auto}}.form-input[type=number],.form-input[placeholder*=OMR]{text-align:right}.form-input[placeholder*="+968"]{text-align:left}.vendor-code{background:#f8fafc;padding:.125rem .375rem;border-radius:3px;border:1px solid #e2e8f0}.phone svg,.email svg{color:#64748b;flex-shrink:0}.btn:focus{outline:2px solid #3b82f6;outline-offset:2px}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:2px solid #3b82f6;outline-offset:-2px}.vendors-table tbody tr:hover{background-color:#f8fafc}.storage-location-manager{max-width:100%}.manager-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e2e8f0}.form-container{padding:1rem 0}.form-container h3{margin:0 0 1.5rem;color:#1e293b;font-weight:600;border-bottom:1px solid #e2e8f0;padding-bottom:.75rem}.location-form{max-width:100%}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.25rem;margin-bottom:2rem}.field-group{display:flex;flex-direction:column}.field-group.full-width{grid-column:1 / -1}.field-group label{font-weight:500;color:#374151;margin-bottom:.5rem;font-size:.9rem}.form-input,.form-select,.form-textarea{padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;transition:border-color .2s,box-shadow .2s;background:#fff}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-input.error,.form-select.error,.form-textarea.error{border-color:#ef4444}.input-group{display:flex;gap:.5rem}.input-group .form-input{flex:1}.unit-select{min-width:100px;flex-shrink:0}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;margin-top:.5rem}.checkbox-label input[type=checkbox]{margin:0}.error-text{color:#ef4444;font-size:.8rem;margin-top:.375rem}.form-actions{display:flex;gap:.75rem;justify-content:flex-end;padding-top:1.5rem;border-top:1px solid #e2e8f0}.location-info{display:flex;flex-direction:column;gap:.25rem}.location-name{font-weight:600;color:#1e293b}.location-code{font-size:.8rem;color:#64748b;font-family:Courier New,monospace}.location-type{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.capacity-info{display:flex;flex-direction:column;gap:.375rem}.capacity-value{font-weight:500;color:#1e293b}.utilization-bar{position:relative;height:6px;border-radius:3px;overflow:hidden;background:#e5e7eb}.utilization-text{position:absolute;top:-20px;right:0;font-size:.7rem;color:#64748b;font-weight:500}.status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:500}.status-badge.active{background:#dcfce7;color:#166534}.status-badge.inactive{background:#fef2f2;color:#dc2626}.action-buttons{display:flex;gap:.375rem;align-items:center}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.9rem;font-weight:500;border:1px solid;border-radius:6px;cursor:pointer;transition:all .2s;text-decoration:none;background:none}.btn-primary:hover:not(:disabled){background:#2563eb;border-color:#2563eb}.btn-secondary{background:#fff;color:#374151;border-color:#d1d5db}.btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.btn-outline{background:transparent;color:#374151;border-color:#d1d5db}.btn-danger{color:#dc2626;border-color:#fca5a5}.btn-danger:hover:not(:disabled){background:#fef2f2;border-color:#f87171}.btn-sm{padding:.375rem .75rem;font-size:.8rem}@media (max-width: 768px){.form-grid{grid-template-columns:1fr}.manager-header{flex-direction:column;gap:1rem;align-items:stretch}.form-actions{flex-direction:column-reverse}.action-buttons{flex-wrap:wrap}.input-group{flex-direction:column}.unit-select{min-width:auto}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#64748b}.loading-spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.storage-locations-table{margin-top:0}.storage-locations-table .capacity-info{min-width:150px}.storage-locations-table .utilization-bar{min-width:60px}.purchase-invoice-modal{min-width:700px;max-width:900px}.invoice-list-container{padding:1rem}.invoice-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.invoice-list-header h3{margin:0;font-size:1.25rem;color:#111827}.btn-create-invoice{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background-color:#3b82f6;color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-create-invoice:hover{background-color:#2563eb}.invoice-empty-state{text-align:center;padding:3rem 2rem;color:#6b7280}.invoice-empty-state svg{margin-bottom:1rem;color:#d1d5db}.invoice-empty-state p{margin:1rem 0 1.5rem;font-size:1rem}.invoice-list{display:grid;gap:1rem}.invoice-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1.25rem;transition:all .2s ease}.invoice-card:hover{border-color:#d1d5db;box-shadow:0 4px 6px -1px #0000001a}.invoice-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.invoice-card-header h4{margin:0 0 .25rem;font-size:1.125rem;color:#111827}.invoice-card-date{margin:0;font-size:.875rem;color:#6b7280}.invoice-status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600}.invoice-card-body{margin-bottom:1rem;padding:1rem;background-color:#f9fafb;border-radius:.375rem}.invoice-card-row{display:flex;justify-content:space-between;margin-bottom:.5rem}.invoice-card-row:last-child{margin-bottom:0}.invoice-card-label{font-size:.875rem;color:#6b7280}.invoice-card-value{font-size:.875rem;font-weight:500;color:#111827}.invoice-card-balance{font-size:1rem;font-weight:600;color:#3b82f6}.invoice-card-actions{display:flex;gap:.75rem}.btn-invoice-action{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-view{background-color:#fff;color:#374151}.btn-view:hover{background-color:#f9fafb;border-color:#9ca3af}.btn-payment{background-color:#10b981;color:#fff;border-color:#10b981}.btn-payment:hover{background-color:#059669}.invoice-form{padding:1.5rem}.invoice-form h3{margin:0 0 1.5rem;font-size:1.25rem;color:#111827}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.375rem;font-size:.875rem;font-weight:500;color:#374151}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.625rem .875rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;transition:all .2s ease}.form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.btn-cancel{padding:.625rem 1.5rem;background-color:#fff;color:#374151;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-cancel:hover{background-color:#f9fafb}.btn-submit{padding:.625rem 1.5rem;background-color:#3b82f6;color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-submit:hover:not(:disabled){background-color:#2563eb}.btn-submit:disabled{opacity:.5;cursor:not-allowed}.payment-summary{padding:1rem;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;margin-bottom:1.5rem}.payment-summary-row{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.875rem}.payment-summary-row:last-child{margin-bottom:0}.payment-summary-row.highlight{padding-top:.75rem;border-top:1px solid #d1d5db;margin-top:.5rem;font-size:1rem;color:#3b82f6}.invoice-view{padding:1.5rem}.invoice-view-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.invoice-view-header h3{margin:0;font-size:1.25rem;color:#111827}.invoice-view-body{display:flex;flex-direction:column;gap:1.5rem}.invoice-view-section{padding:1.25rem;background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem}.invoice-view-section h4{margin:0 0 1rem;font-size:1rem;font-weight:600;color:#374151}.invoice-view-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.invoice-view-field{display:flex;flex-direction:column;gap:.25rem}.invoice-view-field label{font-size:.75rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.025em}.invoice-view-field span{font-size:.875rem;color:#111827}.invoice-view-amount{font-size:1rem!important;font-weight:600!important}.invoice-view-field.highlight{grid-column:1 / -1;padding:.75rem;background-color:#eff6ff;border-radius:.375rem}.invoice-view-field.highlight span{font-size:1.125rem!important;font-weight:700!important;color:#3b82f6!important}.invoice-view-notes{margin:0;padding:.75rem;background-color:#f9fafb;border-radius:.375rem;font-size:.875rem;color:#374151;line-height:1.5}.invoice-view-actions{display:flex;justify-content:center;padding-top:1rem}.btn-payment-large{display:flex;align-items:center;gap:.625rem;padding:.875rem 2rem;background-color:#10b981;color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-payment-large:hover{background-color:#059669;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}@media (max-width: 768px){.purchase-invoice-modal{min-width:auto;width:100%;max-width:100%}.form-row,.invoice-view-grid{grid-template-columns:1fr}.invoice-card-actions{flex-direction:column}.invoice-view-field.highlight{grid-column:1}}.purchase-order-amendment-modal{min-width:700px;max-width:900px}.message{padding:.75rem 1rem;border-radius:.375rem;margin-bottom:1rem;font-size:.875rem}.message-success{background-color:#d1fae5;border:1px solid #10b981;color:#065f46}.message-error{background-color:#fee2e2;border:1px solid #ef4444;color:#991b1b}.amendments-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;color:#6b7280}.amendments-spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}.amendments-list-container{padding:1rem}.amendments-list-header{margin-bottom:1.5rem}.amendments-list-header h3{margin:0;font-size:1.25rem;color:#111827}.amendments-empty-state{text-align:center;padding:3rem 2rem;color:#6b7280}.amendments-empty-state svg{margin-bottom:1rem;color:#d1d5db}.amendments-empty-state p{margin:1rem 0;font-size:1rem}.amendments-empty-hint{font-size:.875rem!important;color:#9ca3af!important}.amendments-list{display:grid;gap:1rem}.amendment-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1.25rem;transition:all .2s ease}.amendment-card:hover{border-color:#d1d5db;box-shadow:0 4px 6px -1px #0000001a}.amendment-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #f3f4f6}.amendment-card-header h4{margin:0 0 .25rem;font-size:1.125rem;color:#111827}.amendment-card-date{margin:0;font-size:.875rem;color:#6b7280}.amendment-status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600}.amendment-card-body{margin-bottom:1rem}.amendment-card-field{margin-bottom:.75rem}.amendment-card-label{display:block;font-size:.75rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.025em;margin-bottom:.25rem}.amendment-card-value{display:block;font-size:.875rem;color:#111827}.amendment-card-new-total{font-weight:600;color:#3b82f6}.amendment-card-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:.75rem;background-color:#f9fafb;border-radius:.375rem;margin-bottom:.75rem}.amendment-card-meta{display:flex;flex-direction:column;gap:.375rem;padding-top:.75rem;border-top:1px solid #f3f4f6;font-size:.75rem;color:#6b7280}.amendment-card-actions{display:flex;justify-content:flex-end}.btn-amendment-action{padding:.5rem 1.25rem;background-color:#3b82f6;color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-amendment-action:hover{background-color:#2563eb}.amendment-details{padding:1.5rem}.amendment-details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.amendment-details-header h3{margin:0;font-size:1.25rem;color:#111827}.btn-back{padding:.5rem 1rem;background-color:#fff;color:#374151;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;cursor:pointer;transition:all .2s ease}.btn-back:hover{background-color:#f9fafb}.amendment-details-body{display:flex;flex-direction:column;gap:1.5rem}.amendment-details-section{padding:1.25rem;background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem}.amendment-details-section h4{margin:0 0 1rem;font-size:1rem;font-weight:600;color:#374151}.amendment-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.amendment-details-field{display:flex;flex-direction:column;gap:.25rem}.amendment-details-field label{font-size:.75rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.025em}.amendment-details-field span{font-size:.875rem;color:#111827}.amendment-details-reason{margin:0;padding:1rem;background-color:#f9fafb;border-radius:.375rem;font-size:.875rem;color:#374151;line-height:1.6}.amendment-details-financial{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background-color:#f9fafb;border-radius:.5rem}.amendment-financial-item{flex:1;text-align:center}.amendment-financial-item label{display:block;font-size:.75rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.025em;margin-bottom:.5rem}.amendment-financial-value{display:block;font-size:1.25rem;font-weight:700;color:#111827}.amendment-financial-new{color:#3b82f6!important}.amendment-financial-arrow{font-size:1.5rem;color:#9ca3af}.amendment-financial-diff{flex:1;text-align:center;padding:1rem;background-color:#fff;border-radius:.375rem}.amendment-financial-diff .amendment-financial-value.positive{color:#10b981!important}.amendment-financial-diff .amendment-financial-value.negative{color:#ef4444!important}.amendment-changes{padding:1rem;background-color:#f9fafb;border-radius:.375rem}.amendment-changes-json{margin:0;padding:1rem;background-color:#1f2937;color:#f3f4f6;border-radius:.375rem;font-size:.75rem;font-family:Courier New,monospace;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word}.amendment-details-approval{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1rem;background-color:#f9fafb;border-radius:.375rem}@media (max-width: 768px){.purchase-order-amendment-modal{min-width:auto;width:100%;max-width:100%}.amendment-card-row,.amendment-details-grid,.amendment-details-approval{grid-template-columns:1fr}.amendment-details-financial{flex-direction:column;gap:1rem}.amendment-financial-arrow{transform:rotate(90deg)}}.purchase-order-details-modal .order-view-professional{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.order-view-professional .order-icon-container{width:48px;height:48px;border-radius:12px;background-color:#8b5cf6;display:flex;align-items:center;justify-content:center;margin-right:16px;flex-shrink:0}.order-view-professional .order-icon-container.purchase{background-color:#8b5cf6}.order-view-professional .order-badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.order-view-professional .status-badge-large.status-draft{background-color:#6b7280}.order-view-professional .status-badge-large.status-pending{background-color:#f59e0b}.order-view-professional .status-badge-large.status-approved{background-color:#3b82f6}.order-view-professional .status-badge-large.status-ordered{background-color:#8b5cf6}.order-view-professional .status-badge-large.status-received{background-color:#10b981}.order-view-professional .status-badge-large.status-cancelled{background-color:#ef4444}.order-view-professional .source-type-badge{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:12px;font-size:12px;font-weight:500}.order-view-professional .source-type-badge.manual{background-color:#dbeafe;color:#1e40af;border:1px solid #93c5fd}.order-view-professional .source-type-badge.wcn_auto{background-color:#d1fae5;color:#047857;border:1px solid #6ee7b7}.order-view-professional .source-info-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;overflow:hidden}.order-view-professional .alert-info{padding:14px 16px;background-color:#dbeafe;border:1px solid #93c5fd;border-radius:8px;margin-bottom:16px;display:flex;align-items:flex-start;gap:12px;color:#1e3a8a}.order-view-professional .alert-success{padding:14px 16px;background-color:#d1fae5;border:1px solid #a7f3d0;border-radius:8px;margin-bottom:16px;display:flex;align-items:flex-start;gap:12px;color:#065f46}.order-view-professional .alert-info svg,.order-view-professional .alert-success svg{flex-shrink:0;margin-top:2px}.order-view-professional .alert-subtitle{font-size:13px;font-weight:400;margin-top:4px}.order-view-professional .alert-info .alert-subtitle{color:#1e40af}.order-view-professional .alert-success .alert-subtitle{color:#047857}.order-view-professional .wcn-details{margin-top:12px;padding:12px;background-color:#f9fafb;border-radius:6px}.order-view-professional .wcn-linked-details{margin-top:12px}.order-view-professional .btn-link-wcn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background-color:#2563eb;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;font-size:14px;transition:all .2s}.order-view-professional .btn-link-wcn:hover{background-color:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.order-view-professional .btn-link-wcn:active{transform:translateY(0)}.order-view-professional .wcn-link-section{margin-top:12px}.order-view-professional .wcn-link-form{padding:20px;background-color:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.order-view-professional .wcn-link-form h4{margin:0 0 16px;font-size:16px;font-weight:600;color:#1f2937}.order-view-professional .wcn-link-form .form-group{margin-bottom:16px}.order-view-professional .wcn-link-form .form-group:last-of-type{margin-bottom:20px}.order-view-professional .wcn-link-form label{display:block;margin-bottom:6px;font-size:14px;font-weight:500;color:#374151}.order-view-professional .wcn-link-form .form-control{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#1f2937;background-color:#fff;transition:border-color .2s}.order-view-professional .wcn-link-form .form-control:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.order-view-professional .wcn-link-form .form-help{display:block;margin-top:6px;font-size:12px;color:#6b7280;font-style:italic}.order-view-professional .wcn-link-form .form-actions{display:flex;gap:12px;justify-content:flex-end}.order-view-professional .notes-card-body{padding:20px;background-color:#f9fafb;font-size:14px;color:#374151;line-height:1.6;border-radius:0 0 8px 8px;white-space:pre-wrap}.order-view-professional .btn:disabled{opacity:.5;cursor:not-allowed}.order-view-professional .btn-secondary:hover:not(:disabled){background-color:#f9fafb}.order-view-professional .btn-primary:hover:not(:disabled){background-color:#2563eb}@media (max-width: 768px){.order-view-professional .order-title{font-size:20px}.order-view-professional .order-badges{flex-direction:column;align-items:flex-start}.order-view-professional .wcn-link-form .form-actions{flex-direction:column}.order-view-professional .wcn-link-form .form-actions button{width:100%}.order-view-professional .financial-card{max-width:100%}}.custom-toast{display:flex;align-items:center;gap:12px;padding:16px;border-radius:8px;box-shadow:0 4px 12px #00000026;max-width:420px;min-width:320px;font-family:inherit}.custom-toast-error{background-color:#fef2f2;border:1px solid #fecaca}.custom-toast-success{background-color:#f0fdf4;border:1px solid #bbf7d0}.custom-toast-warning{background-color:#fffbeb;border:1px solid #fed7aa}.custom-toast-info{background-color:#eff6ff;border:1px solid #bfdbfe}.toast-content{flex:1;display:flex;flex-direction:column;gap:4px}.toast-title{font-weight:600;font-size:14px;margin:0;line-height:1.4}.custom-toast-error .toast-title{color:#991b1b}.custom-toast-success .toast-title{color:#166534}.custom-toast-warning .toast-title{color:#92400e}.custom-toast-info .toast-title{color:#1e40af}.toast-message{font-size:13px;margin:0;line-height:1.5}.custom-toast-error .toast-message{color:#7f1d1d}.custom-toast-success .toast-message{color:#14532d}.custom-toast-warning .toast-message{color:#78350f}.custom-toast-info .toast-message{color:#1e3a8a}.toast-retry-btn{margin-left:8px;padding:8px 16px;background-color:#ef4444;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background-color .2s ease;white-space:nowrap}.toast-retry-btn:hover{background-color:#dc2626}.toast-retry-btn:active{background-color:#b91c1c}.toast-dismiss{margin-left:8px;padding:4px 8px;background:transparent;border:none;font-size:20px;font-weight:700;line-height:1;cursor:pointer;color:#6b7280;transition:color .2s ease}.toast-dismiss:hover{color:#374151}[dir=rtl] .custom-toast{flex-direction:row-reverse}[dir=rtl] .toast-retry-btn,[dir=rtl] .toast-dismiss{margin-left:0;margin-right:8px}@media (max-width: 480px){.custom-toast{min-width:280px;max-width:100%;padding:12px}.toast-title{font-size:13px}.toast-message{font-size:12px}.toast-retry-btn{padding:6px 12px;font-size:12px}}.wcn-finalization-modal{padding:0}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;gap:1rem}.loading-container p{color:var(--text-secondary);font-size:.95rem}.alert{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:8px;margin-bottom:1.5rem;font-size:.925rem;line-height:1.5}.alert-error{background-color:#fee;border:1px solid #fcc;color:#c33}.alert-info{background-color:#e3f2fd;border:1px solid #90caf9;color:#1565c0}.alert-warning{background-color:#fff3e0;border:1px solid #ffcc80;color:#e65100}.wcn-section{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color, #e0e0e0)}.wcn-section:last-of-type{border-bottom:none;padding-bottom:0}.section-title{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;padding:1rem;background:var(--background-secondary, #f8f9fa);border-radius:8px}.info-item label{font-size:.85rem;color:var(--text-secondary);font-weight:500}.info-item strong{font-size:1rem;color:var(--text-primary)}.info-item span{font-size:.95rem;color:var(--text-primary)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.25rem}.form-group label{display:flex;align-items:center;gap:.5rem;font-size:.925rem;font-weight:500;color:var(--text-primary)}.form-group input[type=date],.form-group textarea{padding:.75rem;border:1px solid var(--border-color, #d0d0d0);border-radius:6px;font-size:.95rem;font-family:inherit;transition:border-color .2s,box-shadow .2s}.form-group input[type=date]:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color, #1976d2);box-shadow:0 0 0 3px #1976d21a}.form-group textarea{resize:vertical;min-height:80px}.items-table-container{overflow-x:auto;border-radius:8px;border:1px solid var(--border-color, #e0e0e0)}.items-table{width:100%;border-collapse:collapse;font-size:.925rem}.items-table thead{background:var(--background-secondary, #f5f5f5)}.items-table th,.items-table td{padding:.875rem 1rem;text-align:left;border-bottom:1px solid var(--border-color, #e0e0e0)}.items-table th{font-weight:600;color:var(--text-secondary);font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.items-table tbody tr:hover{background:var(--background-hover, #fafafa)}.items-table tbody tr:last-child td{border-bottom:none}.items-table td.text-right{text-align:right}.items-table td small{color:var(--text-secondary);font-size:.825rem}.items-table tfoot{background:var(--background-secondary, #f8f9fa);font-weight:600}.items-table tfoot td{padding:1rem;border-top:2px solid var(--border-color, #d0d0d0);border-bottom:none}.total-amount{color:var(--primary-color, #1976d2);font-size:1.1rem}.composite-preview{background:#f0f7ff;padding:1.5rem;border-radius:8px;border:1px solid #90caf9}.composite-item{background:#fff;padding:1rem;border-radius:6px;margin-top:1rem;border:1px solid #e3f2fd}.composite-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.75rem;border-bottom:1px solid #e0e0e0;margin-bottom:.75rem}.composite-header strong{font-size:1rem;color:var(--text-primary)}.composite-qty{background:#e3f2fd;color:#1565c0;padding:.25rem .75rem;border-radius:12px;font-size:.875rem;font-weight:500}.composite-components{padding-left:1rem}.components-label{font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem;font-weight:500}.composite-components ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.composite-components li{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:var(--background-secondary, #f8f9fa);border-radius:4px;font-size:.925rem}.component-name{font-weight:500;color:var(--text-primary);flex:1}.component-type{color:var(--text-secondary);font-size:.825rem;font-style:italic}.component-qty{color:var(--primary-color, #1976d2);font-weight:600;font-size:.875rem}.what-happens{background:#f0f7ff;padding:1.5rem;border-radius:8px}.steps-list{margin:0;padding-left:1.5rem;display:flex;flex-direction:column;gap:.875rem}.steps-list li{line-height:1.6;color:var(--text-primary)}.steps-list strong{color:var(--primary-color, #1565c0)}.sub-step{display:block;margin-top:.25rem;color:var(--text-secondary);font-size:.875rem}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.825rem;font-weight:500;text-transform:capitalize}.status-badge.completed{background:#e8f5e9;color:#2e7d32}.status-badge.in_transit,.status-badge.collecting{background:#fff3e0;color:#e65100}.status-badge.scheduled{background:#e3f2fd;color:#1565c0}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1.5rem;margin-top:1.5rem;border-top:1px solid var(--border-color, #e0e0e0)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;font-family:inherit}.btn-secondary{background:var(--background-secondary, #f5f5f5);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:#e0e0e0}.btn-primary{background:var(--primary-color, #1976d2);color:#fff}.btn-primary:hover:not(:disabled){background:#1565c0;box-shadow:0 2px 8px #1976d24d}.quantity-input{width:100px;padding:.5rem .75rem;border:1px solid var(--border-color, #d0d0d0);border-radius:6px;font-size:.95rem;font-family:inherit;text-align:center;transition:all .2s}.quantity-input:focus{outline:none;border-color:var(--primary-color, #1976d2);box-shadow:0 0 0 3px #1976d226}.quantity-input.changed{border-color:#f59e0b;background:#fffbeb}.quantity-input:disabled{background:#f3f4f6;cursor:not-allowed}.items-table tbody tr.quantity-modified{background:#fffbeb}.items-table tbody tr.quantity-modified:hover{background:#fef3c7}.expected-qty{color:var(--text-secondary);font-size:.9rem}.quantity-diff{display:block;font-size:.75rem;margin-top:.25rem;font-weight:600}.quantity-diff.increase{color:#16a34a}.quantity-diff.decrease{color:#dc2626}.amount-changed{color:#f59e0b!important}.quantity-changed-badge{display:inline-flex;align-items:center;gap:.375rem;margin-left:.75rem;padding:.25rem .75rem;background:#fef3c7;color:#b45309;border-radius:12px;font-size:.8rem;font-weight:500}.items-table th.text-center,.items-table td.text-center{text-align:center}.items-table th.text-right,.items-table td.text-right{text-align:right}.wcn-progress-indicator{background:linear-gradient(135deg,#e0f2fe,#f0f9ff);border:1px solid #7dd3fc;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.progress-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;font-weight:600;color:#0369a1;font-size:1rem}.progress-header .spinner{animation:spin 1s linear infinite}.progress-steps{display:flex;justify-content:space-between;align-items:flex-start;position:relative;margin-bottom:1rem}.progress-steps:before{content:"";position:absolute;top:16px;left:30px;right:30px;height:2px;background:#cbd5e1;z-index:0}.progress-step{display:flex;flex-direction:column;align-items:center;gap:.5rem;z-index:1;min-width:60px}.step-circle{width:32px;height:32px;border-radius:50%;background:#fff;border:2px solid #cbd5e1;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;color:#64748b;transition:all .3s ease}.progress-step.active .step-circle{background:#0284c7;border-color:#0284c7;color:#fff;box-shadow:0 0 0 4px #0284c733;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 4px #0284c733}50%{box-shadow:0 0 0 8px #0284c71a}}.progress-step.completed .step-circle{background:#10b981;border-color:#10b981;color:#fff}.step-label{font-size:.7rem;color:#64748b;font-weight:500;text-align:center;white-space:nowrap}.progress-step.active .step-label{color:#0284c7;font-weight:600}.progress-step.completed .step-label{color:#10b981}.progress-message{text-align:center;color:#0369a1;font-size:.925rem;font-weight:500;padding-top:.5rem;border-top:1px solid #bae6fd}.section-header-with-action{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header-with-action .section-title{margin-bottom:0}.add-material-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:#f0fdf4;color:#15803d;border:1px solid #86efac;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.add-material-btn:hover{background:#dcfce7;border-color:#4ade80}.add-material-form{background:#f0fdf4;border:1px solid #86efac;border-radius:8px;padding:1.25rem;margin-bottom:1rem}.add-material-form h4{margin:0 0 1rem;font-size:.95rem;font-weight:600;color:#15803d}.add-material-grid{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:1rem;align-items:end}.add-material-grid .form-group{margin-bottom:0}.add-material-grid .form-group label{font-size:.825rem;margin-bottom:.375rem}.add-material-grid select,.add-material-grid input[type=number]{padding:.625rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;width:100%}.add-material-grid select:focus,.add-material-grid input[type=number]:focus{outline:none;border-color:#22c55e;box-shadow:0 0 0 3px #22c55e26}.form-actions-inline{display:flex;gap:.5rem;align-items:flex-end;padding-bottom:2px}.btn-sm{padding:.5rem .875rem;font-size:.85rem}.items-table tbody tr.new-item-row{background:#f0fdf4}.items-table tbody tr.new-item-row:hover{background:#dcfce7}.new-item-badge{display:inline-block;margin-left:.5rem;padding:.125rem .5rem;background:#22c55e;color:#fff;border-radius:4px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;vertical-align:middle}.btn-remove-item{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:#fee2e2;color:#dc2626;border:1px solid #fecaca;border-radius:4px;cursor:pointer;transition:all .2s}.btn-remove-item:hover:not(:disabled){background:#fecaca;border-color:#f87171}.btn-remove-item:disabled{opacity:.5;cursor:not-allowed}.btn-outline{background:transparent;border:1px solid currentColor}@media (max-width: 768px){.info-grid,.form-grid{grid-template-columns:1fr}.items-table{font-size:.85rem}.items-table th,.items-table td{padding:.625rem .75rem}.quantity-input{width:80px;padding:.375rem .5rem;font-size:.875rem}.modal-actions{flex-direction:column-reverse}.btn{width:100%}}.wcn-rectification-modal{padding:0}.rectification-badge{display:inline-block;background:#fff3e0;color:#e65100;padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:500}.adjustments-container{display:flex;flex-direction:column;gap:1.25rem}.adjustment-item{background:var(--background-secondary, #f8f9fa);border:2px solid var(--border-color, #e0e0e0);border-radius:8px;padding:1.25rem;transition:all .3s}.adjustment-item.changed{background:#fff8e1;border-color:#ffb74d;box-shadow:0 2px 8px #ffb74d33}.adjustment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color, #e0e0e0)}.material-info{display:flex;align-items:center;gap:.5rem}.material-info strong{font-size:1.05rem;color:var(--text-primary)}.material-code{color:var(--text-secondary);font-size:.875rem;font-weight:400}.change-indicator{display:flex;align-items:center}.change-indicator span{display:flex;align-items:center;gap:.375rem;padding:.375rem .875rem;border-radius:16px;font-size:.875rem;font-weight:600}.change-indicator .increase{background:#e8f5e9;color:#2e7d32}.change-indicator .decrease{background:#ffebee;color:#c62828}.adjustment-controls{display:flex;flex-direction:column;gap:1rem}.quantity-inputs{display:flex;align-items:center;gap:1rem}.quantity-field{flex:1;display:flex;flex-direction:column;gap:.5rem}.quantity-field label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.quantity-field input{display:flex;align-items:center}.quantity-input{flex:1;padding:.75rem;border:2px solid var(--border-color, #d0d0d0);border-radius:6px;font-size:1rem;font-weight:500;transition:all .2s;min-width:0}.quantity-input:focus{outline:none;border-color:var(--primary-color, #1976d2);box-shadow:0 0 0 3px #1976d21a}.quantity-input.disabled{background:var(--background-secondary, #f0f0f0);color:var(--text-secondary);cursor:not-allowed}.quantity-input.changed{border-color:#ff9800;background:#fff;font-weight:600}.unit-label{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:var(--text-secondary);font-size:.875rem;font-weight:500;pointer-events:none}.quantity-field{position:relative}.quantity-arrow{font-size:1.5rem;color:var(--text-secondary);font-weight:300;flex-shrink:0}.reason-field{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:#fff;border-radius:6px;border:1px solid #e0e0e0}.reason-field label{display:flex;justify-content:space-between;align-items:center;font-size:.925rem;font-weight:500;color:var(--text-primary)}.char-count{font-size:.8rem;color:var(--text-secondary);font-weight:400}.reason-field textarea{padding:.75rem;border:2px solid var(--border-color, #d0d0d0);border-radius:6px;font-size:.925rem;font-family:inherit;resize:vertical;min-height:60px;transition:all .2s}.reason-field textarea:focus{outline:none;border-color:var(--primary-color, #1976d2);box-shadow:0 0 0 3px #1976d21a}.reason-field textarea.invalid{border-color:#f44336}.reason-field textarea.valid{border-color:#4caf50}.impact-preview{background:#f0f7ff;padding:1.5rem;border-radius:8px;border:2px solid #90caf9}.impact-table-container{overflow-x:auto;border-radius:8px;background:#fff;margin-top:1rem}.impact-table{width:100%;border-collapse:collapse;font-size:.925rem}.impact-table thead{background:var(--background-secondary, #f5f5f5)}.impact-table th,.impact-table td{padding:.875rem 1rem;text-align:left;border-bottom:1px solid var(--border-color, #e0e0e0)}.impact-table th{font-weight:600;color:var(--text-secondary);font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.impact-table tbody tr:hover{background:var(--background-hover, #fafafa)}.impact-table tbody tr:last-child td{border-bottom:none}.impact-table td.text-right{text-align:right}.impact-table td.text-center{text-align:center}.impact-table td small{color:var(--text-secondary);font-size:.825rem}.adjustment-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:600}.adjustment-badge.increase{background:#e8f5e9;color:#2e7d32}.adjustment-badge.decrease{background:#ffebee;color:#c62828}.btn-outline{background:#fff;color:var(--primary-color, #1976d2);border:2px solid var(--primary-color, #1976d2)}.btn-outline:hover:not(:disabled){background:var(--primary-color, #1976d2);color:#fff}@media (max-width: 768px){.quantity-inputs{flex-direction:column;align-items:stretch}.quantity-arrow{transform:rotate(90deg);align-self:center}.adjustment-header{flex-direction:column;align-items:flex-start;gap:.75rem}.change-indicator{width:100%}.modal-actions{flex-direction:column-reverse}.btn{width:100%}.impact-table{font-size:.85rem}.impact-table th,.impact-table td{padding:.625rem .75rem}}@media (prefers-color-scheme: dark){.adjustment-item{background:#2a2a2a;border-color:#404040}.adjustment-item.changed{background:#3a3520;border-color:#5a5020}.reason-field{background:#2a2a2a;border-color:#404040}.impact-preview{background:#1a2730;border-color:#2a4760}.impact-table-container{background:#2a2a2a}}:root{--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-300: #93c5fd;--primary-400: #60a5fa;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-900: #111827;--blue-50: #eff6ff;--blue-100: #dbeafe;--blue-300: #93c5fd;--blue-400: #60a5fa;--blue-600: #2563eb;--blue-700: #1d4ed8;--orange-50: #fff7ed;--orange-100: #ffedd5;--orange-300: #fdba74;--orange-400: #fb923c;--orange-600: #ea580c;--orange-700: #c2410c;--purple-50: #faf5ff;--purple-100: #f3e8ff;--purple-300: #c4b5fd;--purple-400: #a78bfa;--purple-600: #9333ea;--purple-700: #7c3aed;--green-50: #f0fdf4;--green-100: #dcfce7;--green-300: #86efac;--green-400: #4ade80;--green-600: #16a34a;--green-700: #15803d;--red-50: #fef2f2;--red-100: #fee2e2;--red-300: #fca5a5;--red-400: #f87171;--red-600: #dc2626;--red-700: #b91c1c;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--radius: .375rem;--radius-lg: .5rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#fff;border-radius:.75rem;border:1px solid var(--gray-200);box-shadow:var(--shadow-sm);transition:all .2s ease}.stat-card-blue .stat-icon{background:var(--blue-100);color:var(--blue-600)}.stat-card-orange .stat-icon{background:var(--orange-100);color:var(--orange-600)}.stat-card-green .stat-icon{background:var(--green-100);color:var(--green-600)}.stat-card-purple .stat-icon{background:var(--purple-100);color:var(--purple-600)}.stat-details{flex:1}.stat-label{font-size:.875rem;font-weight:500;color:var(--gray-600);margin:0 0 .25rem;text-transform:uppercase;letter-spacing:.025em}.stat-value{font-size:1.875rem;font-weight:700;color:var(--gray-900);margin:0;line-height:1}.manager-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem;background:#fff;border-radius:.75rem;border:1px solid var(--gray-200);box-shadow:var(--shadow-sm)}.header-title{display:flex;align-items:center;gap:.75rem}.header-title h2{font-size:1.5rem;font-weight:700;color:var(--gray-900);margin:0}.header-subtitle{font-size:.875rem;color:var(--gray-600);margin:.25rem 0 0;font-weight:400}.header-actions{display:flex;gap:.75rem;align-items:center}.filter-btn,.add-btn,.btn-primary,.btn-secondary{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border:1px solid var(--gray-300);border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;background:#fff;color:var(--gray-700)}.filter-btn:hover,.btn-secondary:hover{background:var(--gray-50);border-color:var(--gray-400);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.add-btn,.btn-primary{background:var(--primary-600);color:#fff;border-color:var(--primary-600)}.add-btn:hover,.btn-primary:hover{background:var(--primary-700);border-color:var(--primary-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:#fff;color:var(--gray-700);border:1px solid var(--gray-300)}.search-and-filters{display:flex;align-items:center;gap:1rem;background:#fff;border-radius:.75rem;border:1px solid var(--gray-200);margin-bottom:1.5rem;padding:1.25rem 1.5rem;box-shadow:var(--shadow-sm)}.search-input-wrapper{position:relative;flex:1;max-width:400px}.filters-row{display:flex;align-items:center;gap:.75rem}.search-filters{display:flex;align-items:end;gap:1.5rem;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:.5rem;min-width:150px}.filter-label{font-size:.875rem;font-weight:500;color:var(--gray-700);margin-bottom:.25rem}.filter-actions{display:flex;gap:.75rem;margin-left:auto}.advanced-filters-btn,.columns-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border:1px solid var(--gray-300);border-radius:.5rem;background:#fff;color:var(--gray-700);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.advanced-filters-btn:hover,.columns-btn:hover{background:var(--gray-50);border-color:var(--primary-400);color:var(--primary-700)}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--gray-400);z-index:10}.search-field{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid var(--gray-300);border-radius:.5rem;font-size:.875rem;transition:all .2s ease;background:#fff}.search-field:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a}.search-field::-moz-placeholder{color:var(--gray-500)}.search-field::placeholder{color:var(--gray-500)}.filter-select{padding:.625rem 2rem .625rem .875rem;border:1px solid var(--gray-300);border-radius:.5rem;font-size:.875rem;font-weight:500;background:#fff;color:var(--gray-700);cursor:pointer;transition:all .2s ease;min-width:150px}.filter-select:hover{border-color:var(--gray-400);background:var(--gray-50)}.callouts-table{background:#fff;border-radius:.75rem;border:1px solid var(--gray-200);box-shadow:var(--shadow-sm);overflow:visible}.callouts-table table{width:100%;table-layout:auto}@media (max-width: 1200px){.search-and-filters{flex-wrap:wrap}.search-input-wrapper{flex:1 1 100%;max-width:100%}.filters-row{flex:1 1 auto}}.collection-stats{margin-bottom:2rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.stat-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#fff;border:1px solid var(--gray-200);border-radius:.75rem;box-shadow:var(--shadow-sm);transition:all .2s ease}.stat-card.clickable{cursor:pointer}.stat-card.clickable:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary-300)}.stat-card.active{border-color:var(--primary-500);background:var(--primary-50);box-shadow:var(--shadow-md)}.stat-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:.75rem;flex-shrink:0}.stat-icon.scheduled{background:var(--blue-100);color:var(--blue-600)}.stat-icon.in-transit{background:var(--orange-100);color:var(--orange-600)}.stat-icon.collecting{background:var(--purple-100);color:var(--purple-600)}.stat-content{display:flex;flex-direction:column;gap:.25rem}.quick-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#fff;border:1px solid var(--gray-200);border-radius:.75rem;box-shadow:var(--shadow-sm);transition:all .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-icon{padding:.75rem;border-radius:.5rem}.stat-icon.active{background:var(--green-100);color:var(--green-600)}.stat-icon.inactive{background:var(--red-100);color:var(--red-600)}.stat-icon.total{background:var(--blue-100);color:var(--blue-600)}.stat-icon.rates{background:var(--purple-100);color:var(--purple-600)}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:1.875rem;font-weight:700;color:var(--gray-900);line-height:1}.stat-label{font-size:.75rem;color:var(--gray-600);font-weight:500;text-transform:uppercase;letter-spacing:.025em;margin-top:.25rem}.callouts-table,.orders-table,.locations-table{background:#fff;border-radius:.75rem;border:1px solid var(--gray-200);box-shadow:var(--shadow-sm);overflow:hidden}.coming-soon{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:#fff;border-radius:.75rem;border:1px solid var(--gray-200);box-shadow:var(--shadow-sm)}.coming-soon h3{font-size:1.25rem;font-weight:600;color:var(--gray-900);margin:1rem 0 .5rem}.coming-soon p{color:var(--gray-600);margin:0}.status-scheduled{color:var(--blue-600)}.status-in-transit{color:var(--orange-600)}.status-collecting{color:var(--purple-600)}.status-completed{color:var(--green-600)}.status-cancelled{color:var(--red-600)}.priority-urgent{color:var(--red-600);font-weight:600}.priority-high{color:var(--orange-600)}.priority-normal{color:var(--blue-600)}.priority-low{color:var(--gray-600)}.callout-manager.rtl,.collection-order-manager.rtl,.contract-location-manager.rtl{direction:rtl}.rtl .manager-header,.rtl .header-title,.rtl .header-actions{flex-direction:row-reverse}.rtl .search-field{padding-left:1rem;padding-right:2.5rem}.rtl .filters,.rtl .action-buttons,.rtl .stat-card{flex-direction:row-reverse}@media (max-width: 1024px){.manager-header{flex-direction:column;gap:1rem;align-items:stretch}.header-actions{justify-content:center}.search-and-filters{margin:1rem 0}.search-filters{flex-direction:column;align-items:stretch;gap:1rem}.filter-actions{margin-left:0;justify-content:flex-start}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem}.stat-card{padding:1rem;gap:.75rem}.stat-icon{width:2.5rem;height:2.5rem}.stat-value{font-size:1.5rem}.stat-label{font-size:.6875rem}}@media (max-width: 768px){.manager-header{padding:1rem}.search-bar{padding:1rem;gap:1rem}.search-filters{gap:.75rem}.filter-group{min-width:120px}.filter-select{font-size:.75rem;padding:.5rem}.filter-actions{flex-direction:column;width:100%;gap:.5rem}.advanced-filters-btn,.columns-btn{justify-content:center;width:100%;padding:.625rem 1rem;font-size:.75rem}.stats-grid{grid-template-columns:1fr 1fr;gap:.5rem}.stat-card{padding:.75rem;gap:.5rem;flex-direction:column;text-align:center}.stat-icon{width:2rem;height:2rem}.stat-value{font-size:1.25rem}.stat-label{font-size:.625rem}}.modal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.modal-field{display:flex;flex-direction:column;gap:.25rem}.modal-field label{font-weight:500;color:var(--gray-700);font-size:.875rem}.modal-field p{color:var(--gray-600);margin:0;font-size:.875rem}.modal-section{padding:1rem 0;border-top:1px solid var(--gray-200)}.modal-section:first-child{border-top:none;padding-top:0}.status-update-buttons{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.75rem}.status-btn{padding:.5rem 1rem;border:none;border-radius:.375rem;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.status-btn:hover{transform:translateY(-1px)}.feature-preview{background:var(--gray-50);border:1px dashed var(--gray-300);border-radius:.5rem;padding:1.5rem;text-align:center;margin-top:1rem}.feature-preview h4{font-size:1rem;font-weight:600;color:var(--gray-900);margin:0 0 .5rem}.feature-preview ul{text-align:left;margin:0;padding-left:1.25rem}.feature-preview li{margin-bottom:.25rem}.supplier-location-form{display:flex;flex-direction:column;gap:1.5rem;max-height:80vh;overflow-y:auto}.supplier-location-form .form-section{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:1.5rem}.supplier-location-form .form-section-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:var(--gray-900);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--gray-200)}.supplier-location-form .form-section-title svg{color:var(--primary-600)}.supplier-location-form .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.supplier-location-form .form-group{display:flex;flex-direction:column;gap:.5rem}.supplier-location-form .form-group label{font-size:.875rem;font-weight:500;color:var(--gray-700)}.supplier-location-form .form-group input,.supplier-location-form .form-group select,.supplier-location-form .form-group textarea{padding:.75rem;border:1px solid var(--gray-300);border-radius:var(--radius);font-size:.875rem;transition:all .2s ease}.supplier-location-form .form-group input:focus,.supplier-location-form .form-group select:focus,.supplier-location-form .form-group textarea:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.supplier-location-form .form-group input:disabled,.supplier-location-form .form-group select:disabled,.supplier-location-form .form-group textarea:disabled{background-color:var(--gray-100);cursor:not-allowed}.supplier-location-form .checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--gray-700);cursor:pointer}.supplier-location-form .checkbox-label input[type=checkbox]{width:auto;margin:0}.supplier-location-form .form-actions{display:flex;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid var(--gray-200);background:var(--gray-50);margin:0 -1.5rem -1.5rem;border-radius:0 0 var(--radius-lg) var(--radius-lg)}.supplier-location-form .btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:var(--radius);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.supplier-location-form .btn-secondary{background:var(--gray-100);color:var(--gray-700);border:1px solid var(--gray-300)}.supplier-location-form .btn-secondary:hover{background:var(--gray-200)}.supplier-location-form .btn-primary{background:var(--primary-600);color:#fff}.supplier-location-form .btn-primary:hover{background:var(--primary-700)}.supplier-location-form .btn:disabled{opacity:.5;cursor:not-allowed}.supplier-location-form .btn:disabled:hover{transform:none}@media (max-width: 768px){.supplier-location-form .form-grid{grid-template-columns:1fr}.supplier-location-form .form-actions{flex-direction:column-reverse}.supplier-location-form .btn{width:100%;justify-content:center}}.document-upload-container{width:100%;margin-bottom:1.5rem}.document-upload-label{display:block;font-weight:600;font-size:.875rem;color:#374151;margin-bottom:.5rem}.document-upload-dropzone{border:2px dashed #d1d5db;border-radius:.5rem;padding:2rem;text-align:center;cursor:pointer;transition:all .2s ease;background-color:#f9fafb}.document-upload-dropzone:hover:not(.disabled){border-color:#3b82f6;background-color:#eff6ff}.document-upload-dropzone.active{border-color:#3b82f6;background-color:#dbeafe}.document-upload-dropzone.disabled{opacity:.5;cursor:not-allowed;background-color:#f3f4f6}.document-upload-icon{color:#6b7280;margin-bottom:.75rem}.document-upload-text{margin:.5rem 0;font-size:.875rem;color:#374151}.document-upload-text strong{color:#3b82f6;font-weight:600}.document-upload-hint{margin:.25rem 0 0;font-size:.75rem;color:#6b7280}.document-upload-error{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;margin-top:.75rem;background-color:#fef2f2;border:1px solid #fecaca;border-radius:.375rem;color:#dc2626;font-size:.875rem}.document-upload-loading{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;margin-top:.75rem;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:.375rem;color:#3b82f6;font-size:.875rem}.document-upload-spinner{width:16px;height:16px;border:2px solid #bfdbfe;border-top-color:#3b82f6;border-radius:50%;animation:spin .6s linear infinite}.document-upload-list{margin-top:1rem}.document-upload-list-title{font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.75rem}.document-upload-item{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background-color:#fff;border:1px solid #e5e7eb;border-left:3px solid transparent;border-radius:.5rem;margin-bottom:.5rem;transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer}.document-upload-item:hover{transform:translate(4px);border-left-color:var(--primary-500, #3b82f6);border-color:#d1d5db;box-shadow:0 4px 12px #00000014;background-color:#f9fafb}.document-upload-item-info{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.document-upload-item-icon{flex-shrink:0;color:#6b7280}.document-upload-item-details{min-width:0;flex:1}.document-upload-item-name{margin:0;font-size:.875rem;font-weight:500;color:#111827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-upload-item-meta{margin:.25rem 0 0;font-size:.75rem;color:#6b7280}.document-upload-item-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.document-upload-item-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:none;border:1px solid #e5e7eb;border-radius:.375rem;cursor:pointer;transition:all .2s ease}.document-upload-item-button:hover{background-color:#f9fafb}.document-upload-item-button-preview{color:#3b82f6}.document-upload-item-button-preview:hover{background-color:#eff6ff;border-color:#3b82f6}.document-upload-item-button-download{color:#10b981}.document-upload-item-button-download:hover{background-color:#d1fae5;border-color:#10b981}.document-upload-item-button-delete{color:#ef4444}.document-upload-item-button-delete:hover{background-color:#fee2e2;border-color:#ef4444}[data-theme=dark] .document-upload-label{color:#d1d5db}[data-theme=dark] .document-upload-dropzone{background-color:#1f2937;border-color:#374151}[data-theme=dark] .document-upload-dropzone:hover:not(.disabled){background-color:#374151;border-color:#60a5fa}[data-theme=dark] .document-upload-dropzone.active{background-color:#1e3a5f;border-color:#60a5fa}[data-theme=dark] .document-upload-icon{color:#9ca3af}[data-theme=dark] .document-upload-text{color:#d1d5db}[data-theme=dark] .document-upload-text strong{color:#93c5fd}[data-theme=dark] .document-upload-hint{color:#9ca3af}[data-theme=dark] .document-upload-error{background-color:#ef44441a;border-color:#ef44444d;color:#f87171}[data-theme=dark] .document-upload-loading{background-color:#3b82f61a;border-color:#3b82f64d;color:#93c5fd}[data-theme=dark] .document-upload-spinner{border-color:#3b82f64d;border-top-color:#93c5fd}[data-theme=dark] .document-upload-list-title{color:#d1d5db}[data-theme=dark] .document-upload-item{background-color:#1f2937;border-color:#374151}[data-theme=dark] .document-upload-item:hover{background-color:#374151;border-left-color:#60a5fa;border-color:#4b5563;box-shadow:0 4px 12px #0000004d}[data-theme=dark] .document-upload-item-icon{color:#9ca3af}[data-theme=dark] .document-upload-item-name{color:#f3f4f6}[data-theme=dark] .document-upload-item-meta{color:#9ca3af}[data-theme=dark] .document-upload-item-button{border-color:#374151;background-color:transparent}[data-theme=dark] .document-upload-item-button:hover{background-color:#374151}[data-theme=dark] .document-upload-item-button-preview{color:#93c5fd}[data-theme=dark] .document-upload-item-button-preview:hover{background-color:#3b82f61a;border-color:#60a5fa}[data-theme=dark] .document-upload-item-button-download{color:#4ade80}[data-theme=dark] .document-upload-item-button-download:hover{background-color:#22c55e1a;border-color:#4ade80}[data-theme=dark] .document-upload-item-button-delete{color:#f87171}[data-theme=dark] .document-upload-item-button-delete:hover{background-color:#ef44441a;border-color:#f87171}@media (max-width: 640px){.document-upload-dropzone{padding:1.5rem 1rem}.document-upload-item{flex-direction:column;align-items:flex-start;gap:.75rem}.document-upload-item-actions{width:100%;justify-content:flex-end}}.workflow-stepper{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 4px 6px #0000001a;position:relative;overflow:hidden}.workflow-stepper:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:1;pointer-events:none}.workflow-header{position:relative;z-index:1;margin-bottom:24px;text-align:center}.workflow-title{color:#fff;font-size:20px;font-weight:600;margin:0 0 8px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.workflow-subtitle{color:#ffffffe6;font-size:14px;margin:0;font-weight:400}.workflow-steps{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1;margin-bottom:20px;padding:0 12px}.workflow-step{display:flex;flex-direction:column;align-items:center;flex:0 0 auto;position:relative;transition:all .3s ease}.workflow-step.clickable{cursor:pointer}.workflow-step.clickable:hover .step-icon-wrapper{transform:translateY(-4px)}.workflow-step.clickable:hover .step-icon{background:#fffffff2;box-shadow:0 6px 12px #0003}.step-icon-wrapper{position:relative;transition:transform .3s ease}.step-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff3;border:3px solid rgba(255,255,255,.3);color:#fff;transition:all .3s ease;box-shadow:0 2px 8px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.workflow-step.active .step-icon{background:#fff;border-color:#fff;color:#667eea;box-shadow:0 4px 12px #0003,0 0 0 4px #ffffff4d;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 4px 12px #0003,0 0 0 4px #ffffff4d}50%{box-shadow:0 4px 12px #0003,0 0 0 8px #fff3}}.workflow-step.completed .step-icon{background:#10b981;border-color:#10b981;color:#fff}.workflow-step.pending .step-icon{background:#ffffff1a;border-color:#fff3;color:#fff9}.step-check{position:absolute;bottom:-2px;right:-2px;width:22px;height:22px;background:#10b981;border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid #ffffff;box-shadow:0 2px 4px #0003}.step-check svg{width:12px;height:12px;color:#fff}.step-content{margin-top:12px;text-align:center}.step-label{color:#fff;font-size:13px;font-weight:600;margin-bottom:4px;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.1)}.step-number{color:#ffffffb3;font-size:11px;font-weight:400}.step-indicator{position:absolute;bottom:-24px;left:50%;transform:translate(-50%);background:#10b981;color:#fff;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600;white-space:nowrap;box-shadow:0 2px 4px #0003;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%) translateY(-4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.workflow-connector{flex:1;display:flex;align-items:center;justify-content:center;position:relative;min-width:40px;margin:0 8px;padding-top:20px}.connector-line{height:2px;background:#fff3;flex:1;position:relative;transition:background .3s ease}.workflow-connector.completed .connector-line{background:#10b981}.connector-arrow{color:#fff6;font-size:20px;font-weight:700;margin-left:4px;transition:color .3s ease}.workflow-connector.completed .connector-arrow{color:#10b981}.workflow-help{display:flex;align-items:center;background:#ffffff26;border-radius:8px;padding:12px 16px;position:relative;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.help-icon{font-size:24px;margin-right:12px;flex-shrink:0}.help-text{color:#fff;font-size:13px;line-height:1.5}.help-text strong{font-weight:600;margin-right:4px}[dir=rtl] .workflow-steps{direction:rtl}[dir=rtl] .connector-arrow{margin-left:0;margin-right:4px;transform:scaleX(-1)}[dir=rtl] .help-icon{margin-right:0;margin-left:12px}[dir=rtl] .step-check{right:auto;left:-2px}@media (max-width: 1200px){.workflow-steps{padding:0 8px}.step-label{font-size:12px}.step-number{font-size:10px}.step-icon{width:48px;height:48px}.connector-arrow{font-size:18px}}@media (max-width: 992px){.workflow-stepper{padding:20px}.workflow-title{font-size:18px}.workflow-subtitle{font-size:13px}.step-icon{width:44px;height:44px}.step-label{font-size:11px}.step-number{display:none}.workflow-connector{min-width:30px;margin:0 4px}.help-text{font-size:12px}}@media (max-width: 768px){.workflow-stepper{padding:16px}.workflow-steps{flex-wrap:nowrap;overflow-x:auto;overflow-y:visible;padding:0 4px 12px;-webkit-overflow-scrolling:touch}.workflow-step{min-width:70px}.step-icon{width:40px;height:40px}.step-icon svg{width:18px;height:18px}.step-label{font-size:10px;max-width:70px;overflow:hidden;text-overflow:ellipsis}.step-indicator{font-size:10px;padding:3px 8px}.connector-arrow{font-size:16px}.workflow-help{padding:10px 12px}.help-icon{font-size:20px;margin-right:8px}.help-text{font-size:11px}}@media (max-width: 480px){.workflow-title{font-size:16px}.workflow-subtitle{font-size:12px}.workflow-steps{padding-bottom:16px}.step-content{margin-top:8px}.step-indicator{bottom:-28px}.help-text strong{display:block;margin-bottom:2px}}.workflow-step:focus{outline:2px solid #ffffff;outline-offset:4px;border-radius:4px}.workflow-step.clickable:focus .step-icon{box-shadow:0 4px 12px #0003,0 0 0 4px #ffffff80}@media (prefers-reduced-motion: reduce){.workflow-step,.step-icon,.step-icon-wrapper,.connector-line,.connector-arrow{transition:none}.workflow-step.active .step-icon,.step-indicator{animation:none}}@media print{.workflow-stepper{background:#fff;border:2px solid #667eea;box-shadow:none}.workflow-stepper:before{display:none}.workflow-title,.workflow-subtitle,.step-label,.step-number,.help-text{color:#1f2937}.step-icon{border-color:#667eea;color:#667eea}.workflow-step.active .step-icon{background:#667eea;color:#fff}}.redirect-info{margin-top:2rem}.redirect-message{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px solid #cbd5e0;border-radius:var(--radius-lg);padding:2rem;text-align:center;max-width:500px;margin:0 auto}.redirect-message svg{color:var(--primary-600);margin-bottom:1rem}.redirect-message h4{color:var(--gray-900);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0 0 .5rem}.redirect-message p{color:var(--gray-600);margin:0 0 1.5rem;line-height:1.6}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--gray-200)}.page-title-section h1{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--gray-900);margin:0 0 .5rem}.page-title-section p{color:var(--gray-600);margin:0;font-size:var(--text-base)}.page-actions{display:flex;gap:.75rem}.purchase-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.summary-card{background:#fff;border-radius:var(--radius-lg);padding:1.5rem;border:1px solid var(--gray-200);box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:1rem;transition:all var(--transition-fast)}.summary-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.summary-icon{width:3rem;height:3rem;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.summary-icon.total{background:linear-gradient(135deg,var(--blue-100),var(--blue-200));color:var(--blue-700)}.summary-icon.pending{background:linear-gradient(135deg,var(--amber-100),var(--amber-200));color:var(--amber-700)}.summary-icon.approved{background:linear-gradient(135deg,var(--green-100),var(--green-200));color:var(--green-700)}.summary-icon.value{background:linear-gradient(135deg,var(--purple-100),var(--purple-200));color:var(--purple-700)}.summary-content{flex:1}.summary-content h3{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--gray-600);margin:0 0 .25rem}.summary-number{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--gray-900);margin:0 0 .25rem}.summary-change{font-size:var(--text-xs);color:var(--gray-500);margin:0}.purchase-filters{display:flex;gap:1.5rem;margin-bottom:2rem;padding:1.5rem;background:#fff;border-radius:var(--radius-lg);border:1px solid var(--gray-200);box-shadow:var(--shadow-sm)}.search-section{flex:1}.search-input-group{position:relative;max-width:400px}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--gray-400);pointer-events:none}.search-input{width:100%;padding:.75rem .75rem .75rem 2.75rem;border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:var(--text-sm);transition:all var(--transition-fast)}.search-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a}.filter-section{display:flex;gap:1rem;align-items:center}.filter-select{padding:.75rem 1rem;border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:var(--text-sm);background:#fff;min-width:150px;cursor:pointer}.filter-select:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a}.purchase-orders-list{display:flex;flex-direction:column;gap:1.5rem}.purchase-order-card{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--gray-200);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--transition-fast)}.purchase-order-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.order-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--gray-100)}.order-info h3.order-number{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--gray-900);margin:0 0 .25rem}.vendor-name{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--gray-700);margin:0 0 .25rem}.order-date{font-size:var(--text-sm);color:var(--gray-500);margin:0}.order-status-section{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.order-status{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);color:#fff;text-transform:uppercase;letter-spacing:.025em}.order-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;padding:1rem 1.5rem;background:var(--gray-50)}.detail-group label{display:block;font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--gray-600);text-transform:uppercase;letter-spacing:.025em;margin-bottom:.25rem}.detail-group p{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--gray-900);margin:0}.detail-group .amount-highlight{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--primary-600)}.order-items-preview{padding:1rem 1.5rem}.order-items-preview h4{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--gray-700);margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.025em}.items-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.item-preview{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:.75rem;display:flex;flex-direction:column;gap:.25rem}.item-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--gray-900)}.item-quantity{font-size:var(--text-sm);color:var(--gray-600)}.item-rate{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--green-600)}.more-items{display:flex;align-items:center;justify-content:center;background:var(--gray-100);border:1px dashed var(--gray-300);border-radius:var(--radius-md);padding:.75rem;font-size:var(--text-sm);color:var(--gray-500);font-style:italic}.order-actions{display:flex;gap:.75rem;padding:1rem 1.5rem;background:var(--gray-50);border-top:1px solid var(--gray-200)}.empty-state{text-align:center;padding:3rem 1.5rem;background:#fff;border-radius:var(--radius-lg);border:1px solid var(--gray-200)}.empty-icon{color:var(--gray-400);margin:0 auto 1rem}.empty-state h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--gray-700);margin:0 0 .5rem}.empty-state p{color:var(--gray-500);margin:0}.loading-spinner{display:flex;justify-content:center;align-items:center;padding:3rem;font-size:var(--text-lg);color:var(--gray-600)}.btn-primary{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-700),var(--primary-800));transform:translateY(-1px);box-shadow:var(--shadow-md)}@media (max-width: 768px){.purchase-page{padding:1rem}.page-header{flex-direction:column;gap:1rem;align-items:stretch}.purchase-filters{flex-direction:column;gap:1rem}.purchase-summary{grid-template-columns:1fr}.order-header{flex-direction:column;gap:1rem;align-items:stretch}.order-status-section{flex-direction:row;justify-content:space-between;align-items:center}.order-details{grid-template-columns:1fr;gap:1rem}.items-grid{grid-template-columns:1fr}.order-actions{flex-wrap:wrap}}@media (max-width: 480px){.order-actions{flex-direction:column}.summary-card{flex-direction:column;text-align:center;gap:1rem}}.purchase-tabs{margin-bottom:2rem}.tab-buttons{display:flex;background:#fff;border-radius:var(--radius-lg);padding:var(--space-1);margin-bottom:var(--space-6);border:1px solid var(--gray-200);box-shadow:var(--shadow-sm)}.tab-button svg{flex-shrink:0}.tab-content{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--gray-200);box-shadow:var(--shadow-sm);overflow:hidden}.tab-content-inner{padding:1.5rem}@media (max-width: 768px){.tab-buttons{flex-direction:column;padding:var(--space-2)}.tab-button{justify-content:flex-start;width:100%}}.purchase-order-view-modal{max-width:1200px}.purchase-order-view-professional{padding:0}.purchase-order-items-table{width:100%;border-collapse:collapse;font-size:14px;background:#fff}.purchase-order-items-table thead{background-color:#f9fafb;border-bottom:2px solid #e5e7eb}.purchase-order-items-table thead th{padding:12px 16px;text-align:left;font-weight:600;color:#374151;font-size:13px;text-transform:uppercase;letter-spacing:.025em}.purchase-order-items-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background-color .15s ease}.purchase-order-items-table tbody tr:hover{background-color:#f9fafb}.purchase-order-items-table tbody tr:last-child{border-bottom:none}.purchase-order-items-table tbody td{padding:14px 16px;color:#1f2937;vertical-align:middle}@media (max-width: 768px){.purchase-order-view-professional>div[style*=grid-template-columns]{grid-template-columns:1fr!important}.purchase-order-items-table{font-size:12px}.purchase-order-items-table thead th,.purchase-order-items-table tbody td{padding:10px 12px}}.sales-order-details-modal .order-view-professional{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.order-view-professional .order-header{display:flex;align-items:center;margin-bottom:24px}.order-view-professional .order-icon-container{width:48px;height:48px;border-radius:12px;background-color:#3b82f6;display:flex;align-items:center;justify-content:center;margin-right:16px;flex-shrink:0}.order-view-professional .order-header-info{flex:1}.order-view-professional .order-title{font-size:24px;font-weight:600;margin:0 0 8px;color:#1f2937}.order-view-professional .order-badges{display:flex;align-items:center;gap:8px}.order-view-professional .status-badge-large{padding:6px 14px;border-radius:12px;font-size:13px;font-weight:500;color:#fff}.order-view-professional .status-badge-large.draft{background-color:#6b7280}.order-view-professional .status-badge-large.confirmed{background-color:#3b82f6}.order-view-professional .status-badge-large.processing{background-color:#f59e0b}.order-view-professional .status-badge-large.delivered{background-color:#10b981}.order-view-professional .status-badge-large.cancelled{background-color:#ef4444}.order-view-professional .invoice-badge{padding:6px 12px;background-color:#d1fae5;color:#059669;border-radius:12px;font-size:12px;font-weight:500;display:flex;align-items:center;gap:4px}.order-view-professional .alert-success{padding:14px 16px;background-color:#d1fae5;border:1px solid #a7f3d0;border-radius:8px;margin-bottom:24px;display:flex;align-items:flex-start;gap:12px;color:#065f46}.order-view-professional .alert-success svg{flex-shrink:0;margin-top:2px}.order-view-professional .alert-subtitle{font-size:13px;font-weight:400;color:#047857}.order-view-professional .info-cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}@media (max-width: 768px){.order-view-professional .info-cards-grid{grid-template-columns:1fr}}.order-view-professional .info-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.order-view-professional .info-card-header{display:flex;align-items:center;gap:8px;padding:16px 20px;background-color:#f9fafb;border-bottom:1px solid #e5e7eb}.order-view-professional .info-card-header svg{color:#6b7280}.order-view-professional .info-card-header h3{font-size:16px;font-weight:600;margin:0;color:#374151}.order-view-professional .info-card-body{padding:20px;display:flex;flex-direction:column;gap:14px}.order-view-professional .info-row{display:flex;justify-content:space-between;align-items:center}.order-view-professional .info-label{color:#6b7280;font-size:14px;font-weight:400}.order-view-professional .info-value{font-weight:500;color:#1f2937;font-size:14px;text-align:right}.order-view-professional .info-value.strong{font-weight:600}.order-view-professional .items-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;overflow:hidden}.order-view-professional .items-card-header{display:flex;align-items:center;gap:8px;padding:16px 20px;background-color:#f9fafb;border-bottom:1px solid #e5e7eb}.order-view-professional .items-card-header svg{color:#6b7280}.order-view-professional .items-card-header h3{font-size:16px;font-weight:600;margin:0;color:#374151}.order-view-professional .items-table-container{overflow-x:auto}.order-view-professional .professional-table{width:100%;border-collapse:collapse}.order-view-professional .professional-table thead{background-color:#f9fafb}.order-view-professional .professional-table th{padding:12px 20px;font-size:13px;font-weight:600;color:#374151;text-align:left;border-bottom:2px solid #e5e7eb}.order-view-professional .professional-table td{padding:14px 20px;font-size:14px;color:#1f2937;border-bottom:1px solid #f3f4f6}.order-view-professional .professional-table tbody tr:last-child td{border-bottom:none}.order-view-professional .professional-table tbody tr:hover{background-color:#f9fafb}.order-view-professional .professional-table .text-center{text-align:center}.order-view-professional .professional-table .text-right{text-align:right}.order-view-professional .professional-table .strong{font-weight:600}.order-view-professional .material-name{display:flex;flex-direction:column;gap:2px}.order-view-professional .material-unit{font-size:12px;color:#6b7280;font-weight:400}.order-view-professional .financial-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;max-width:500px;margin-left:auto}.order-view-professional .financial-card-header{display:flex;align-items:center;gap:8px;padding:16px 20px;background-color:#f9fafb;border-bottom:1px solid #e5e7eb}.order-view-professional .financial-card-header svg{color:#6b7280}.order-view-professional .financial-card-header h3{font-size:16px;font-weight:600;margin:0;color:#374151}.order-view-professional .financial-card-body{padding:20px;display:flex;flex-direction:column;gap:14px}.order-view-professional .summary-row{display:flex;justify-content:space-between;align-items:center;padding:0}.order-view-professional .summary-row.total{padding-top:14px;border-top:2px solid #e5e7eb;margin-top:6px}.order-view-professional .summary-label{font-size:14px;color:#6b7280}.order-view-professional .summary-value{font-size:14px;color:#1f2937;font-weight:500}.order-view-professional .summary-value.discount{color:#dc2626}.order-view-professional .summary-label.strong,.order-view-professional .summary-value.strong{font-weight:600;font-size:16px;color:#1f2937}.order-view-professional .notes-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px}.order-view-professional .notes-card-header{display:flex;align-items:center;gap:8px;padding:16px 20px;background-color:#f9fafb;border-bottom:1px solid #e5e7eb}.order-view-professional .notes-card-header svg{color:#6b7280}.order-view-professional .notes-card-header h3{font-size:16px;font-weight:600;margin:0;color:#374151}.order-view-professional .notes-card-body{padding:20px;background-color:#f9fafb;font-size:14px;color:#374151;line-height:1.6;border-radius:0 0 8px 8px}.order-view-professional .modal-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:24px;border-top:1px solid #e5e7eb;margin-top:24px}.order-view-professional .btn{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;border:none;display:flex;align-items:center;gap:8px;transition:all .2s}.order-view-professional .btn-secondary{background-color:#fff;color:#374151;border:1px solid #d1d5db}.order-view-professional .btn-secondary:hover{background-color:#f9fafb}.order-view-professional .btn-primary{background-color:#3b82f6;color:#fff}.order-view-professional .btn-primary:hover{background-color:#2563eb}.image-upload-container{width:100%}.image-upload-label{display:block;font-weight:600;margin-bottom:8px;color:#374151;font-size:14px}.image-upload-label .required-asterisk{color:#ef4444;margin-left:4px}.dropzone{border:2px dashed #d1d5db;border-radius:12px;padding:24px;text-align:center;cursor:pointer;transition:all .3s ease;background-color:#fafafa;margin-bottom:16px}.dropzone:hover,.dropzone.active{border-color:#3b82f6;background-color:#eff6ff;transform:translateY(-2px)}.dropzone.error{border-color:#ef4444;background-color:#fef2f2}.dropzone-content{display:flex;flex-direction:column;align-items:center;gap:8px;color:#6b7280}.dropzone-text{font-weight:500;color:#374151;margin:0}.dropzone-info{font-size:12px;color:#9ca3af;margin:0}.upload-error{display:flex;align-items:center;gap:8px;padding:12px;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:14px;margin-bottom:16px;white-space:pre-line}.image-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;margin-top:16px}.image-preview-item{border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;background-color:#fff;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.image-preview-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.image-preview{position:relative;aspect-ratio:1;overflow:hidden}.preview-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:0}.remove-image-btn{position:absolute;top:8px;right:8px;background-color:#000000b3;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .2s ease;opacity:.8}.remove-image-btn:hover{background-color:#ef4444;opacity:1;transform:scale(1.1)}.image-info{padding:12px}.image-name{font-size:12px;font-weight:500;color:#374151;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-size{font-size:11px;color:#9ca3af;margin:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;color:#9ca3af;border:1px dashed #d1d5db;border-radius:8px;background-color:#f9fafb}.empty-state p{margin:8px 0 0;font-size:14px}.rtl .image-upload-label .required-asterisk{margin-left:0;margin-right:4px}.rtl .remove-image-btn{right:auto;left:8px}.rtl .upload-error{direction:rtl}[data-theme=dark] .image-upload-label{color:#d1d5db}[data-theme=dark] .image-upload-label .required-asterisk{color:#f87171}[data-theme=dark] .dropzone{background-color:#1f2937;border-color:#374151}[data-theme=dark] .dropzone:hover,[data-theme=dark] .dropzone.active{background-color:#1e3a5f;border-color:#60a5fa}[data-theme=dark] .dropzone.error{background-color:#ef44441a;border-color:#ef44444d}[data-theme=dark] .dropzone-content{color:#9ca3af}[data-theme=dark] .dropzone-text{color:#d1d5db}[data-theme=dark] .dropzone-info{color:#6b7280}[data-theme=dark] .upload-error{background-color:#ef44441a;border-color:#ef44444d;color:#f87171}[data-theme=dark] .image-preview-item{background-color:#1f2937;border-color:#374151}[data-theme=dark] .image-preview-item:hover{box-shadow:0 4px 12px #0006}[data-theme=dark] .remove-image-btn{background-color:#ef4444e6}[data-theme=dark] .remove-image-btn:hover{background-color:#dc2626}@media (max-width: 768px){.image-preview-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.dropzone{padding:16px}.dropzone-content{gap:6px}.dropzone-text{font-size:14px}.dropzone-info{font-size:11px}}@media (max-width: 480px){.image-preview-grid{grid-template-columns:repeat(2,1fr)}}.petty-cash-page{padding:0}.header-left p{color:#6b7280;margin:0;font-size:1rem}.stat-card{background:#fff;border-radius:.75rem;padding:1.5rem;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;display:flex;align-items:center;gap:1rem;transition:all .2s ease}.stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.stat-card.primary .stat-icon{background:#3b82f61a;color:#3b82f6}.stat-card.success .stat-icon{background:#22c55e1a;color:#22c55e}.stat-card.info .stat-icon{background:#a855f71a;color:#a855f7}.stat-card.warning .stat-icon{background:#f59e0b1a;color:#f59e0b}.stat-value{font-size:1.75rem;font-weight:700;color:#1f2937;margin:0 0 .25rem;line-height:1}.chart-section{background:#fff;border-radius:.75rem;padding:1.5rem;margin-bottom:2rem;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a}.chart-header{margin-bottom:1rem}.chart-header h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0}.section{background:#fff;border-radius:.75rem;padding:1.5rem;margin-bottom:2rem;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem}.section-header h2{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0}.section-filters{display:flex;align-items:center;gap:1rem}.filter-select{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;background:#fff;cursor:pointer}.filter-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.card-number-info{display:flex;align-items:center;gap:.5rem}.card-number{font-family:monospace;font-weight:600;color:#1f2937}.card-status{padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:500;text-transform:capitalize}.card-status.active{background:#22c55e1a;color:#16a34a}.card-status.inactive{background:#6b72801a;color:#6b7280}.card-status.blocked{background:#ef44441a;color:#dc2626}.card-info{display:flex;flex-direction:column;gap:.125rem}.card-name{font-weight:500;color:#1f2937}.card-type{font-size:.75rem;color:#6b7280;text-transform:capitalize}.staff-info{display:flex;align-items:center;gap:.5rem}.staff-name{font-weight:500;color:#1f2937}.staff-role{font-size:.75rem;color:#6b7280}.balance{font-weight:600;font-family:monospace}.balance.low{color:#dc2626}.balance.medium{color:#f59e0b}.balance.high{color:#16a34a}.action-btn.reload{color:#22c55e}.action-btn.reload:hover{background:#22c55e1a;border-color:#22c55e}.action-btn.expense{color:#8b5cf6}.action-btn.expense:hover{background:#8b5cf61a;border-color:#8b5cf6}.action-btn.approve{color:#22c55e}.action-btn.approve:hover{background:#22c55e1a;border-color:#22c55e}.action-btn.reject{color:#ef4444}.action-btn.reject:hover{background:#ef44441a;border-color:#ef4444}.date-info{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.staff-expense-info{display:flex;align-items:center;gap:.5rem}.card-ref{font-size:.75rem;color:#6b7280;font-family:monospace}.expense-type{display:flex;align-items:center;gap:.5rem}.expense-category{padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:500}.expense-category.transportation{background:#3b82f61a;color:#3b82f6}.expense-category.food{background:#22c55e1a;color:#16a34a}.expense-category.maintenance{background:#f59e0b1a;color:#d97706}.expense-category.supplies{background:#a855f71a;color:#a855f7}.expense-category.entertainment{background:#ec48991a;color:#db2777}.expense-category.equipment{background:#6b72801a;color:#6b7280}.expense-category.operational{background:#14b8a61a;color:#0d9488}.expense-status{display:flex;align-items:center;gap:.375rem;font-size:.875rem;font-weight:500}.expense-status.approved{color:#16a34a}.expense-status.pending{color:#f59e0b}.expense-status.rejected{color:#dc2626}.card-form,.expense-form,.reload-form{display:flex;flex-direction:column;gap:1.5rem}.form-section{border:1px solid #e5e7eb;border-radius:.5rem;padding:1.5rem;background:#f9fafb}.form-section h3{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.form-group label{font-size:.875rem;font-weight:500;color:#374151}.form-group input,.form-group select,.form-group textarea{padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.form-help{font-size:.75rem;color:#6b7280;margin-top:.25rem}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.75rem;max-height:300px;overflow-y:auto;padding:.5rem;border:1px solid #e5e7eb;border-radius:.5rem;background:#fff}.checkbox-card{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.checkbox-card:hover{border-color:#3b82f6;background:#fff;box-shadow:0 2px 8px #3b82f61a}.checkbox-card input[type=checkbox]{width:1.125rem;height:1.125rem;cursor:pointer;margin:0;flex-shrink:0}.checkbox-content{flex:1;min-width:0}.checkbox-title{display:block;font-size:.875rem;font-weight:500;color:#1f2937;margin:0 0 .25rem;line-height:1.3}.checkbox-description{display:block;font-size:.75rem;color:#6b7280;line-height:1.3;margin:0}.card-info-display{background:#f3f4f6;padding:1.5rem;border-radius:.5rem;margin-bottom:1.5rem;border:1px solid #e5e7eb}.card-info-display h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 .5rem}.card-info-display p{font-size:.875rem;color:#6b7280;margin:.25rem 0}.balance-preview{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem;margin-top:1rem}.preview-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.875rem}.preview-item.total{border-top:1px solid #d1d5db;margin-top:.5rem;padding-top:1rem;font-weight:600;font-size:1rem;color:#1f2937}.form-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;border:1px solid transparent}@media (max-width: 768px){.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.stats-grid{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:flex-start}.form-grid{grid-template-columns:1fr}.checkbox-grid{grid-template-columns:1fr;max-height:200px}.form-actions{flex-direction:column-reverse}}@media (max-width: 480px){.header-left h1{font-size:1.5rem}.stat-card{padding:1rem}.stat-value{font-size:1.5rem}.section{padding:1rem}}.petty-cash-view-modal .modal-content{max-width:900px}.card-view-content{display:flex;flex-direction:column;gap:1.5rem}.card-view-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;box-shadow:0 4px 12px #667eea4d}.card-header-left{display:flex;align-items:center;gap:1rem}.card-icon{background:#fff3;padding:12px;border-radius:10px;display:flex;align-items:center;justify-content:center}.card-header-info .card-number{font-size:1.5rem;font-weight:700;margin:0 0 .5rem;color:#fff}.card-staff{display:flex;align-items:center;gap:.5rem;font-size:.95rem;opacity:.95}.card-staff .separator{opacity:.6}.card-staff .department{opacity:.85}.card-header-right .status-badge{padding:.5rem 1rem;border-radius:20px;font-weight:600;display:inline-flex;align-items:center;gap:.4rem;font-size:.9rem;background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.status-badge.badge-success{background:#10b981e6;color:#fff}.status-badge.badge-warning{background:#f59e0be6;color:#fff}.status-badge.badge-danger{background:#ef4444e6;color:#fff}.status-badge.badge-secondary{background:#6b7280e6;color:#fff}.balance-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.balance-card{background:#fff;border:2px solid #e5e7eb;border-radius:10px;padding:1.25rem;transition:all .2s;display:flex;align-items:center;gap:1rem}.balance-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.balance-card.primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.balance-card.primary:hover{box-shadow:0 6px 20px #667eea66}.balance-card-icon{background:#fff3;padding:10px;border-radius:8px;display:flex;align-items:center;justify-content:center}.balance-card-content{flex:1}.balance-card-content label{display:block;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;opacity:.8;margin-bottom:.4rem;font-weight:600}.balance-card.primary label{color:#ffffffe6}.balance-value{font-size:1.5rem;font-weight:700;color:#1f2937}.balance-card.primary .balance-value{color:#fff}.balance-value.spent{color:#dc2626}.balance-card.primary .balance-value.spent{color:#fecaca}.utilization-section{background:#f9fafb;border-radius:10px;padding:1.25rem;border:1px solid #e5e7eb}.utilization-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.utilization-label{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#374151}.utilization-percent{font-size:1.25rem;font-weight:700;color:#667eea}.utilization-bar-wrapper{background:#e5e7eb;border-radius:8px;overflow:hidden;height:32px}.utilization-bar{width:100%;height:100%;position:relative}.utilization-fill{height:100%;transition:width .6s ease;display:flex;align-items:center;justify-content:flex-end;padding-right:10px;border-radius:8px}.utilization-fill.success{background:linear-gradient(90deg,#10b981,#34d399)}.utilization-fill.warning{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.utilization-fill.danger{background:linear-gradient(90deg,#ef4444,#f87171)}.utilization-label-inside{color:#fff;font-weight:600;font-size:.85rem}.card-details-sections{display:flex;flex-direction:column;gap:1.5rem}.detail-section{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:1.5rem}.section-title{display:flex;align-items:center;gap:.75rem;font-size:1.1rem;font-weight:700;color:#1f2937;margin:0 0 1rem;padding-bottom:.75rem;border-bottom:2px solid #e5e7eb}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.detail-item label{display:block;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;margin-bottom:.5rem;font-weight:600}.detail-value{font-size:1rem;font-weight:600;color:#1f2937}.expenses-list-view{display:flex;flex-direction:column;gap:.75rem}.expense-row{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb;transition:all .2s}.expense-row:hover{background:#f3f4f6;border-color:#d1d5db}.expense-left{flex:1}.expense-description{font-weight:600;color:#1f2937;margin-bottom:.25rem}.expense-meta{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#6b7280}.expense-number{font-family:monospace;background:#fff;padding:2px 6px;border-radius:4px;border:1px solid #e5e7eb}.expense-right{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.expense-amount-value{font-size:1.1rem;font-weight:700;color:#1f2937}.expense-status-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:capitalize}.expense-status-badge.approved{background:#d1fae5;color:#065f46}.expense-status-badge.pending{background:#fef3c7;color:#92400e}.expense-status-badge.rejected{background:#fee2e2;color:#991b1b}.notes-display{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;color:#374151;line-height:1.6;white-space:pre-wrap}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}@media (max-width: 768px){.card-view-header{flex-direction:column;align-items:flex-start;gap:1rem}.balance-cards-grid,.detail-grid{grid-template-columns:1fr}.expense-row{flex-direction:column;align-items:flex-start;gap:.75rem}.expense-right{align-items:flex-start;width:100%}}.settings-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:0}.settings-header{background:#fff;padding:2rem 2.5rem;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;margin-bottom:0}.page-title-section{max-width:1200px;margin:0 auto}.page-title-section h1{display:flex;align-items:center;gap:.75rem;font-size:2rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.page-title-section p{color:#6b7280;font-size:1rem;margin:0;font-weight:400}.message{max-width:1200px;margin:1rem auto;padding:1rem 1.5rem;border-radius:8px;font-weight:500;display:flex;align-items:center;gap:.5rem}.message.success{background:#d1fae5;color:#065f46;border-left:4px solid #10b981}.message.error{background:#fee2e2;color:#991b1b;border-left:4px solid #ef4444}.settings-container{max-width:1200px;margin:0 auto;padding:2rem 2.5rem;display:grid;grid-template-columns:280px 1fr;gap:2rem;align-items:start}.settings-nav{background:#fff;border-radius:12px;padding:1.5rem 0;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e5e7eb;position:sticky;top:2rem}.nav-tab{display:flex;align-items:center;gap:.75rem;width:100%;padding:1rem 1.5rem;border:none;background:none;text-align:left;cursor:pointer;transition:all .2s ease;font-size:.95rem;font-weight:500;color:#6b7280;border-left:3px solid transparent}.nav-tab:hover{background:#f9fafb;color:#374151}.nav-tab.active{background:#eff6ff;color:#2563eb;border-left-color:#2563eb;font-weight:600}.nav-tab svg{flex-shrink:0}.settings-content{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e5e7eb;overflow:hidden}.settings-section{padding:2rem;border-bottom:1px solid #f3f4f6}.settings-section:last-child{border-bottom:none}.section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.section-header h2{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0}.section-header p{color:#6b7280;font-size:.95rem;margin:.5rem 0 0;font-weight:400}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem}.setting-group{display:flex;flex-direction:column;gap:.5rem}.setting-group label{font-weight:600;color:#374151;font-size:.9rem;text-transform:uppercase;letter-spacing:.025em}.setting-group select,.setting-group input{padding:.75rem 1rem;border:2px solid #d1d5db;border-radius:8px;font-size:.95rem;transition:all .2s ease;background:#fff}.setting-group select:focus,.setting-group input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.setting-note{font-size:.8rem;color:#6b7280;font-style:italic;margin-top:.25rem}.setting-info{background:#f8fafc;border-radius:8px;padding:1.5rem;border:1px solid #e2e8f0;grid-column:1 / -1}.setting-info h3{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 1rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-item strong{font-size:.85rem;color:#6b7280;text-transform:uppercase;letter-spacing:.025em}.info-item span{font-weight:500;color:#1f2937}.source-badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.source-badge.user_settings{background:#dbeafe;color:#1e40af}.source-badge.company_defaults{background:#fef3c7;color:#92400e}.source-badge.system_defaults{background:#f3e8ff;color:#7c3aed}.theme-options{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:.5rem}.theme-option{display:flex;align-items:center;gap:.75rem;padding:1rem;border:2px solid #d1d5db;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s ease;font-weight:500}.theme-option:hover{border-color:#9ca3af}.theme-option.active{border-color:#2563eb;background:#eff6ff;color:#2563eb}.settings-actions{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;background:#f9fafb;border-top:1px solid #e5e7eb}.btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;border:2px solid transparent}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-outline{background:#fff;color:#6b7280;border-color:#d1d5db}.btn-outline:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af;color:#374151}.btn-primary{background:#2563eb;color:#fff;border-color:#2563eb}.btn-primary:hover:not(:disabled){background:#1d4ed8;border-color:#1d4ed8}.loading-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:#6b7280}.access-denied svg{color:#fbbf24;margin-bottom:1rem}.access-denied h2{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0 0 .5rem}.access-denied p{font-size:1rem;margin:0}.rtl .settings-container{grid-template-columns:1fr 280px}.rtl .nav-tab{border-left:none;border-right:3px solid transparent}.rtl .nav-tab.active{border-right-color:#2563eb;border-left-color:transparent}.rtl .settings-actions{justify-content:flex-start}@media (max-width: 1024px){.settings-container{grid-template-columns:1fr;gap:1.5rem;padding:1.5rem}.settings-nav{position:static;display:flex;overflow-x:auto;padding:0;border-radius:8px}.nav-tab{white-space:nowrap;flex-shrink:0;border-left:none;border-bottom:3px solid transparent;padding:1rem 1.5rem}.nav-tab.active{border-bottom-color:#2563eb;border-left-color:transparent}.settings-header{padding:1.5rem}}@media (max-width: 768px){.settings-grid,.theme-options,.info-grid{grid-template-columns:1fr}.settings-actions{flex-direction:column}.btn{justify-content:center}}.section-actions{display:flex;justify-content:flex-end;gap:1rem}.branches-table-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.branches-table{width:100%;border-collapse:collapse}.branches-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.branches-table th{padding:1rem;text-align:left;font-weight:600;color:#374151;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.branches-table td{padding:1rem;border-bottom:1px solid #f3f4f6;color:#1f2937}.branches-table tbody tr:hover{background:#f9fafb}.branches-table tbody tr:last-child td{border-bottom:none}.status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:capitalize}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.inactive{background:#fee2e2;color:#991b1b}.btn-icon{padding:.5rem;background:none;border:none;cursor:pointer;color:#6b7280;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-icon:hover{background:#f3f4f6;color:#1f2937}.btn-icon.delete:hover{background:#fee2e2;color:#dc2626}.empty-state{padding:4rem 2rem;text-align:center;color:#6b7280}.empty-state svg{margin:0 auto 1rem;color:#d1d5db}.empty-state p{font-size:1.125rem;margin-bottom:1.5rem}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:600px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-content form{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.modal-header{padding:1.5rem;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#1f2937;display:flex;align-items:center;gap:.5rem}.modal-close{background:none;border:none;cursor:pointer;color:#6b7280;padding:.5rem;border-radius:4px;display:flex;align-items:center;transition:all .2s}.modal-close:hover{background:#f3f4f6;color:#1f2937}.modal-body{padding:1.5rem;overflow-y:auto;flex:1 1 auto;min-height:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.form-group label{font-weight:500;color:#374151;font-size:.875rem}.form-group .required{color:#dc2626}.form-group input,.form-group textarea,.form-group select{padding:.625rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;transition:all .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group input:disabled,.form-group textarea:disabled{background:#f3f4f6;cursor:not-allowed}.form-group small{color:#6b7280;font-size:.75rem}.form-group input[type=checkbox]{width:auto;margin-right:.5rem}.modal-footer{padding:1.5rem;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:1rem;background:#f9fafb;flex-shrink:0}@media (max-width: 768px){.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:1}.branches-table{font-size:.875rem}.branches-table th,.branches-table td{padding:.75rem}.compositions-table{font-size:.875rem}.compositions-table th,.compositions-table td{padding:.75rem}}.compositions-table-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.compositions-table{width:100%;border-collapse:collapse}.compositions-table thead{background:#f9fafb}.compositions-table th{padding:1rem;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb;font-size:.875rem}.compositions-table td{padding:1rem;border-bottom:1px solid #f3f4f6;font-size:.875rem;color:#6b7280}.compositions-table tbody tr{transition:background-color .2s}.compositions-table tbody tr:hover{background:#f9fafb}.component-type-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:capitalize}.component-type-badge.content{background:#dbeafe;color:#1e40af}.component-type-badge.container{background:#fef3c7;color:#92400e}.actions-cell{display:flex;gap:.5rem;align-items:center}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-icon{width:3rem;height:3rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-info{flex:1}.stat-info h3{font-size:.875rem;font-weight:500;color:#6b7280;margin:0 0 .25rem}.stat-change{font-size:.75rem;font-weight:500;margin:0}.stat-change.positive{color:#059669}.stat-change.negative{color:#dc2626}.dashboard-card{background:#fff;border-radius:.75rem;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;overflow:hidden}.dashboard-card h2{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 1rem;padding:1.5rem 1.5rem 0}.scrap-dashboard-page{padding:0}.scrap-dashboard-page .page-header{margin-bottom:2rem}.scrap-dashboard-page .page-header h1{font-size:2rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.scrap-dashboard-page .page-header p{color:#6b7280;margin:0}.stat-icon.suppliers{background:#f59e0b1a;color:#f59e0b}.stat-icon.inventory{background:#22c55e1a;color:#22c55e}.stat-icon.revenue{background:#3b82f61a;color:#3b82f6}.stat-icon.processed{background:#a855f71a;color:#a855f7}.scrap-dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem}@media (max-width: 1024px){.scrap-dashboard-grid{grid-template-columns:1fr}}.material-inventory{grid-column:span 2}.material-list{display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.material-item{display:grid;grid-template-columns:1fr 2fr auto;gap:1.5rem;padding:1rem;background:#f9fafb;border-radius:.5rem;align-items:center}.material-info h4{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 .25rem}.material-quantity{display:flex;align-items:center;gap:1rem}.material-quantity .weight{font-size:1.25rem;font-weight:700;color:#1f2937}.material-quantity .rate{font-size:.875rem;color:#6b7280}.material-quantity .value{font-size:1rem;font-weight:600;color:#3b82f6}.material-status{padding:.375rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:500}.material-status.high-value{background:#a855f71a;color:#a855f7}.material-status.ready{background:#22c55e1a;color:#16a34a}.material-status.processing{background:#3b82f61a;color:#3b82f6}.recent-transactions{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.transactions-list{display:flex;flex-direction:column;gap:1rem}.transaction-item{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;padding:1rem;border-radius:.5rem;background:#f9fafb;align-items:center}.transaction-icon{width:2.5rem;height:2.5rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center}.transaction-icon svg{width:1.25rem;height:1.25rem;stroke-width:2}.transaction-item.purchase .transaction-icon{background:#3b82f61a;color:#3b82f6}.transaction-item.sale .transaction-icon{background:#22c55e1a;color:#22c55e}.transaction-item.processing .transaction-icon{background:#f59e0b1a;color:#f59e0b}.transaction-details h4{font-size:.875rem;font-weight:600;color:#1f2937;margin:0 0 .25rem}.transaction-details p{font-size:.8125rem;color:#6b7280;margin:0 0 .125rem}.transaction-details .time{font-size:.75rem;color:#9ca3af}.transaction-amount{font-size:1.125rem;font-weight:700}.transaction-amount.purchase{color:#ef4444}.transaction-amount.sale{color:#22c55e}.transaction-status{padding:.375rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:500;background:#f59e0b1a;color:#f59e0b}.market-prices{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.prices-list{display:flex;flex-direction:column;gap:.75rem}.price-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border-radius:.5rem;background:#f9fafb}.price-info h4{font-size:.875rem;font-weight:600;color:#1f2937;margin:0 0 .25rem}.price-trend{font-size:.75rem;margin:0}.price-trend.up{color:#22c55e}.price-trend.stable{color:#6b7280}.price-trend.down{color:#ef4444}.price-details{display:flex;align-items:center;gap:.5rem}.current-price{font-size:1rem;font-weight:700;color:#1f2937}.price-change{font-size:.75rem;font-weight:500;padding:.125rem .375rem;border-radius:.25rem}.price-change.positive{background:#22c55e1a;color:#16a34a}.price-change.negative{background:#ef44441a;color:#dc2626}.price-change.neutral{background:#6b72801a;color:#6b7280}.quick-actions-card{background:#fff;border-radius:8px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a}.quick-actions-header{padding:16px 16px 0}.quick-actions-header h3{font-size:14px;font-weight:600;color:#374151;margin:0 0 12px;text-transform:uppercase;letter-spacing:.05em}.action-tiles-grid{padding:0 16px 16px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.action-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 8px;border-radius:6px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;transition:all .15s ease;text-align:center;font-family:inherit;min-height:70px}.action-tile:hover{background:#f8fafc;border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.action-tile.primary{background:#3b82f6;border-color:#3b82f6;color:#fff}.action-tile.primary:hover{background:#2563eb;border-color:#2563eb;box-shadow:0 2px 8px #3b82f64d}.tile-icon{display:flex;align-items:center;justify-content:center;margin-bottom:6px}.tile-icon svg{width:18px;height:18px;stroke-width:1.5}.action-tile:not(.primary) .tile-icon svg{color:#6b7280}.action-tile:not(.primary):hover .tile-icon svg{color:#374151}.action-tile span{font-size:11px;font-weight:500;line-height:1.2;color:inherit}.action-tile:not(.primary) span{color:#4b5563}.action-tile:not(.primary):hover span{color:#111827}@media (max-width: 768px){.action-tiles-grid{grid-template-columns:1fr 1fr;gap:6px}.action-tile{min-height:60px;padding:10px 6px}.tile-icon svg{width:16px;height:16px}.action-tile span{font-size:10px}}.alerts-actions-row{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:2rem 0}@media (max-width: 768px){.alerts-actions-row{grid-template-columns:1fr;gap:1.5rem}}.alerts-section{display:flex;flex-direction:column;gap:1rem}.alert{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:.5rem;margin-bottom:1rem}.alert.info{background:#3b82f61a;border:1px solid rgba(59,130,246,.2)}.alert.warning{background:#f59e0b1a;border:1px solid rgba(245,158,11,.2)}.alert svg{width:1.25rem;height:1.25rem;flex-shrink:0}.alert.info svg{color:#3b82f6}.alert.warning svg{color:#f59e0b}.alert-content{flex:1}.alert-content h4{font-size:.875rem;font-weight:600;color:#1f2937;margin:0 0 .25rem}.alert-content p{font-size:.875rem;color:#6b7280;margin:0}.alert-action{padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;background:#fff;border:1px solid #d1d5db;cursor:pointer;transition:all .2s ease}.alert-action:hover{background:#f9fafb}.page-header-modern{margin-bottom:var(--space-8)}.page-title{font-size:var(--text-4xl);font-weight:var(--font-extrabold);color:var(--gray-900);margin:0 0 var(--space-2) 0;line-height:var(--leading-tight)}.page-subtitle{font-size:var(--text-lg);color:var(--gray-600);margin:0;line-height:var(--leading-normal)}.stats-grid-modern{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6);margin-bottom:var(--space-8)}.stat-card-modern{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-6)!important}.stat-icon-wrapper{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-xl);flex-shrink:0}.suppliers-icon{background:linear-gradient(135deg,var(--blue-500),var(--blue-600));color:#fff}.inventory-icon{background:linear-gradient(135deg,var(--purple-500),var(--purple-600));color:#fff}.revenue-icon{background:linear-gradient(135deg,var(--success-500),var(--success-600));color:#fff}.processed-icon{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff}.stat-icon{width:28px;height:28px}.stat-content{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.stat-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--gray-600);margin:0;text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--gray-900);margin:0;line-height:1;font-variant-numeric:tabular-nums}.stat-trend{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:var(--font-medium);margin:0}.stat-trend.positive{color:var(--success-600)}.stat-trend.negative{color:var(--error-600)}.stat-trend svg{flex-shrink:0}.stat-trend .rotate-180{transform:rotate(180deg)}.alerts-section-modern{margin-bottom:var(--space-6)}.quick-actions-modern{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4);margin-bottom:var(--space-8)}.action-button-modern{height:80px;font-size:var(--text-base);font-weight:var(--font-semibold)}.dashboard-grid-modern{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-6)}.material-list-modern{display:flex;flex-direction:column;gap:var(--space-6)}.material-item-modern{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--gray-200);border-radius:var(--radius-lg);background-color:var(--gray-50);transition:all var(--transition-normal)}.material-item-modern:hover{background-color:#fff;box-shadow:var(--shadow-md);transform:translateY(-2px)}.material-header{display:flex;justify-content:space-between;align-items:flex-start}.material-name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--gray-900);margin:0 0 var(--space-1) 0}.material-grade{font-size:var(--text-sm);color:var(--gray-600);margin:0}.material-status{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em}.material-status.high-value{background-color:var(--success-100);color:var(--success-700)}.material-status.ready{background-color:var(--blue-100);color:var(--blue-700)}.material-status.processing{background-color:var(--warning-100);color:var(--warning-700)}.material-details{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.material-weight{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--gray-700)}.material-rate{font-size:var(--text-sm);color:var(--gray-600)}.material-value{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--gray-900);font-variant-numeric:tabular-nums}.transactions-list-modern{display:flex;flex-direction:column;gap:var(--space-4)}.transaction-item-modern{padding:var(--space-4);border:1px solid var(--gray-200);border-radius:var(--radius-lg);background-color:var(--gray-50);transition:all var(--transition-normal)}.transaction-item-modern:hover{background-color:#fff;box-shadow:var(--shadow-md);transform:translateY(-2px)}.transaction-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.transaction-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--gray-900);margin:0}.transaction-type{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em}.transaction-type.purchase{background-color:var(--warning-100);color:var(--warning-700)}.transaction-type.sale{background-color:var(--success-100);color:var(--success-700)}.transaction-type.processing{background-color:var(--blue-100);color:var(--blue-700)}.transaction-party{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--gray-700);margin:0 0 var(--space-3) 0}.transaction-footer{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.transaction-material{font-size:var(--text-sm);color:var(--gray-600)}.transaction-amount{font-size:var(--text-base);font-weight:var(--font-bold);font-variant-numeric:tabular-nums}.transaction-amount.purchase{color:var(--error-600)}.transaction-amount.sale{color:var(--success-600)}.transaction-status{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--blue-600)}.transaction-time{font-size:var(--text-xs);color:var(--gray-500);margin:0}.price-list-modern{display:flex;flex-direction:column;gap:var(--space-4)}.price-item-modern{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);border:1px solid var(--gray-200);border-radius:var(--radius-lg);background-color:var(--gray-50);transition:all var(--transition-normal)}.price-item-modern:hover{background-color:#fff;box-shadow:var(--shadow-md)}.price-info{flex:1}.price-name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--gray-900);margin:0 0 var(--space-1) 0}.price-unit{font-size:var(--text-xs);color:var(--gray-600);margin:0}.price-value{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1)}.current-price{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--gray-900);font-variant-numeric:tabular-nums}.price-change{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-semibold)}.price-change.positive{background-color:var(--success-100);color:var(--success-700)}.price-change.negative{background-color:var(--error-100);color:var(--error-700)}.price-change.neutral{background-color:var(--gray-100);color:var(--gray-700)}.price-change svg{flex-shrink:0}.price-change .rotate-180{transform:rotate(180deg)}[data-theme=dark] .page-title{color:var(--gray-100)}[data-theme=dark] .page-subtitle,[data-theme=dark] .stat-label{color:var(--gray-400)}[data-theme=dark] .stat-value,[data-theme=dark] .material-name,[data-theme=dark] .transaction-title,[data-theme=dark] .price-name,[data-theme=dark] .material-value,[data-theme=dark] .current-price{color:var(--gray-100)}[data-theme=dark] .material-grade,[data-theme=dark] .material-weight,[data-theme=dark] .material-rate,[data-theme=dark] .transaction-party,[data-theme=dark] .transaction-material,[data-theme=dark] .price-unit,[data-theme=dark] .transaction-time{color:var(--gray-400)}[data-theme=dark] .material-item-modern,[data-theme=dark] .transaction-item-modern,[data-theme=dark] .price-item-modern{background-color:var(--gray-900);border-color:var(--gray-700)}[data-theme=dark] .material-item-modern:hover,[data-theme=dark] .transaction-item-modern:hover,[data-theme=dark] .price-item-modern:hover{background-color:var(--gray-800)}@media (max-width: 1024px){.dashboard-grid-modern{grid-template-columns:1fr}}@media (max-width: 768px){.page-title{font-size:var(--text-3xl)}.page-subtitle{font-size:var(--text-base)}.stats-grid-modern{grid-template-columns:1fr;gap:var(--space-4)}.quick-actions-modern{grid-template-columns:repeat(2,1fr)}.stat-value{font-size:var(--text-2xl)}.current-price{font-size:var(--text-lg)}.material-details{flex-direction:column;align-items:flex-start}}@media (max-width: 480px){.quick-actions-modern{grid-template-columns:1fr}.action-button-modern{height:60px}.transaction-footer,.price-value{flex-direction:column;align-items:flex-start}}.material-entry-form{max-height:80vh;overflow-y:auto;padding:0 4px}.form-section{margin-bottom:32px;padding:24px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.form-section.tyre-section{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#bfdbfe}.section-title{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600;color:#1e293b;margin-bottom:20px}.section-title .required-indicator{color:#ef4444}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:16px}.loading-suppliers{padding:12px;border:1px solid #d1d5db;border-radius:8px;background-color:#f9fafb;color:#6b7280;font-style:italic;text-align:center}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:500;color:#374151;margin-bottom:6px;font-size:14px}.form-group input,.form-group select,.form-group textarea{padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group input.error,.form-group select.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-group input.readonly{background-color:#f3f4f6;color:#6b7280;cursor:not-allowed}.form-group .total-value{font-weight:600;color:#059669;background-color:#ecfdf5}.error-text{color:#ef4444;font-size:12px;margin-top:4px;display:flex;align-items:center;gap:4px}.material-info-card{background:#fff;padding:16px;border-radius:8px;border:1px solid #e5e7eb;margin-top:16px}.material-detail{margin-bottom:8px;font-size:14px;color:#4b5563}.material-detail strong{color:#1f2937}.material-description{margin:12px 0 0;font-size:13px;color:#6b7280;font-style:italic}.tyre-notice{display:flex;align-items:center;gap:8px;margin-top:12px;padding:12px;background:#dbeafe;border:1px solid #93c5fd;border-radius:6px;color:#1d4ed8;font-size:13px}.transaction-type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:8px}.transaction-type-option{position:relative;cursor:pointer;border:2px solid #e5e7eb;border-radius:12px;padding:16px;transition:all .3s ease;background:#fff}.transaction-type-option:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.transaction-type-option.selected{border-color:#3b82f6;background:linear-gradient(135deg,#eff6ff,#dbeafe)}.transaction-type-option input{position:absolute;opacity:0;pointer-events:none}.transaction-content{display:flex;align-items:center;gap:12px;font-weight:500;color:#374151}.transaction-type-option.selected .transaction-content{color:#1d4ed8}.condition-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:8px}.condition-option{position:relative;cursor:pointer;border:2px solid #e5e7eb;border-radius:12px;padding:16px;transition:all .3s ease;background:#fff}.condition-option.success:hover,.condition-option.success.selected{border-color:#10b981;background:linear-gradient(135deg,#ecfdf5,#d1fae5)}.condition-option.danger:hover,.condition-option.danger.selected{border-color:#ef4444;background:linear-gradient(135deg,#fef2f2,#fee2e2)}.condition-option input{position:absolute;opacity:0;pointer-events:none}.condition-content{display:flex;align-items:center;gap:12px;font-weight:500;color:#374151}.condition-option.success.selected .condition-content{color:#059669}.condition-option.danger.selected .condition-content{color:#dc2626}.serial-number-input{display:flex;gap:12px;margin-bottom:16px}.serial-number-input input{flex:1;padding:12px;border:1px solid #d1d5db;border-radius:8px}.add-serial-btn{padding:12px 20px;background:#3b82f6;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s ease}.add-serial-btn:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.add-serial-btn:disabled{background:#9ca3af;cursor:not-allowed}.serial-numbers-list{display:flex;flex-wrap:wrap;gap:8px}.serial-number-tag{display:flex;align-items:center;gap:8px;background:#e0e7ff;color:#3730a3;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:500}.remove-serial-btn{background:none;border:none;color:#6b46c1;cursor:pointer;font-size:16px;font-weight:700;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.remove-serial-btn:hover{background:#c7d2fe;transform:scale(1.1)}.form-actions{display:flex;justify-content:flex-end;gap:16px;padding:24px;background:#fff;border-top:1px solid #e5e7eb;border-radius:0 0 12px 12px;margin:0 -24px -24px;position:sticky;bottom:0}.btn-cancel,.btn-save{padding:12px 24px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.btn-cancel{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.btn-cancel:hover{background:#e5e7eb;transform:translateY(-1px)}.btn-save{background:#3b82f6;color:#fff}.btn-save:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.rtl .form-row{direction:rtl}.rtl .section-title,.rtl .transaction-content,.rtl .condition-content,.rtl .serial-number-input{flex-direction:row-reverse}.rtl .form-actions{justify-content:flex-start}@media (max-width: 768px){.form-row{grid-template-columns:1fr;gap:12px}.transaction-type-grid,.condition-options{grid-template-columns:1fr}.form-section{padding:16px;margin-bottom:20px}.section-title{font-size:16px}.form-actions{flex-direction:column-reverse;gap:12px}.btn-cancel,.btn-save{width:100%;padding:14px}.serial-number-input{flex-direction:column}.material-entry-form{max-height:70vh}}@media (max-width: 480px){.form-section,.transaction-type-option,.condition-option{padding:12px}.transaction-content,.condition-content{font-size:14px}}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:2rem}.header-actions{display:flex;align-items:center;gap:1rem}.view-toggle{display:flex;border:1px solid #d1d5db;border-radius:.5rem;overflow:hidden}.toggle-btn{padding:.5rem;background:#fff;border:none;cursor:pointer;transition:all .2s ease}.toggle-btn svg{width:1.25rem;height:1.25rem;stroke:#6b7280}.toggle-btn.active{background:#3b82f6}.toggle-btn.active svg{stroke:#fff}.inventory-stats,.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;border-radius:.75rem;padding:1.5rem;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;display:flex;align-items:center;gap:1rem}.stat-icon{width:3rem;height:3rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#3b82f61a;color:#3b82f6}.stat-icon.success{background:#22c55e1a;color:#22c55e}.stat-icon.profit{background:#a855f71a;color:#a855f7}.stat-icon svg{width:1.5rem;height:1.5rem;stroke-width:2}.stat-value{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0 0 .25rem}.stat-label{font-size:.875rem;color:#6b7280;margin:0}.tyre-breakdown{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;font-size:.75rem}.good-tyres{color:#22c55e;font-weight:500}.bad-tyres{color:#ef4444;font-weight:500}.separator{color:#9ca3af}.tyre-card .stat-icon{background:#a855f71a;color:#a855f7}.status-badge.ready-to-sell{background:#22c55e1a;color:#16a34a}.status-badge.processing{background:#3b82f61a;color:#3b82f6}.status-badge.sorting-required{background:#f59e0b1a;color:#d97706}.status-badge{padding:.375rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:500}.table-actions{display:flex;gap:.5rem}.action-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:1px solid #d1d5db;border-radius:.375rem;background:#fff;color:#6b7280;cursor:pointer;transition:all .2s ease}.action-btn:hover{background:#f9fafb;border-color:#9ca3af}.action-btn.view{color:#3b82f6}.action-btn.view:hover{background:#3b82f61a;border-color:#3b82f6}.action-btn.edit{color:#f59e0b}.action-btn.edit:hover{background:#f59e0b1a;border-color:#f59e0b}.scrap-inventory-page{padding:0}.filter-section{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem}.filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;align-items:end}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-size:.875rem;font-weight:500;color:#374151}.filter-group input,.filter-group select{padding:.625rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;background:#fff}.filter-group input:focus,.filter-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.material-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;margin-top:1rem}.material-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;overflow:hidden;box-shadow:0 1px 3px #0000001a;transition:all .2s ease}.material-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000001a}.material-card.ready-to-sell{border-top:3px solid #22c55e}.material-card.processing{border-top:3px solid #3b82f6}.material-card.sorting-required{border-top:3px solid #f59e0b}.material-header{padding:1.5rem 1.5rem 1rem;display:flex;justify-content:space-between;align-items:flex-start}.material-info h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 .25rem}.material-grade{font-size:.875rem;color:#6b7280;margin:0}.material-weight{padding:0 1.5rem 1rem}.weight-display{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.5rem}.current-weight{font-size:2rem;font-weight:700;color:#1f2937}.unit{font-size:1rem;color:#6b7280;font-weight:500}.purity{font-size:.875rem;color:#6b7280}.material-details{padding:0 1.5rem 1rem}.detail-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:.75rem}.detail-row:last-child{margin-bottom:0}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-item .label{font-size:.75rem;color:#6b7280;font-weight:500}.detail-item .value{font-size:.875rem;color:#1f2937}.detail-item .value.highlight{font-weight:600;color:#3b82f6}.detail-item .value.profit{font-weight:600;color:#22c55e}.material-actions{padding:1rem 1.5rem;background:#f9fafb;border-top:1px solid #f3f4f6;display:flex;gap:.5rem}.btn-warning{background:#f59e0b;color:#fff;border-color:#f59e0b}.btn-warning:hover{background:#d97706;border-color:#d97706}.material-table{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;overflow:hidden;box-shadow:0 1px 3px #0000001a;margin-top:1rem}.material-table table{width:100%;border-collapse:collapse}.material-table th{background:#f9fafb;padding:1rem;text-align:left;font-weight:600;color:#374151;font-size:.875rem;border-bottom:1px solid #e5e7eb}.material-table td{padding:1rem;border-bottom:1px solid #f3f4f6;font-size:.875rem;color:#1f2937}.material-table tbody tr:last-child td{border-bottom:none}.material-table tbody tr:hover{background:#f9fafb}.material-cell{display:flex;flex-direction:column;gap:.25rem}.material-cell strong{font-weight:600;color:#1f2937}.material-cell small{font-size:.75rem;color:#6b7280}.grade-cell{display:flex;flex-direction:column;gap:.125rem}.grade-cell small{font-size:.75rem;color:#6b7280}.profit-cell{color:#22c55e;font-weight:600}.storage-management{padding-top:1rem}.storage-overview h2{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 1rem}.storage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.storage-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.storage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.storage-header h3{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0}.usage-percentage{font-size:.875rem;font-weight:500;padding:.25rem .5rem;border-radius:.375rem;background:#f59e0b1a;color:#f59e0b}.storage-capacity{margin-bottom:1rem}.capacity-bar{width:100%;height:.75rem;background:#e5e7eb;border-radius:.375rem;overflow:hidden;margin-bottom:.5rem}.capacity-fill{height:100%;background:linear-gradient(to right,#3b82f6,#2563eb);transition:width .3s ease}.capacity-text{font-size:.875rem;color:#6b7280;text-align:center}.storage-sections{margin-bottom:1rem}.storage-sections h4{font-size:.875rem;font-weight:600;color:#374151;margin:0 0 .5rem}.section-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #f3f4f6}.section-item:last-child{border-bottom:none}.section-info{flex:1}.section-name{font-size:.875rem;font-weight:500;color:#1f2937}.section-materials{font-size:.8125rem;color:#6b7280}.section-usage{font-size:.875rem;font-weight:600;color:#3b82f6}.storage-actions{display:flex;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #f3f4f6}.sales-order-form{max-height:calc(90vh - 160px);overflow-y:auto;padding:0}.stock-info{margin-top:.5rem;font-size:.875rem}.stock-warning,.stock-low,.stock-ok{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;border-radius:6px;font-size:.8125rem;font-weight:500}.stock-warning{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.stock-low{background:#fefbf2;color:#d97706;border:1px solid #fed7aa}.stock-ok{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.stock-warning svg,.stock-low svg,.stock-ok svg{flex-shrink:0}.form-section{margin-bottom:2rem;padding:1.5rem;background:#fff;border-radius:var(--radius-lg);border:1px solid var(--gray-200)}.form-section-title{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--gray-800);margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--gray-200)}.form-section-title:before{content:"";width:4px;height:24px;background:linear-gradient(135deg,var(--primary-600),var(--primary-700));border-radius:2px}.title-with-action{display:flex;align-items:center;justify-content:space-between;width:100%}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;align-items:start}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group.full-width{grid-column:1 / -1}.form-group label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--gray-700)}.form-group input,.form-group select,.form-group textarea{padding:.75rem;border:2px solid var(--gray-300);border-radius:var(--radius-lg);font-size:var(--text-sm);transition:all var(--transition-fast);background:#fff}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a}.form-group input[readonly]{background:var(--gray-50);color:var(--gray-600)}.contract-indicator{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;background:linear-gradient(135deg,var(--success-100),var(--success-200));color:var(--success-700);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);margin-left:auto}.warnings-section{margin-bottom:1.5rem}.warning-item{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:var(--radius-lg);margin-bottom:.75rem;font-size:var(--text-sm);font-weight:var(--font-medium)}.warning-item.contract_expired{background:linear-gradient(135deg,var(--error-50),var(--error-100));color:var(--error-700);border:1px solid var(--error-200)}.warning-item.contract_rate_applied{background:linear-gradient(135deg,var(--success-50),var(--success-100));color:var(--success-700);border:1px solid var(--success-200)}.warning-item.contract_rate_above_market{background:linear-gradient(135deg,var(--amber-50),var(--amber-100));color:var(--amber-700);border:1px solid var(--amber-200)}.warning-item.rate_override_applied{background:linear-gradient(135deg,var(--orange-50),var(--orange-100));color:var(--orange-700);border:1px solid var(--orange-200)}.item-field input,.item-field select{padding:.5rem;border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:var(--text-sm);margin:0}.contract-rate-indicator{font-size:var(--text-xs);color:var(--success-600);font-weight:var(--font-medium);text-align:center;display:flex;align-items:center;gap:.25rem}.contract-rate-indicator.overridden{color:var(--orange-600)}.lock-icon{font-size:.7rem;margin-left:.125rem}.contract-indicators{display:flex;flex-direction:column;gap:.125rem;margin-top:.25rem}.discount-indicator{font-size:var(--text-xs);color:var(--blue-600);font-weight:var(--font-medium);background:linear-gradient(135deg,var(--blue-50),var(--blue-100));padding:.125rem .375rem;border-radius:var(--radius-full);border:1px solid var(--blue-200);text-align:center;white-space:nowrap}.locked-rate{background:var(--gray-50)!important;color:var(--gray-600)!important;cursor:not-allowed!important;border-color:var(--gray-300)!important}.contract-terms-display{background:linear-gradient(135deg,var(--blue-50),var(--green-50));border:2px solid var(--blue-200);border-radius:var(--radius-lg)}.contract-terms-display .form-section-title{color:var(--blue-800);display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--blue-200)}.contract-terms-display .form-section-title.clickable{cursor:pointer;transition:all var(--transition-fast);padding:.75rem;margin:-.75rem -1.5rem 1.5rem;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.contract-terms-display .form-section-title.clickable:hover{background:#3b82f60d}.contract-header-right{display:flex;align-items:center;gap:.75rem}.contract-status-badge{padding:.375rem .875rem;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.025em}.contract-status-badge.active{background:linear-gradient(135deg,var(--green-100),var(--green-200));color:var(--green-800);border:1px solid var(--green-300)}.contract-summary{background:#fff;border-radius:var(--radius-lg);padding:1.5rem;border:1px solid var(--blue-200)}.contract-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.contract-detail{display:flex;flex-direction:column;gap:.25rem}.contract-detail label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--gray-600);text-transform:uppercase;letter-spacing:.025em}.contract-detail span{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--gray-800)}.status-badge{padding:.25rem .75rem;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase}.status-badge.active{background:var(--green-100);color:var(--green-800)}.status-badge.expired{background:var(--red-100);color:var(--red-800)}.special-terms{background:var(--amber-50);border:1px solid var(--amber-200);border-radius:var(--radius-lg);padding:1rem;margin-bottom:1.5rem}.special-terms label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--amber-800);display:block;margin-bottom:.5rem}.special-terms p{font-size:var(--text-sm);color:var(--amber-700);margin:0;line-height:var(--leading-relaxed)}.material-rates-summary h4{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--gray-800);margin:0 0 .75rem}.rates-compact{display:flex;flex-wrap:wrap;gap:.5rem}.rate-compact-item{display:flex;align-items:center;gap:.5rem;background:#fff;padding:.5rem .75rem;border-radius:var(--radius-md);border:1px solid var(--blue-200);font-size:var(--text-sm);cursor:help;transition:all var(--transition-fast)}.rate-compact-item:hover{border-color:var(--blue-300);box-shadow:0 2px 8px #3b82f626;transform:translateY(-1px)}.rate-compact-item .material-name{font-weight:var(--font-medium);color:var(--gray-700)}.rate-compact-item.expired{border-color:var(--red-200);background:linear-gradient(135deg,var(--red-50),white)}.rate-compact-item.expired:hover{border-color:var(--red-300);box-shadow:0 2px 8px #ef444426}.rate-info{display:flex;align-items:center;gap:.5rem}.status-indicator{font-size:var(--text-xs);font-weight:var(--font-bold);padding:.125rem .375rem;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.025em}.status-indicator.active{background:var(--green-100);color:var(--green-800);border:1px solid var(--green-300)}.status-indicator.expired{background:var(--red-100);color:var(--red-800);border:1px solid var(--red-300)}.rate-badge{font-size:var(--text-xs);font-weight:var(--font-bold);padding:.25rem .5rem;border-radius:var(--radius-md);white-space:nowrap}.rate-badge.fixed_rate{background:var(--green-100);color:var(--green-800);border:1px solid var(--green-300)}.rate-badge.discount_percentage{background:var(--blue-100);color:var(--blue-800);border:1px solid var(--blue-300)}.rate-badge.minimum_price_guarantee{background:var(--amber-100);color:var(--amber-800);border:1px solid var(--amber-300)}.discount-input{width:80px!important;padding:.25rem .5rem!important;margin:0 .25rem!important;border:1px solid var(--gray-300)!important;border-radius:var(--radius-md)!important;font-size:var(--text-sm)!important;text-align:center}.form-actions{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid var(--gray-200);background:var(--gray-50);margin:2rem -1.5rem -1.5rem;border-radius:0 0 var(--radius-lg) var(--radius-lg)}@media (max-width: 768px){.form-grid{grid-template-columns:1fr}.items-header,.item-row{grid-template-columns:1fr;gap:.5rem}.items-header{display:none}.item-field:before{content:attr(data-label);font-weight:var(--font-medium);color:var(--gray-600);font-size:var(--text-xs);margin-bottom:.25rem}.totals-section{max-width:none;margin:0}.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%;justify-content:center}}.override-modal-backdrop{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease-out}.override-modal{background:#fff;border-radius:var(--radius-lg);max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #0000004d;animation:slideIn .3s ease-out}.override-modal-header{padding:2rem;text-align:center;border-bottom:2px solid var(--gray-200);background:linear-gradient(135deg,var(--red-50),var(--orange-50))}.override-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--orange-500),var(--red-500));border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:#fff}.override-modal-header h3{font-size:1.5rem;font-weight:700;color:var(--gray-900);margin:0 0 .5rem}.override-modal-header p{color:var(--gray-600);margin:0;font-size:.9rem}.override-details{padding:1.5rem 2rem;background:var(--gray-50);border-bottom:1px solid var(--gray-200)}.override-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--gray-200)}.override-item:last-child{border-bottom:none}.override-item label{font-weight:600;color:var(--gray-700);font-size:.875rem}.override-item span{font-weight:700;font-size:.875rem}.override-item .contract-rate{color:var(--green-600)}.override-item .requested-rate{color:var(--blue-600)}.override-item .increase{color:var(--red-600)}.override-item .decrease{color:var(--green-600)}.override-form{padding:2rem}.override-form .form-group{margin-bottom:1.5rem}.override-form .form-group:last-child{margin-bottom:0}.override-form label{display:block;font-size:.875rem;font-weight:600;color:var(--gray-700);margin-bottom:.5rem}.override-form input,.override-form textarea{width:100%;padding:.75rem;border:2px solid var(--gray-300);border-radius:var(--radius-lg);font-size:.875rem;transition:all var(--transition-fast);font-family:inherit}.override-form input:focus,.override-form textarea:focus{outline:none;border-color:var(--orange-500);box-shadow:0 0 0 3px #fb923c1a}.override-form textarea{resize:vertical;min-height:80px}.override-form small{display:block;margin-top:.25rem;font-size:.75rem;color:var(--gray-500);font-style:italic}.override-actions{display:flex;gap:1rem;padding:1.5rem 2rem;border-top:1px solid var(--gray-200);background:var(--gray-50)}.override-actions .btn{flex:1;justify-content:center;font-weight:600;padding:.875rem 1.5rem}@media (max-width: 768px){.override-modal{width:95%;margin:1rem}.override-modal-header{padding:1.5rem}.override-details{padding:1rem 1.5rem}.override-form{padding:1.5rem}.override-actions{flex-direction:column-reverse;padding:1.5rem}}.sales-page{padding:0}.sales-orders-table .order-id{font-weight:600;color:#1f2937}.sales-orders-table .customer-info{display:flex;align-items:center;gap:.5rem;color:#374151}.sales-orders-table .customer-info svg{color:#6b7280;flex-shrink:0}.sales-orders-table .items-summary{display:flex;flex-direction:column;gap:.25rem}.sales-orders-table .item-count{font-weight:600;color:#1f2937;font-size:.875rem}.sales-orders-table .item-details{display:flex;flex-direction:column;gap:2px}.sales-orders-table .item-name{font-size:.75rem;color:#6b7280}.sales-orders-table .more-items{font-size:.75rem;color:#9ca3af;font-style:italic}.sales-orders-table .status-badge{display:inline-block;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.sales-orders-table .status-badge.pending{background:#fef3c7;color:#92400e}.sales-orders-table .status-badge.confirmed{background:#dbeafe;color:#1e40af}.sales-orders-table .status-badge.completed{background:#d1fae5;color:#065f46}.sales-orders-table .status-badge.cancelled{background:#fee2e2;color:#991b1b}.sales-orders-table .payment-badge{display:inline-block;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.sales-orders-table .payment-badge.paid{background:#d1fae5;color:#065f46}.sales-orders-table .payment-badge.pending{background:#fef3c7;color:#92400e}.sales-orders-table .payment-badge.overdue{background:#fee2e2;color:#991b1b}.sales-orders-table .table-actions{display:flex;align-items:center;gap:.5rem}.sales-orders-table .btn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;background:#fff;border:1px solid #d1d5db;color:#6b7280;cursor:pointer;transition:all .2s ease}.sales-orders-table .btn-icon:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af;color:#374151}.sales-orders-table .btn-icon.primary{background:#3b82f6;border-color:#3b82f6;color:#fff}.sales-orders-table .btn-icon.primary:hover:not(:disabled){background:#2563eb;border-color:#2563eb}.btn-sm{padding:.375rem .75rem;font-size:.8125rem}.sales-content{display:flex;flex-direction:column;gap:2rem}.customer-name{font-size:.875rem;color:#6b7280;margin:0 0 .25rem}.status-badge.confirmed{background:#3b82f61a;color:#2563eb}.status-badge.completed{background:#22c55e1a;color:#16a34a}.sales-summary{margin-top:2rem}.summary-icon{width:3rem;height:3rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;background:#22c55e1a;color:#22c55e;flex-shrink:0}.empty-state{text-align:center;padding:4rem 2rem;color:#6b7280}.empty-state svg{width:4rem;height:4rem;margin:0 auto 1rem;color:#d1d5db;stroke-width:1.5}.empty-state h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 .5rem}.empty-state p{margin:0}@media (max-width: 768px){.page-header{flex-direction:column;gap:1rem;align-items:stretch}.filters-bar{flex-direction:column;gap:1rem}.filter-buttons{overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap}.tab-navigation{overflow-x:auto;-webkit-overflow-scrolling:touch}.item-row{grid-template-columns:1fr;gap:.25rem}.item-amount{text-align:left}.order-footer{flex-direction:column;gap:1rem;align-items:stretch}.order-actions{justify-content:stretch}.order-actions .btn{flex:1;justify-content:center}}.purchase-order-form{max-height:calc(90vh - 160px);overflow-y:auto;padding:0}.purchase-order-form .form-section{margin-bottom:2rem;padding:1.5rem;background:#fff;border-radius:var(--radius-lg);border:1px solid var(--gray-200)}.purchase-order-form .form-section-title{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--gray-800);margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--gray-200)}.purchase-order-form .form-section-title:before{content:"";width:4px;height:24px;background:linear-gradient(135deg,var(--primary-600),var(--primary-700));border-radius:2px}.purchase-order-form .title-with-action{display:flex;align-items:center;justify-content:space-between;width:100%}.purchase-order-form .title-with-action span{display:flex;align-items:center;gap:var(--space-3)}.purchase-order-form .form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;align-items:start}.purchase-order-form .form-group{display:flex;flex-direction:column;gap:.5rem}.purchase-order-form .form-group.full-width{grid-column:1 / -1}.purchase-order-form .form-group label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--gray-700)}.purchase-order-form .form-group input,.purchase-order-form .form-group select,.purchase-order-form .form-group textarea{padding:.75rem;border:2px solid var(--gray-300);border-radius:var(--radius-lg);font-size:var(--text-sm);transition:all var(--transition-fast);background:#fff}.purchase-order-form .form-group input:focus,.purchase-order-form .form-group select:focus,.purchase-order-form .form-group textarea:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a}.purchase-order-form .form-group input[readonly],.purchase-order-form .form-group input.readonly{background:var(--gray-50);color:var(--gray-600);cursor:not-allowed}.purchase-order-form .form-group input.error,.purchase-order-form .form-group select.error{border-color:var(--error-500);box-shadow:0 0 0 3px #ef44441a}.error-message{font-size:var(--text-xs);color:var(--error-600);margin-top:.25rem}.error-banner{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--error-50);color:var(--error-700);border:1px solid var(--error-200);border-radius:var(--radius-md);margin-bottom:1rem;font-size:var(--text-sm)}.vendor-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.vendor-detail{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background:var(--gray-50);border-radius:var(--radius-md)}.vendor-detail label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--gray-600);text-transform:uppercase;letter-spacing:.025em}.vendor-detail span{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--gray-800)}.items-table{background:var(--gray-50);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--gray-200)}.items-header{display:grid;grid-template-columns:2fr 1fr .8fr 1.2fr 1.2fr .8fr;gap:1rem;padding:1rem;background:linear-gradient(135deg,var(--gray-800),var(--gray-900));color:#fff;font-weight:var(--font-semibold);font-size:var(--text-sm);text-align:center}.items-header span:first-child{text-align:left}.item-row{display:grid;grid-template-columns:2fr 1fr .8fr 1.2fr 1.2fr .8fr;gap:1rem;padding:1rem;border-bottom:1px solid var(--gray-200);background:#fff;align-items:center}.item-row.error{background:var(--error-50);border-color:var(--error-200)}.item-field{display:flex;flex-direction:column;gap:.25rem}.item-field input,.item-field select{padding:.5rem;border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:var(--text-sm);margin:0;width:100%}.item-field select,.item-field select option{overflow:hidden;text-overflow:ellipsis}.item-field input:focus,.item-field select:focus{border-color:var(--primary-500);box-shadow:0 0 0 2px #3b82f61a}.unit-display{padding:.5rem;background:var(--gray-100);border-radius:var(--radius-md);font-size:var(--text-sm);text-align:center;color:var(--gray-600)}.amount-display{padding:.5rem;background:var(--gray-100);border-radius:var(--radius-md);font-size:var(--text-sm);text-align:right;font-weight:var(--font-medium);color:var(--gray-800)}.rate-field{position:relative}.contract-rate-indicator{margin-top:.25rem}.contract-badge{font-size:var(--text-xs);color:var(--success-600);font-weight:var(--font-medium);text-align:center;background:var(--success-50);padding:.125rem .375rem;border-radius:var(--radius-full);border:1px solid var(--success-200)}.totals-section{background:linear-gradient(135deg,var(--gray-50),var(--gray-100));padding:1.5rem;border-radius:var(--radius-lg);border:1px solid var(--gray-200);max-width:400px;margin-left:auto}.totals-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;font-size:var(--text-sm)}.totals-row label{display:flex;align-items:center;gap:.5rem;font-weight:var(--font-medium);color:var(--gray-700)}.totals-row span{font-weight:var(--font-semibold);color:var(--gray-800)}.total-row{border-top:2px solid var(--gray-300);margin-top:.5rem;padding-top:1rem;font-size:var(--text-lg)}.total-row label{font-weight:var(--font-bold);color:var(--gray-900)}.total-row span{font-weight:var(--font-bold);color:var(--primary-600);font-size:var(--text-xl)}.tax-input{width:80px!important;padding:.25rem .5rem!important;margin:0 .25rem!important;border:1px solid var(--gray-300)!important;border-radius:var(--radius-md)!important;font-size:var(--text-sm)!important;text-align:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.btn-small{padding:.5rem 1rem;font-size:var(--text-xs)}.btn-primary{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));color:#fff;box-shadow:0 2px 4px #0000001a}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-700),var(--primary-800));transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-outline{background:#fff;color:var(--gray-700);border:1px solid var(--gray-300)}.btn-outline:hover:not(:disabled){background:var(--gray-50);border-color:var(--gray-400)}.btn-outline:disabled{opacity:.5;cursor:not-allowed}.purchase-order-form .form-actions{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid var(--gray-200);background:var(--gray-50);margin:2rem -1.5rem -1.5rem;border-radius:0 0 var(--radius-lg) var(--radius-lg)}.purchase-order-form .loading-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.purchase-order-form .form-grid,.vendor-info-grid{grid-template-columns:1fr}.items-header,.item-row{grid-template-columns:1fr;gap:.5rem}.items-header{display:none}.item-field:before{content:attr(data-label);font-weight:var(--font-medium);color:var(--gray-600);font-size:var(--text-xs);margin-bottom:.25rem}.totals-section{max-width:none;margin:0}.purchase-order-form .form-actions{flex-direction:column-reverse}.purchase-order-form .form-actions .btn{width:100%;justify-content:center}}.collections-container{padding:var(--space-6);background:var(--gray-50);min-height:100vh}.collections-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.header-title{display:flex;align-items:center;gap:var(--space-3)}.header-icon{width:48px;height:48px;background:var(--primary-100);color:var(--primary-600);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.header-title h1{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--gray-900);margin:0}.header-subtitle{font-size:var(--text-sm);color:var(--gray-600);margin-left:var(--space-2)}.header-actions{display:flex;gap:var(--space-3);align-items:center}.help-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.help-btn:hover{background:#2563eb}.workflow-help-banner{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:24px;border-radius:12px;margin-bottom:24px;display:flex;align-items:center;gap:16px;box-shadow:0 4px 6px #0000001a;position:relative}.workflow-steps{display:flex;align-items:center;gap:12px;flex:1;flex-wrap:wrap}.workflow-step{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 16px;border-radius:8px;display:flex;flex-direction:column;gap:4px;min-width:180px}.workflow-step strong{font-size:14px;font-weight:600}.workflow-step span{font-size:12px;opacity:.9}.workflow-step-arrow{font-size:20px;font-weight:700;opacity:.7}.help-close{position:absolute;top:12px;right:12px;background:#fff3;border:none;color:#fff;width:28px;height:28px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:background .2s}.help-close:hover{background:#ffffff4d}.refresh-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:#fff;color:var(--gray-700);border:1px solid var(--gray-300);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.refresh-btn:hover:not(:disabled){background:var(--gray-50);border-color:var(--gray-400);transform:translateY(-1px);box-shadow:var(--shadow-md)}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.tab-navigation{display:flex;background:#fff;border-radius:var(--radius-lg);padding:var(--space-1);margin-bottom:var(--space-6);border:1px solid var(--gray-200);box-shadow:var(--shadow-sm)}.tab-button{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:none;background:transparent;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--gray-600);cursor:pointer;transition:all var(--transition-fast);flex:1;justify-content:center}.tab-button:hover{background:var(--gray-50);color:var(--gray-800)}.tab-button.active{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;box-shadow:var(--shadow-sm)}.collections-content{background:var(--gray-50)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;gap:var(--space-4);color:var(--gray-600);background:#fff;border-radius:var(--radius-lg);border:1px solid var(--gray-200);box-shadow:var(--shadow-sm)}.loading-container p{font-size:var(--text-sm);margin:0}.error-banner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--red-50);color:var(--red-700);border:1px solid var(--red-200);border-radius:var(--radius-lg);margin-bottom:var(--space-6);font-size:var(--text-sm);font-weight:var(--font-medium)}.error-close{margin-left:auto;background:none;border:none;color:var(--red-600);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-md);transition:all var(--transition-fast)}.error-close:hover{background:var(--red-100)}.quick-stats-bar{display:flex;gap:1.5rem;padding:1.5rem 2rem;background:#fff;border-top:1px solid var(--gray-200);box-shadow:0 -4px 6px -1px #0000001a}.stat-item{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:var(--gray-50);border-radius:.75rem;border:1px solid var(--gray-200);transition:all .2s ease}.stat-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-icon{width:2.5rem;height:2.5rem;padding:.5rem;border-radius:.5rem}.stat-icon.pending{background:var(--orange-100);color:var(--orange-600)}.stat-icon.in-progress{background:var(--blue-100);color:var(--blue-600)}.stat-icon.completed{background:var(--green-100);color:var(--green-600)}.stat-icon.urgent{background:var(--red-100);color:var(--red-600)}.stat-details{display:flex;flex-direction:column}.stat-value{font-size:1.5rem;font-weight:700;color:var(--gray-900);line-height:1}.stat-label{font-size:.75rem;color:var(--gray-600);font-weight:500;text-transform:uppercase;letter-spacing:.025em}.collections-container.rtl{direction:rtl}.collections-container.rtl .header-title,.collections-container.rtl .header-actions,.collections-container.rtl .tab-navigation,.collections-container.rtl .quick-stats-bar,.collections-container.rtl .stat-item,.collections-container.rtl .error-banner{flex-direction:row-reverse}.collections-container.rtl .error-close{margin-left:0;margin-right:auto}@media (max-width: 1024px){.collections-header{padding:1rem}.header-content{flex-direction:column;gap:1rem;align-items:stretch;text-align:center}.header-actions{justify-content:center}.collections-content{padding:1.5rem}.quick-stats-bar{flex-wrap:wrap;padding:1rem;gap:1rem}.stat-item{flex:1;min-width:200px}}@media (max-width: 768px){.tab-navigation{flex-wrap:wrap;gap:.5rem}.tab-button{padding:.75rem 1rem;font-size:.75rem;border-radius:.5rem}.tab-button.active:after{display:none}.collections-content{padding:1rem}.quick-stats-bar{flex-direction:column;gap:.75rem}.stat-item{min-width:auto}.header-title h1{font-size:1.5rem}.header-subtitle{display:none}}.collection-card{background:#fff;border:1px solid var(--gray-200);border-radius:.75rem;padding:1.5rem;margin-bottom:1rem;box-shadow:var(--shadow-sm);transition:all .2s ease}.collection-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary-200)}.collection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem}.collection-list{display:flex;flex-direction:column;gap:1rem}.status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;border-radius:9999px;text-transform:uppercase;letter-spacing:.025em}.status-badge.pending{background:var(--orange-100);color:var(--orange-800)}.status-badge.scheduled{background:var(--blue-100);color:var(--blue-800)}.status-badge.in-progress{background:var(--purple-100);color:var(--purple-800)}.status-badge.completed{background:var(--green-100);color:var(--green-800)}.status-badge.cancelled{background:var(--red-100);color:var(--red-800)}.priority-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;border-radius:.375rem}.priority-badge.low{background:var(--green-100);color:var(--green-800)}.priority-badge.normal{background:var(--blue-100);color:var(--blue-800)}.priority-badge.high{background:var(--orange-100);color:var(--orange-800)}.priority-badge.urgent{background:var(--red-100);color:var(--red-800);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.purchase-page{padding:0}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;border:1px solid transparent}.btn svg{width:1rem;height:1rem;stroke-width:2}.btn-primary{background:#3b82f6;color:#fff;border-color:#3b82f6}.btn-primary:hover{background:#2563eb;border-color:#2563eb}.btn-outline{background:#fff;color:#374151;border-color:#d1d5db}.btn-outline:hover{background:#f9fafb;border-color:#9ca3af}.btn-sm{padding:.375rem .75rem}.btn-success{background:#10b981;color:#fff;border-color:#10b981}.btn-success:hover:not(:disabled){background:#059669;border-color:#059669}.btn:disabled{opacity:.6;cursor:not-allowed}.received-indicator{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0;border-radius:6px;font-size:.8125rem;font-weight:500}.received-indicator svg{flex-shrink:0}.loading-spinner-small{width:14px;height:14px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.header-left h1{font-size:2rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.header-left p{color:#6b7280;margin:0}.header-actions{display:flex;gap:1rem}.purchase-content{display:flex;flex-direction:column;gap:2rem}.filters-bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem}.search-box{position:relative;flex:1;max-width:300px}.search-box svg{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;color:#9ca3af;stroke-width:2}.search-input{width:100%;padding:.625rem .75rem .625rem 2.5rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;transition:border-color .2s ease}.search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-input::-moz-placeholder{color:#9ca3af}.search-input::placeholder{color:#9ca3af}.filter-buttons{display:flex;gap:.75rem}.filter-select{padding:.625rem .75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;background:#fff;color:#374151;cursor:pointer;transition:border-color .2s ease}.filter-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.tab-navigation{display:flex;gap:.5rem;border-bottom:1px solid #e5e7eb;margin-bottom:1rem}.tab-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:none;background:none;color:#6b7280;font-weight:500;cursor:pointer;border-radius:.5rem .5rem 0 0;transition:all .2s ease;position:relative}.tab-btn:hover{color:#374151;background:#f9fafb}.tab-btn.active{color:#3b82f6;background:#fff}.tab-btn.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#3b82f6}.tab-btn svg{width:1rem;height:1rem;stroke-width:2}.orders-list{display:flex;flex-direction:column;gap:1.5rem}.order-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;transition:all .2s ease}.order-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000001a}.order-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.order-info h3{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 .25rem}.supplier-name{font-size:.875rem;color:#6b7280;margin:0 0 .25rem}.order-date{font-size:.8125rem;color:#9ca3af;margin:0}.order-status{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}.status-badge{padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:500}.status-badge.pending{background:#f59e0b1a;color:#d97706}.status-badge.approved{background:#3b82f61a;color:#2563eb}.status-badge.received{background:#22c55e1a;color:#16a34a}.status-badge.cancelled{background:#ef44441a;color:#dc2626}.payment-badge{padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:500}.payment-badge.paid{background:#22c55e1a;color:#16a34a}.payment-badge.pending{background:#f59e0b1a;color:#d97706}.order-items{margin-bottom:1rem}.order-items h4{font-size:.875rem;font-weight:600;color:#374151;margin:0 0 .75rem}.item-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:1rem;padding:.5rem 0;font-size:.875rem;border-bottom:1px solid #f3f4f6}.item-row:last-child{border-bottom:none}.item-name{font-weight:500;color:#1f2937}.item-quantity,.item-rate{color:#6b7280}.item-amount{font-weight:600;color:#1f2937;text-align:right}.order-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid #f3f4f6}.order-total{font-size:1.125rem;color:#1f2937}.order-actions{display:flex;gap:.75rem}.btn-success{background:#22c55e;color:#fff;border-color:#22c55e}.btn-success:hover{background:#16a34a;border-color:#16a34a}.expenses-list{display:flex;flex-direction:column;gap:1.5rem}.expense-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;transition:all .2s ease}.expense-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000001a}.expense-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.expense-info h3{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 .25rem}.expense-category{font-size:.875rem;color:#6b7280;margin:0 0 .25rem}.expense-date{font-size:.8125rem;color:#9ca3af;margin:0}.expense-status{display:flex;align-items:flex-start}.expense-details{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.expense-description{font-size:.875rem;color:#6b7280;margin:0;flex:1}.expense-amount{font-size:1.25rem;font-weight:700;color:#1f2937;margin-left:1rem}.expense-actions{display:flex;gap:.75rem;justify-content:flex-end}.purchase-summary{margin-top:2rem}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;display:flex;align-items:center;gap:1rem}.summary-icon{width:3rem;height:3rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;background:#3b82f61a;color:#3b82f6;flex-shrink:0}.summary-icon svg{width:1.5rem;height:1.5rem;stroke-width:2}.summary-info{flex:1}.summary-value{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0 0 .25rem}.summary-label{font-size:.875rem;color:#6b7280;margin:0}.modal-backdrop{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease-out}.modal-content{background:#fff;border-radius:.75rem;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #0000004d;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb;background:#f9fafb;border-radius:.75rem .75rem 0 0}.modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#1f2937}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:.5rem;transition:all .2s ease}.modal-close:hover{background:#e5e7eb;color:#374151}.modal-body{padding:1.5rem}.order-details p{margin:0 0 .75rem;font-size:.875rem}.order-details h4{margin:1rem 0 .5rem;font-size:1rem;font-weight:600;color:#1f2937}.order-details ul{margin:0;padding-left:1.5rem}.order-details li{margin-bottom:.25rem;font-size:.875rem;color:#6b7280}@media (max-width: 768px){.page-header{flex-direction:column;gap:1rem;align-items:stretch}.filters-bar{flex-direction:column;gap:1rem}.filter-buttons{overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap}.tab-navigation{overflow-x:auto;-webkit-overflow-scrolling:touch}.item-row{grid-template-columns:1fr;gap:.25rem}.item-amount{text-align:left}.order-footer{flex-direction:column;gap:1rem;align-items:stretch}.order-actions,.expense-actions{justify-content:stretch}.order-actions .btn,.expense-actions .btn{flex:1;justify-content:center}.expense-details{flex-direction:column;align-items:flex-start;gap:.5rem}.expense-amount{margin-left:0}}.source-type-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.source-type-badge svg{width:12px;height:12px;stroke-width:2.5}.source-type-badge.manual{background-color:#dbeafe;color:#1e40af;border:1px solid #93c5fd}.source-type-badge.wcn-auto{background-color:#d1fae5;color:#047857;border:1px solid #6ee7b7}@media (max-width: 768px){.source-type-badge{font-size:10px;padding:3px 8px}.source-type-badge svg{width:10px;height:10px}}.stats-section{margin:24px 0;padding:0 24px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:24px}.stat-card{background:#fff;padding:24px;border-radius:12px;box-shadow:0 1px 3px #0000001a;transition:transform .2s ease,box-shadow .2s ease;border:1px solid #e5e7eb}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.stat-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.stat-details{display:flex;flex-direction:column;gap:4px}.stat-label{font-size:14px;font-weight:500;color:#6b7280;margin:0}.stat-value{font-size:32px;font-weight:700;color:#111827;margin:0;line-height:1}.stat-card-orange .stat-icon{background-color:#fff7ed;color:#f97316}.stat-card-green .stat-icon{background-color:#f0fdf4;color:#16a34a}.stat-card-blue .stat-icon{background-color:#eff6ff;color:#3b82f6}.stat-card-purple .stat-icon{background-color:#faf5ff;color:#a855f7}.stat-card-cyan .stat-icon{background-color:#ecfeff;color:#06b6d4}.stat-card-red .stat-icon{background-color:#fef2f2;color:#ef4444}@media (max-width: 1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.stats-section{padding:0 16px}.stats-grid{grid-template-columns:1fr;gap:16px}.stat-card{padding:20px}.stat-value{font-size:28px}}@media (max-width: 480px){.stats-grid{gap:12px}.stat-card{padding:16px}.stat-icon{width:40px;height:40px;margin-bottom:12px}.stat-label{font-size:13px}.stat-value{font-size:24px}}.wastage-page{padding:20px;max-width:1200px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #eee}.header-left h1{margin:0 0 5px;color:#333;font-size:2em;font-weight:600}.header-left p{margin:0;color:#666;font-size:1.1em}.header-actions{display:flex;gap:10px}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.summary-card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a;display:flex;align-items:center;gap:15px}.card-icon{width:50px;height:50px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.card-icon.warning{background:#fff3cd;color:#856404}.card-icon.danger{background:#f8d7da;color:#721c24}.card-icon.info{background:#d1ecf1;color:#0c5460}.card-icon.success{background:#d4edda;color:#155724}.card-content{flex:1}.card-value{font-size:1.8em;font-weight:600;color:#333;margin:0 0 5px}.card-label{color:#666;font-size:.9em;margin:0}.filters-section{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;display:flex;gap:20px;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:5px;min-width:150px}.filter-group label{font-weight:500;color:#333;font-size:.9em}.filter-group select{padding:8px 12px;border:1px solid #ddd;border-radius:4px;background:#fff;font-size:.9em}.filter-group select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.wastage-table{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.waste-type-badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:.8em;font-weight:500;border:1px solid currentColor}.status-badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:.8em;font-weight:500}.status-badge.warning{background:#fff3cd;color:#856404;border:1px solid #FFEAA7}.status-badge.success{background:#d4edda;color:#155724;border:1px solid #C3E6CB}.status-badge.danger{background:#f8d7da;color:#721c24;border:1px solid #F5C6CB}.status-badge.default{background:#e2e3e5;color:#383d41;border:1px solid #D1D3D4}.action-buttons{display:flex;gap:5px}.btn-sm{padding:4px 8px;font-size:.8em}.btn-danger:hover{background:#dc3545;color:#fff}.charts-container{display:flex;flex-direction:column;gap:30px}.monthly-chart{margin-top:20px}.page-loading{display:flex;justify-content:center;align-items:center;min-height:400px}@media (max-width: 768px){.wastage-page{padding:15px}.page-header{flex-direction:column;gap:20px;align-items:flex-start}.header-actions{width:100%}.header-actions .btn{flex:1;justify-content:center}.summary-cards{grid-template-columns:1fr}.filters-section{flex-direction:column}.filter-group{min-width:auto}}[dir=rtl] .wastage-page,[dir=rtl] .page-header{direction:rtl}[dir=rtl] .summary-card{flex-direction:row-reverse}[dir=rtl] .filters-section{direction:rtl}[dir=rtl] .action-buttons{flex-direction:row-reverse}.command-palette-overlay{position:fixed;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh}.command-palette{width:100%;max-width:640px;background-color:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);overflow:hidden;display:flex;flex-direction:column;max-height:70vh}.command-palette-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--gray-200);background-color:var(--gray-50)}.search-icon{color:var(--gray-400);flex-shrink:0}.command-search-input{flex:1;border:none;outline:none;background:transparent;font-size:var(--text-lg);color:var(--gray-900);font-weight:var(--font-medium)}.command-search-input::-moz-placeholder{color:var(--gray-400)}.command-search-input::placeholder{color:var(--gray-400)}.keyboard-shortcut{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-1) var(--space-2);background-color:#fff;border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--gray-600);font-family:var(--font-mono);min-width:32px;box-shadow:0 1px 2px #0000000d}.command-palette-content{flex:1;overflow-y:auto;padding:var(--space-2)}.command-palette-content::-webkit-scrollbar{width:8px}.command-palette-content::-webkit-scrollbar-track{background:var(--gray-100);border-radius:var(--radius-sm)}.command-palette-content::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:var(--radius-sm)}.command-palette-content::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}.command-section-label{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em}.command-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-3);border:none;background:transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all .15s ease;text-align:left;margin-bottom:var(--space-1)}.command-item:hover{background-color:var(--gray-100)}.command-item.selected{background-color:var(--primary-100);border-left:3px solid var(--primary-600);padding-left:calc(var(--space-3) - 3px)}.command-item-left{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0}.command-icon{flex-shrink:0;color:var(--gray-600)}.command-item.selected .command-icon{color:var(--primary-600)}.command-item-content{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.command-title{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.command-description{font-size:var(--text-sm);color:var(--gray-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.command-item-right{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.command-shortcut{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-1) var(--space-2);background-color:var(--gray-100);border:1px solid var(--gray-200);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--gray-600);font-family:var(--font-mono)}.command-item.selected .command-shortcut{background-color:#fff;border-color:var(--primary-300);color:var(--primary-700)}.command-arrow{color:var(--gray-400);opacity:0;transition:opacity .15s ease}.command-item:hover .command-arrow,.command-item.selected .command-arrow{opacity:1;color:var(--primary-600)}.command-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-4);color:var(--gray-400)}.command-empty svg{margin-bottom:var(--space-4);opacity:.5}.command-empty p{font-size:var(--text-lg);font-weight:var(--font-medium);color:var(--gray-600);margin-bottom:var(--space-2)}.command-empty span{font-size:var(--text-sm);color:var(--gray-400)}.command-palette-footer{padding:var(--space-3) var(--space-4);border-top:1px solid var(--gray-200);background-color:var(--gray-50)}.footer-shortcuts{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.footer-shortcut{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--gray-600)}.footer-shortcut kbd{display:inline-flex;align-items:center;justify-content:center;padding:2px 6px;background-color:#fff;border:1px solid var(--gray-300);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--gray-700);font-family:var(--font-mono);min-width:20px;box-shadow:0 1px 2px #0000000d}[data-theme=dark] .command-palette{background-color:var(--gray-800);box-shadow:0 20px 50px #00000080}[data-theme=dark] .command-palette-header{background-color:var(--gray-900);border-bottom-color:var(--gray-700)}[data-theme=dark] .command-search-input{color:var(--gray-100)}[data-theme=dark] .command-search-input::-moz-placeholder{color:var(--gray-500)}[data-theme=dark] .command-search-input::placeholder{color:var(--gray-500)}[data-theme=dark] .keyboard-shortcut{background-color:var(--gray-700);border-color:var(--gray-600);color:var(--gray-300)}[data-theme=dark] .command-item:hover{background-color:var(--gray-700)}[data-theme=dark] .command-item.selected{background-color:var(--primary-900)}[data-theme=dark] .command-title{color:var(--gray-100)}[data-theme=dark] .command-description{color:var(--gray-400)}[data-theme=dark] .command-shortcut{background-color:var(--gray-700);border-color:var(--gray-600);color:var(--gray-300)}[data-theme=dark] .command-item.selected .command-shortcut{background-color:var(--gray-800);border-color:var(--primary-700);color:var(--primary-300)}[data-theme=dark] .command-palette-footer{background-color:var(--gray-900);border-top-color:var(--gray-700)}[data-theme=dark] .footer-shortcut kbd{background-color:var(--gray-700);border-color:var(--gray-600);color:var(--gray-200)}@media (max-width: 640px){.command-palette-overlay{padding-top:10vh}.command-palette{max-width:calc(100% - var(--space-4));max-height:80vh}.command-palette-header{padding:var(--space-3)}.command-search-input{font-size:var(--text-base)}.command-item{padding:var(--space-2) var(--space-3)}.command-description{display:none}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.command-item{animation:slideIn .2s ease}.notification-panel-container{position:relative}.notification-button{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background-color:transparent;border-radius:var(--radius-lg);cursor:pointer;color:var(--gray-700);transition:all .2s ease}.notification-button:hover{background-color:var(--gray-100);color:var(--primary-600)}.notification-badge{position:absolute;top:6px;right:6px;display:flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;background-color:var(--error-600);color:#fff;border-radius:9px;font-size:10px;font-weight:var(--font-bold);line-height:1;border:2px solid white}.notification-panel{position:absolute;top:calc(100% + 8px);right:0;width:420px;max-height:600px;background-color:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);overflow:hidden;display:flex;flex-direction:column;z-index:1000}.notification-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--gray-200);background-color:var(--gray-50)}.notification-title{display:flex;align-items:center;gap:var(--space-2)}.notification-title h3{margin:0;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--gray-900)}.unread-count{padding:2px 8px;background-color:var(--primary-100);color:var(--primary-700);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold)}.notification-header-actions{display:flex;align-items:center;gap:var(--space-2)}.icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background-color:transparent;border-radius:var(--radius-md);cursor:pointer;color:var(--gray-600);transition:all .2s ease}.icon-btn:hover{background-color:var(--gray-200);color:var(--gray-900)}.icon-btn.small{width:24px;height:24px}.notification-filters{display:flex;gap:var(--space-1);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--gray-200)}.filter-btn{flex:1;padding:var(--space-2) var(--space-3);border:1px solid var(--gray-300);background-color:#fff;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--gray-700);cursor:pointer;transition:all .2s ease}.filter-btn:hover{background-color:var(--gray-50);border-color:var(--gray-400)}.filter-btn.active{background-color:var(--primary-600);border-color:var(--primary-600);color:#fff}.notification-list{flex:1;overflow-y:auto;max-height:400px}.notification-list::-webkit-scrollbar{width:8px}.notification-list::-webkit-scrollbar-track{background:var(--gray-100)}.notification-list::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:var(--radius-sm)}.notification-list::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}.notification-item{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--gray-100);transition:background-color .2s ease}.notification-item:hover{background-color:var(--gray-50)}.notification-item.unread{background-color:var(--primary-50)}.notification-item.unread:hover{background-color:var(--primary-100)}.notification-content{display:flex;gap:var(--space-3);flex:1;min-width:0}.notification-icon{flex-shrink:0;margin-top:2px}.notification-icon.success{color:var(--success-600)}.notification-icon.warning{color:var(--warning-600)}.notification-icon.error{color:var(--error-600)}.notification-icon.info{color:var(--primary-600)}.notification-body{flex:1;min-width:0}.notification-item-title{margin:0 0 var(--space-1);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--gray-900)}.notification-message{margin:0 0 var(--space-2);font-size:var(--text-sm);color:var(--gray-600);line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.notification-meta{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--gray-500)}.notification-actions{display:flex;align-items:flex-start;gap:var(--space-1);flex-shrink:0}.notification-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-4);color:var(--gray-400)}.notification-empty svg{margin-bottom:var(--space-4);opacity:.3}.notification-empty p{font-size:var(--text-lg);font-weight:var(--font-medium);color:var(--gray-600);margin:0 0 var(--space-2)}.notification-empty span{font-size:var(--text-sm);color:var(--gray-400)}.notification-footer{padding:var(--space-3) var(--space-4);border-top:1px solid var(--gray-200);background-color:var(--gray-50)}.view-all-btn{width:100%;padding:var(--space-2);border:none;background-color:transparent;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--primary-600);cursor:pointer;transition:all .2s ease}.view-all-btn:hover{background-color:var(--primary-100)}[data-theme=dark] .notification-button{color:var(--gray-300)}[data-theme=dark] .notification-button:hover{background-color:var(--gray-700);color:var(--primary-400)}[data-theme=dark] .notification-badge{border-color:var(--gray-800)}[data-theme=dark] .notification-panel{background-color:var(--gray-800);box-shadow:0 20px 50px #00000080}[data-theme=dark] .notification-header{background-color:var(--gray-900);border-bottom-color:var(--gray-700)}[data-theme=dark] .notification-title h3{color:var(--gray-100)}[data-theme=dark] .unread-count{background-color:var(--primary-900);color:var(--primary-300)}[data-theme=dark] .icon-btn{color:var(--gray-400)}[data-theme=dark] .icon-btn:hover{background-color:var(--gray-700);color:var(--gray-100)}[data-theme=dark] .notification-filters{border-bottom-color:var(--gray-700)}[data-theme=dark] .filter-btn{background-color:var(--gray-700);border-color:var(--gray-600);color:var(--gray-300)}[data-theme=dark] .filter-btn:hover{background-color:var(--gray-600);border-color:var(--gray-500)}[data-theme=dark] .filter-btn.active{background-color:var(--primary-700);border-color:var(--primary-700);color:#fff}[data-theme=dark] .notification-item{border-bottom-color:var(--gray-700)}[data-theme=dark] .notification-item:hover{background-color:var(--gray-750)}[data-theme=dark] .notification-item.unread{background-color:var(--primary-950)}[data-theme=dark] .notification-item.unread:hover{background-color:var(--primary-900)}[data-theme=dark] .notification-item-title{color:var(--gray-100)}[data-theme=dark] .notification-message{color:var(--gray-400)}[data-theme=dark] .notification-meta{color:var(--gray-500)}[data-theme=dark] .notification-footer{background-color:var(--gray-900);border-top-color:var(--gray-700)}[data-theme=dark] .view-all-btn{color:var(--primary-400)}[data-theme=dark] .view-all-btn:hover{background-color:var(--gray-700)}@media (max-width: 480px){.notification-panel{width:calc(100vw - var(--space-4));right:calc(var(--space-2) * -1)}.notification-header{padding:var(--space-3)}.notification-title h3{font-size:var(--text-base)}.notification-filters{padding:var(--space-2) var(--space-3)}.notification-item{padding:var(--space-3)}.notification-message{-webkit-line-clamp:1}}.main-layout{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding-top:0}.content-container{max-width:1400px;margin:0 auto;padding:2rem;min-height:calc(100vh - 8rem)}.dashboard-header{background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;position:sticky;top:0;z-index:1000}.header-container{max-width:100%;margin:0 auto;display:grid;grid-template-columns:minmax(200px,1fr) auto minmax(200px,1fr);align-items:center;padding:0 1rem;height:4.5rem;gap:1rem}.header-left{display:flex;align-items:center;justify-self:start;min-width:0}.logo-section{display:flex;align-items:center;gap:.75rem;min-width:0}.company-logo{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:.5rem;background:linear-gradient(135deg,#3b82f6,#2563eb);flex-shrink:0}.logo-icon{width:1.5rem;height:1.5rem;color:#fff;stroke-width:2}.oil-icon{color:#ef4444}.scrap-icon{color:#22c55e}.company-details{display:flex;flex-direction:column;gap:.125rem;min-width:0;overflow:hidden}.system-title{font-size:1rem;font-weight:700;color:#1f2937;margin:0;white-space:nowrap}.company-name-container{display:flex;align-items:center;gap:.5rem;min-width:0}.company-name{font-size:.75rem;color:#6b7280;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.business-type-badge{padding:.125rem .5rem;border-radius:.75rem;font-size:.625rem;font-weight:500;white-space:nowrap;flex-shrink:0}.business-type-badge.alramrami{background:#ef44441a;color:#dc2626}.business-type-badge.pridemuscat{background:#22c55e1a;color:#16a34a}.header-center{display:flex;justify-content:center;align-items:center;justify-self:center}.header-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0;text-align:center}.secondary-nav{background:#fff;border-bottom:1px solid var(--gray-200);box-shadow:0 1px 3px #0000000d;position:relative}.secondary-nav-container{max-width:100%;margin:0 auto;display:flex;align-items:center;padding:0 1.5rem;gap:.5rem;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--gray-300) transparent}.secondary-nav-container::-webkit-scrollbar{height:3px}.secondary-nav-container::-webkit-scrollbar-track{background:transparent}.secondary-nav-container::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}.secondary-nav-container::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.secondary-nav-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.375rem;padding:.875rem 1.25rem;border:none;background:transparent;color:var(--gray-600);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);border-bottom:3px solid transparent;white-space:nowrap;flex-shrink:0;min-width:-moz-max-content;min-width:max-content;min-height:3.5rem}.secondary-nav-item:before{content:"";position:absolute;bottom:-1px;left:50%;transform:translate(-50%) scaleX(0);width:100%;height:3px;background:linear-gradient(90deg,var(--primary-500),var(--primary-600));border-radius:3px 3px 0 0;transition:transform .3s cubic-bezier(.4,0,.2,1)}.secondary-nav-item:hover{color:var(--gray-900);background:var(--gray-50);transform:translateY(-1px)}.secondary-nav-item:hover .nav-icon{transform:scale(1.1)}.secondary-nav-item.active{color:var(--primary-600);font-weight:600}.secondary-nav-item.active:before{transform:translate(-50%) scaleX(1)}.secondary-nav-item.active .nav-icon{color:var(--primary-600)}.secondary-nav-item .nav-icon{width:1.25rem;height:1.25rem;stroke-width:2;flex-shrink:0;transition:all .25s cubic-bezier(.4,0,.2,1)}.secondary-nav-item span{letter-spacing:.01em}.desktop-only{display:flex}@media (max-width: 768px){.desktop-only{display:none}.mobile-only{display:flex}}@media (max-width: 1200px){.header-container{grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr);gap:.75rem}.nav-item{padding:.375rem .5rem;font-size:.675rem;gap:.25rem}}@media (max-width: 1024px){.header-container{grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr);gap:.5rem}.nav-item span{display:none}.nav-item{padding:.5rem;gap:0}.nav-icon{width:1.125rem;height:1.125rem}}@media (max-width: 768px){.header-container{grid-template-columns:1fr auto 1fr;gap:.25rem;padding:0 .5rem}.company-details,.user-details{display:none}.header-actions{gap:.25rem}}.header-right{display:flex;align-items:center;gap:1rem;justify-self:end;min-width:0}.header-actions{display:flex;align-items:center;gap:.375rem}.action-btn{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:.25rem;border:1px solid #e5e7eb;background:#fff;color:#6b7280;cursor:pointer;transition:all .2s ease;position:relative;flex-shrink:0}.action-btn:hover{background:#f9fafb;border-color:#d1d5db;color:#374151}.action-icon{width:.875rem;height:.875rem;stroke-width:1.5}.notification-badge{position:absolute;top:-.25rem;right:-.25rem;background:#ef4444;color:#fff;font-size:.5rem;font-weight:600;width:.875rem;height:.875rem;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid white}.language-switcher{position:relative}.language-btn{display:flex;align-items:center;gap:.375rem}.language-code{font-size:.75rem;font-weight:600;letter-spacing:.025em;color:var(--gray-700)}.language-btn:hover .language-code{color:var(--primary-600)}.rtl .language-switcher{margin-left:0;margin-right:.5rem}.user-profile{display:flex;align-items:center;gap:.5rem;position:relative;min-width:0}.user-avatar{width:2rem;height:2rem;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;flex-shrink:0}.user-details{display:flex;flex-direction:column;gap:.125rem;min-width:0;overflow:hidden}.user-name{font-size:.75rem;font-weight:600;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:.625rem;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.375rem;border:none;background:transparent;color:#6b7280;cursor:pointer;transition:all .2s ease}.user-menu-btn:hover{background:#f9fafb;color:#374151}.menu-icon{width:1rem;height:1rem;stroke-width:2}.user-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 4px 12px #00000026;min-width:12rem;opacity:0;visibility:hidden;transform:translateY(-.5rem);transition:all .2s ease}.user-menu:hover .user-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:#374151;text-decoration:none;font-size:.875rem;border:none;background:none;width:100%;cursor:pointer;transition:background-color .2s ease}.dropdown-item:hover{background:#f9fafb}.dropdown-item:first-child{border-radius:.5rem .5rem 0 0}.dropdown-item:last-child{border-radius:0 0 .5rem .5rem}.dropdown-divider{margin:0;border:none;border-top:1px solid #e5e7eb}.logout-item{color:#dc2626}.logout-item:hover{background:#ef44440d}@media (max-width: 1024px){.content-container{padding:1rem}}@media (max-width: 768px){.header-container{grid-template-columns:1fr auto auto;padding:0 1rem;height:3.5rem;gap:.5rem}.header-left{min-width:0}.logo-section{gap:.5rem}.logo-container{width:2rem;height:2rem}.company-details{min-width:0}.system-title{font-size:1rem;margin:0}.company-name{font-size:.75rem;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.business-type-badge{font-size:.625rem;padding:.125rem .375rem}.header-center{display:none}.header-right,.header-actions{gap:.25rem}.action-btn{width:2.25rem;height:2.25rem}.action-icon{width:1.125rem;height:1.125rem}.language-code{display:none}.user-avatar{width:2.25rem;height:2.25rem;font-size:.875rem}.content-container{padding:1rem;min-height:calc(100vh - 3.5rem)}}.mobile-menu-btn{display:none;align-items:center;justify-content:center;min-width:44px;min-height:44px;width:2.75rem;height:2.75rem;padding:.625rem;border:none;background:transparent;color:#6b7280;cursor:pointer;border-radius:.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.mobile-menu-btn:before{content:"";position:absolute;inset:0;background:currentColor;opacity:0;transition:opacity .2s ease;border-radius:inherit}.mobile-menu-btn:hover:before{opacity:.08}.mobile-menu-btn:active{transform:scale(.95)}.mobile-menu-btn svg{position:relative;z-index:1;transition:transform .3s cubic-bezier(.4,0,.2,1)}.mobile-menu-btn:active svg{transform:rotate(90deg)}@media (max-width: 768px){.mobile-menu-btn{display:flex}}.mobile-nav{position:fixed;left:-100%;top:0;width:min(320px,85vw);height:100vh;height:100dvh;background:#fff;box-shadow:4px 0 24px #0000001f,8px 0 48px #00000014;z-index:1001;transition:transform .35s cubic-bezier(.25,.46,.45,.94);transform:translate(0);display:flex;flex-direction:column;will-change:transform;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left)}.mobile-nav.open{left:0;transform:translate(0)}.mobile-nav:not(.open){transform:translate(-100%)}.mobile-nav-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #e5e7eb;background:#f8fafc}.mobile-company-info{display:flex;align-items:center;gap:.75rem}.mobile-logo{width:2.5rem;height:2.5rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;background:#3b82f6}.mobile-logo .logo-icon{width:1.5rem;height:1.5rem}.mobile-company-details{display:flex;flex-direction:column}.mobile-company-name{font-weight:600;color:#1f2937;font-size:.875rem}.mobile-business-type{font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.025em}.mobile-close-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;background:transparent;color:#6b7280;cursor:pointer;border-radius:.375rem;transition:all .2s ease}.mobile-close-btn:hover{background:#e5e7eb;color:#374151}.mobile-nav-content{flex:1;display:flex;flex-direction:column;overflow-y:auto}.mobile-nav-items{flex:1;padding:1rem 0}.mobile-nav-item{display:flex;align-items:center;gap:.875rem;padding:.875rem 1rem;margin:.25rem .75rem;min-height:48px;border:none;background:transparent;color:#6b7280;cursor:pointer;border-radius:.75rem;transition:all .25s cubic-bezier(.4,0,.2,1);text-align:left;width:calc(100% - 1.5rem);position:relative;overflow:hidden;font-weight:500}.mobile-nav-item:before{content:"";position:absolute;inset:0;background:currentColor;opacity:0;transition:opacity .2s ease;border-radius:inherit}.mobile-nav-item:active:before{opacity:.12}.mobile-nav-item:hover{background:#f3f4f6;color:#374151;transform:translate(2px)}.mobile-nav-item.active{background:linear-gradient(135deg,#dbeafe,#eff6ff);color:#1e40af;font-weight:600;box-shadow:0 1px 3px #3b82f61a}.mobile-nav-item.active:after{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:24px;background:#3b82f6;border-radius:0 2px 2px 0}.mobile-nav-icon{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem}.mobile-nav-icon svg{width:100%;height:100%}.mobile-nav-label{font-weight:500;font-size:.875rem}.mobile-nav-footer{border-top:1px solid #e5e7eb;padding:1rem;background:#f8fafc}.mobile-user-info{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.mobile-user-avatar{width:2.5rem;height:2.5rem;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem}.mobile-user-details{display:flex;flex-direction:column}.mobile-user-name{font-weight:600;color:#1f2937;font-size:.875rem}.mobile-user-role{font-size:.75rem;color:#6b7280;text-transform:capitalize}.mobile-actions{display:flex;flex-direction:column;gap:.5rem}.mobile-action-btn{display:flex;align-items:center;gap:.75rem;padding:.75rem;border:none;background:#fff;color:#6b7280;cursor:pointer;border-radius:.5rem;transition:all .2s ease;text-align:left;border:1px solid #e5e7eb}.mobile-action-btn:hover{background:#f9fafb;color:#374151;border-color:#d1d5db}.mobile-action-btn.logout-btn{color:#dc2626;border-color:#fecaca;background:#fef2f2}.mobile-action-btn.logout-btn:hover{background:#fee2e2;border-color:#fca5a5}.mobile-action-btn svg{width:1rem;height:1rem;flex-shrink:0}.mobile-action-btn span{font-size:.875rem;font-weight:500}.sidebar-overlay{position:fixed;inset:0;background:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1000;opacity:0;visibility:hidden;transition:all .35s cubic-bezier(.25,.46,.45,.94);touch-action:none}.sidebar-overlay.active{opacity:1;visibility:visible}body.mobile-nav-open{overflow:hidden;position:fixed;width:100%}[data-theme=dark] .sidebar-overlay{background:#0009}@media (max-width: 480px){.mobile-nav{width:min(280px,90vw)}.mobile-nav-item{padding:.75rem .875rem;font-size:.8125rem}.mobile-nav-header{padding:.875rem}.mobile-company-name,.mobile-user-name{font-size:.8125rem}}@media (max-height: 600px) and (orientation: landscape){.mobile-nav-items{padding:.5rem 0}.mobile-nav-item{padding:.625rem .875rem;margin:.125rem .75rem}.mobile-nav-footer{padding:.75rem}.mobile-user-info{margin-bottom:.5rem}}@media (prefers-reduced-motion: reduce){.mobile-nav,.sidebar-overlay,.mobile-menu-btn svg,.mobile-nav-item{transition-duration:.01ms!important;animation-duration:.01ms!important}.mobile-nav-item:hover{transform:none}}[data-theme=dark] .dashboard-header{background:#1f2937;border-bottom-color:#374151}[data-theme=dark] .system-title,[data-theme=dark] .header-title{color:#f9fafb}[data-theme=dark] .company-name{color:#9ca3af}[data-theme=dark] .secondary-nav{background:#1f2937;border-bottom-color:#374151}[data-theme=dark] .secondary-nav-container::-webkit-scrollbar-thumb{background:#4b5563}[data-theme=dark] .secondary-nav-container::-webkit-scrollbar-thumb:hover{background:#6b7280}[data-theme=dark] .secondary-nav-item{color:#9ca3af}[data-theme=dark] .secondary-nav-item:hover{color:#f9fafb;background:#374151}[data-theme=dark] .secondary-nav-item.active,[data-theme=dark] .secondary-nav-item.active .nav-icon{color:#60a5fa}[data-theme=dark] .action-btn{background:#374151;border-color:#4b5563;color:#9ca3af}[data-theme=dark] .action-btn:hover{background:#4b5563;border-color:#6b7280;color:#f9fafb}[data-theme=dark] .user-name{color:#f9fafb}[data-theme=dark] .user-role{color:#9ca3af}[data-theme=dark] .user-menu-btn:hover{background:#374151;color:#f9fafb}[data-theme=dark] .user-dropdown{background:#1f2937;border-color:#374151}[data-theme=dark] .dropdown-item{color:#d1d5db}[data-theme=dark] .dropdown-item:hover{background:#374151}[data-theme=dark] .dropdown-divider{border-top-color:#374151}[data-theme=dark] .logout-item{color:#f87171}[data-theme=dark] .logout-item:hover{background:#ef44441a}[data-theme=dark] .mobile-nav{background:#1f2937;box-shadow:4px 0 24px #0000004d,8px 0 48px #0003}[data-theme=dark] .mobile-nav-header{background:#111827;border-bottom-color:#374151}[data-theme=dark] .mobile-company-name{color:#f9fafb}[data-theme=dark] .mobile-business-type,[data-theme=dark] .mobile-nav-item{color:#9ca3af}[data-theme=dark] .mobile-nav-item:hover{background:#374151;color:#f3f4f6}[data-theme=dark] .mobile-nav-item.active{background:linear-gradient(135deg,#1e3a8a4d,#2563eb33);color:#93c5fd;box-shadow:0 1px 3px #3b82f633}[data-theme=dark] .mobile-nav-item.active:after{background:#60a5fa}[data-theme=dark] .mobile-menu-btn{color:#9ca3af}[data-theme=dark] .mobile-menu-btn:hover:before{opacity:.1}[data-theme=dark] .mobile-close-btn{color:#9ca3af}[data-theme=dark] .mobile-close-btn:hover{background:#374151;color:#f3f4f6}[data-theme=dark] .mobile-nav-footer{background:#111827;border-top-color:#374151}[data-theme=dark] .mobile-user-name{color:#f9fafb}[data-theme=dark] .mobile-user-role{color:#9ca3af}[data-theme=dark] .mobile-action-btn{background:#374151;border-color:#4b5563;color:#9ca3af}[data-theme=dark] .mobile-action-btn:hover{background:#4b5563;border-color:#6b7280;color:#f9fafb}[data-theme=dark] .mobile-action-btn.logout-btn{background:#ef44441a;border-color:#991b1b;color:#f87171}[data-theme=dark] .mobile-action-btn.logout-btn:hover{background:#ef444426;border-color:#b91c1c}.dashboard-container{min-height:100vh}.dashboard-header{position:sticky;top:0;z-index:50;background:linear-gradient(135deg,#fffffffa,#f8fafcf2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(226,232,240,.8);box-shadow:0 4px 20px #00000014;height:4.5rem}.header-container{max-width:1280px;margin:0 auto;padding:0 2rem;height:100%;display:flex;align-items:center;justify-content:space-between}.header-left{display:flex;align-items:center}.logo-section{display:flex;align-items:center;gap:.75rem}.company-logo{width:2.5rem;height:2.5rem;border-radius:.625rem;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;flex-shrink:0}.company-logo:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--alramrami-primary) 0%,var(--alramrami-secondary) 100%);opacity:.1;border-radius:inherit}.logo-icon{width:1.5rem;height:1.5rem;z-index:1}.oil-icon{color:var(--alramrami-primary)}.scrap-icon{color:var(--pridemuscat-primary)}.company-details{display:flex;flex-direction:column;justify-content:center;gap:.125rem;min-width:0}.system-title{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0;letter-spacing:-.025em;line-height:1.2}.company-name-container{display:flex;align-items:center;gap:.375rem;min-width:0}.company-name{font-size:.8125rem;color:#6b7280;font-weight:500;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.business-type-badge{font-size:.6875rem;font-weight:600;padding:.0625rem .375rem;border-radius:.25rem;text-transform:uppercase;letter-spacing:.03em;line-height:1.4;white-space:nowrap;flex-shrink:0}.business-type-badge.alramrami{background-color:#2c3e501a;color:var(--alramrami-primary)}.business-type-badge.pridemuscat{background-color:#27ae601a;color:var(--pridemuscat-primary)}.header-center{flex:1;display:flex;justify-content:center;max-width:600px;margin:0 2rem}.quick-nav{display:flex;align-items:center;gap:.25rem;background:#fffc;border-radius:.75rem;padding:.25rem;border:1px solid rgba(226,232,240,.6);box-shadow:0 2px 8px #0000000a}.nav-item{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;color:#6b7280;background:none;border:none;cursor:pointer;transition:all .2s ease;position:relative}.nav-item:hover{color:#374151;background:#3b82f60d}.nav-item.active{color:#1f2937;background:#fff;box-shadow:0 2px 8px #0000001a}.nav-item.active:before{content:"";position:absolute;bottom:-.25rem;left:50%;transform:translate(-50%);width:.5rem;height:.125rem;background:var(--alramrami-primary);border-radius:.0625rem}.nav-icon{width:1rem;height:1rem;stroke-width:2}.header-right{display:flex;align-items:center;gap:1rem}.header-actions{display:flex;align-items:center;gap:.5rem}.action-btn{width:2.5rem;height:2.5rem;border-radius:.5rem;background:#fffc;border:1px solid rgba(226,232,240,.6);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;position:relative}.action-btn:hover{background:#fff;box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.action-icon{width:1.125rem;height:1.125rem;color:#6b7280;stroke-width:2}.notification-badge{position:absolute;top:-.25rem;right:-.25rem;width:1.25rem;height:1.25rem;background:#ef4444;color:#fff;font-size:.75rem;font-weight:600;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid white}.user-profile{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:.75rem;background:#fffc;border:1px solid rgba(226,232,240,.6);cursor:pointer;transition:all .2s ease;position:relative}.user-profile:hover{background:#fff;box-shadow:0 4px 12px #0000001a}.user-avatar{width:2.5rem;height:2.5rem;border-radius:50%;background:linear-gradient(135deg,var(--alramrami-primary) 0%,var(--alramrami-secondary) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem}.user-details{display:flex;flex-direction:column;gap:.125rem}.user-name{font-size:.875rem;font-weight:600;color:#1f2937}.user-role{font-size:.75rem;color:#6b7280;font-weight:500}.user-menu{position:relative}.user-menu-btn{width:1.5rem;height:1.5rem;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:.25rem;transition:all .2s ease}.user-menu-btn:hover{background:#0000000d}.menu-icon{width:1rem;height:1rem;color:#6b7280;stroke-width:2}.user-dropdown{position:absolute;top:calc(100% + .5rem);right:0;width:12rem;background:#fff;border:1px solid rgba(226,232,240,.8);border-radius:.75rem;box-shadow:0 10px 30px #00000026;padding:.5rem;opacity:0;visibility:hidden;transform:translateY(-.5rem);transition:all .2s ease}.user-profile:hover .user-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;border-radius:.5rem;font-size:.875rem;color:#374151;text-decoration:none;border:none;background:none;width:100%;cursor:pointer;transition:all .2s ease}.dropdown-item:hover{background:#3b82f60d;color:#1f2937}.dropdown-item.logout-item{color:#dc2626}.dropdown-item.logout-item:hover{background:#dc26260d}.dropdown-icon{width:1rem;height:1rem;stroke-width:2}.dropdown-divider{border:none;height:1px;background:#e2e8f0cc;margin:.5rem 0}@media (max-width: 1024px){.header-center{display:none}.header-container{padding:0 1rem}.company-name{max-width:150px}}@media (max-width: 768px){.header-actions,.user-details{display:none}.user-profile{padding:.25rem}.system-title{font-size:1.125rem}.company-name{font-size:.75rem;max-width:120px}.business-type-badge{font-size:.625rem;padding:0 .25rem}.company-logo{width:2.25rem;height:2.25rem}.logo-icon{width:1.25rem;height:1.25rem}.logo-section{gap:.5rem}}.dashboard-main{padding-top:2rem;padding-bottom:2rem}.welcome-card{background-color:#fff;border:1px solid var(--border);border-radius:.5rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.card-header{padding:1.5rem 1.5rem .75rem;border-bottom:1px solid #f3f4f6}.card-header h2{font-size:1.5rem;font-weight:600;margin:0;color:var(--foreground)}.card-content{padding:1.5rem}.status-grid{display:grid;gap:1rem}@media (min-width: 768px){.status-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.status-card{padding:1rem;border-radius:.5rem;border:1px solid}.status-card h4{font-weight:600;margin-bottom:.5rem;color:#1f2937}.status-card ul{list-style:none;padding:0;margin:0}.status-card li{font-size:.875rem;color:#4b5563;margin-bottom:.25rem}.status-card.completed{background:linear-gradient(135deg,var(--alramrami-light) 0%,#ffffff 100%);border-color:var(--alramrami-secondary)}.status-card.in-progress{background-color:#eff6ff;border-color:#bfdbfe}.status-card.next-up{background-color:#fffbeb;border-color:#fde68a}.demo-info{margin-top:1.5rem;padding:1rem;background-color:#eff6ff;border-radius:.5rem;border:1px solid #bfdbfe}.demo-info h4{font-weight:500;color:#1e3a8a;margin-bottom:.5rem}.demo-info p{font-size:.875rem;color:#1e40af;margin:0}.rtl{direction:rtl;text-align:right}.rtl *{text-align:inherit}.rtl .header{direction:rtl}.rtl .header-content{flex-direction:row-reverse}.rtl .header-left{margin-left:0;margin-right:auto}.rtl .header-right{margin-right:0;margin-left:auto}.rtl .company-info h1,.rtl .company-info p{text-align:right}.rtl .nav-menu{direction:rtl}.rtl .nav-item{margin-left:0;margin-right:1rem}.rtl .nav-item:last-child{margin-right:0}.rtl .nav-link{text-align:right}.rtl .nav-link svg{margin-left:.5rem;margin-right:0}.rtl .profile-dropdown{right:auto;left:0}.rtl .dropdown-item{text-align:right;padding-left:0;padding-right:1rem}.rtl .dropdown-item svg{margin-left:.5rem;margin-right:0}.rtl .main-content{direction:rtl}.rtl .page-title,.rtl .form-group label,.rtl .form-group input,.rtl .form-group select,.rtl .form-group textarea{text-align:right}.rtl .form-group input[type=number]{text-align:left}.rtl .form-actions{flex-direction:row-reverse}.rtl .btn svg{margin-left:.5rem;margin-right:0}.rtl .btn-group{flex-direction:row-reverse}.rtl table{direction:rtl}.rtl th,.rtl td{text-align:right}.rtl th:first-child,.rtl td:first-child{border-radius:0 var(--radius-md) var(--radius-md) 0}.rtl th:last-child,.rtl td:last-child{border-radius:var(--radius-md) 0 0 var(--radius-md)}.rtl .card-header{text-align:right}.rtl .card-actions{flex-direction:row-reverse}.rtl .card-actions .btn{margin-left:0;margin-right:.5rem}.rtl .card-actions .btn:last-child{margin-right:0}.rtl .modal-header{text-align:right}.rtl .modal-header .close-button{left:1rem;right:auto}.rtl .modal-footer{flex-direction:row-reverse}.rtl .search-input{text-align:right;padding-left:1rem;padding-right:2.5rem}.rtl .search-icon{left:auto;right:.75rem}.rtl .grid-row{direction:rtl}.rtl .grid-cell{text-align:right}.rtl .grid-cell:first-child{border-radius:0 var(--radius-md) var(--radius-md) 0}.rtl .grid-cell:last-child{border-radius:var(--radius-md) 0 0 var(--radius-md)}.rtl .dashboard-stats{direction:rtl}.rtl .stat-card{text-align:right}.rtl .stat-icon{margin-left:1rem;margin-right:0}.rtl .contract-terms,.rtl .contract-rate-info,.rtl .order-summary{text-align:right}.rtl .order-items-table,.rtl .items-header,.rtl .item-row{direction:rtl}.rtl .settings-section{text-align:right}.rtl .settings-group{direction:rtl}.rtl .settings-label{text-align:right}@media (max-width: 768px){.rtl .mobile-nav{direction:rtl}.rtl .mobile-nav-item{text-align:right}.rtl .mobile-menu-button{left:1rem;right:auto}}.rtl{font-family:Segoe UI,Tahoma,Arial,Helvetica Neue,sans-serif}.rtl .number,.rtl .amount,.rtl .quantity,.rtl .price,.rtl input[type=number],.rtl .currency,.rtl .email,.rtl .url,.rtl .code{direction:ltr;text-align:left;unicode-bidi:embed}.rtl .icon-left{margin-left:0;margin-right:.5rem}.rtl .icon-right{margin-right:0;margin-left:.5rem}.rtl .loading-spinner{direction:ltr}.rtl .notification{right:auto;left:1rem}.rtl .notification.top-right{top:1rem;right:auto;left:1rem}.rtl .tooltip{direction:rtl;text-align:right}.rtl .tooltip-arrow{transform:scaleX(-1)}.rtl .date-picker{direction:ltr}.rtl .date-input{text-align:right}.rtl .breadcrumb{direction:rtl}.rtl .breadcrumb-separator{transform:scaleX(-1)}.rtl .tab-nav{direction:rtl}.rtl .tab-item{margin-left:0;margin-right:1rem}.rtl .tab-item:last-child{margin-right:0}:root{--breakpoint-xs: 320px;--breakpoint-sm: 576px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}*{-webkit-tap-highlight-color:transparent;touch-action:manipulation}@media (max-width: 768px){:root{--font-size-base: 14px;--font-size-sm: .75rem;--font-size-lg: 1rem;--font-size-xl: 1.125rem;--font-size-2xl: 1.25rem;--font-size-3xl: 1.5rem;--font-size-4xl: 1.875rem}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}}@media (max-width: 768px){:root{--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-lg: 1rem;--spacing-xl: 1.5rem;--spacing-2xl: 2rem}}.container{width:100%;margin:0 auto;padding:0 1rem}@media (min-width: 576px){.container{max-width:540px}}@media (min-width: 768px){.container{max-width:720px}}@media (min-width: 1024px){.container{max-width:960px}}@media (min-width: 1280px){.container{max-width:1200px}}.grid{display:grid;gap:1rem}.grid-cols-1{grid-template-columns:repeat(1,1fr)}@media (min-width: 576px){.sm\:grid-cols-2{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.md\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}.lg\:grid-cols-5{grid-template-columns:repeat(5,1fr)}.lg\:grid-cols-6{grid-template-columns:repeat(6,1fr)}}.flex-wrap{flex-wrap:wrap}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}@media (max-width: 768px){.mobile\:flex-col{flex-direction:column}.mobile\:gap-2{gap:.5rem}.mobile\:w-full{width:100%}}.mobile-only{display:none}.desktop-only{display:block}@media (max-width: 768px){.mobile-only{display:block}.desktop-only{display:none}.hide-mobile{display:none!important}}@media (min-width: 769px){.hide-desktop{display:none!important}}@media (max-width: 768px){button,.btn,input[type=button],input[type=submit],a.btn{min-height:44px;min-width:44px}input,textarea,select{min-height:44px;font-size:16px}.clickable,[role=button]{min-height:44px;display:flex;align-items:center}}@media (max-width: 768px){.responsive-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.responsive-table table{min-width:100%}}@media (max-width: 768px){.card{border-radius:.5rem;margin:.5rem}.card-grid{grid-template-columns:1fr;gap:.75rem}}@media (max-width: 768px){.modal-content{width:100%;max-width:100%;margin:0;border-radius:0;min-height:100vh}.modal-xl .modal-content,.modal-lg .modal-content{width:100%;max-width:100%}}@media (max-width: 768px){.form-grid{grid-template-columns:1fr}.form-group,.form-group.full-width{grid-column:1}.form-actions{flex-direction:column-reverse;gap:.75rem}.form-actions button{width:100%}}@media (max-width: 768px){.nav-horizontal{display:none}.mobile-menu-btn{display:flex}.sidebar{position:fixed;left:-100%;top:0;width:280px;height:100vh;z-index:1000;transition:left .3s ease}.sidebar.open{left:0}.sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:999}.sidebar-overlay.active{display:block}}@media (max-width: 768px){.page-header{padding:1rem;margin-bottom:1rem}.page-content{padding:0 1rem 1rem}.section{padding:1rem;margin-bottom:1rem}}@media (max-width: 768px){.mobile\:text-center{text-align:center}.mobile\:text-left{text-align:left}.mobile\:text-right{text-align:right}}body,.main-layout,.page-wrapper{overflow-x:hidden}img{max-width:100%;height:auto}@media (max-width: 768px){.mobile\:mt-2{margin-top:.5rem}.mobile\:mb-2{margin-bottom:.5rem}.mobile\:p-2{padding:.5rem}.mobile\:px-2{padding-left:.5rem;padding-right:.5rem}.mobile\:py-2{padding-top:.5rem;padding-bottom:.5rem}}html{scroll-behavior:smooth}button,.btn,.nav-link,.clickable{-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (max-width: 768px){.nav-link,.dropdown-item,.list-item{padding:.75rem 1rem}}:root{--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93bbfc;--primary-400: #60a5fa;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--primary-800: #1e40af;--primary-900: #1e3a8a;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--success-50: #f0fdf4;--success-100: #dcfce7;--success-200: #bbf7d0;--success-300: #86efac;--success-400: #4ade80;--success-500: #22c55e;--success-600: #16a34a;--success-700: #15803d;--success-800: #166534;--success-900: #14532d;--warning-50: #fffbeb;--warning-100: #fef3c7;--warning-200: #fde68a;--warning-300: #fcd34d;--warning-400: #fbbf24;--warning-500: #f59e0b;--warning-600: #d97706;--warning-700: #b45309;--warning-800: #92400e;--warning-900: #78350f;--orange-50: #fff7ed;--orange-100: #ffedd5;--orange-200: #fed7aa;--orange-300: #fdba74;--orange-400: #fb923c;--orange-500: #f97316;--orange-600: #ea580c;--orange-700: #c2410c;--orange-800: #9a3412;--orange-900: #7c2d12;--amber-50: #fffbeb;--amber-100: #fef3c7;--amber-200: #fde68a;--amber-300: #fcd34d;--amber-400: #fbbf24;--amber-500: #f59e0b;--amber-600: #d97706;--amber-700: #b45309;--amber-800: #92400e;--amber-900: #78350f;--blue-50: #eff6ff;--blue-100: #dbeafe;--blue-200: #bfdbfe;--blue-300: #93c5fd;--blue-400: #60a5fa;--blue-500: #3b82f6;--blue-600: #2563eb;--blue-700: #1d4ed8;--blue-800: #1e40af;--blue-900: #1e3a8a;--red-50: #fef2f2;--red-100: #fee2e2;--red-200: #fecaca;--red-300: #fca5a5;--red-400: #f87171;--red-500: #ef4444;--red-600: #dc2626;--red-700: #b91c1c;--red-800: #991b1b;--red-900: #7f1d1d;--green-50: #f0fdf4;--green-100: #dcfce7;--green-200: #bbf7d0;--green-300: #86efac;--green-400: #4ade80;--green-500: #22c55e;--green-600: #16a34a;--green-700: #15803d;--green-800: #166534;--green-900: #14532d;--error-50: #fef2f2;--error-100: #fee2e2;--error-200: #fecaca;--error-300: #fca5a5;--error-400: #f87171;--error-500: #ef4444;--error-600: #dc2626;--error-700: #b91c1c;--error-800: #991b1b;--error-900: #7f1d1d;--info-50: #eff6ff;--info-100: #dbeafe;--info-200: #bfdbfe;--info-300: #93c5fd;--info-400: #60a5fa;--info-500: #3b82f6;--info-600: #2563eb;--info-700: #1d4ed8;--info-800: #1e40af;--info-900: #1e3a8a;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "JetBrains Mono", Monaco, Consolas, "Courier New", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.75;--leading-loose: 2;--tracking-tighter: -.05em;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em;--space-0: 0;--space-px: 1px;--space-0-5: .125rem;--space-1: .25rem;--space-1-5: .375rem;--space-2: .5rem;--space-2-5: .625rem;--space-3: .75rem;--space-3-5: .875rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-9: 2.25rem;--space-10: 2.5rem;--space-11: 2.75rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--shadow-xs: 0 1px 1px 0 rgba(0, 0, 0, .03);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06);--shadow-primary: 0 4px 12px rgba(59, 130, 246, .15);--shadow-success: 0 4px 12px rgba(34, 197, 94, .15);--shadow-warning: 0 4px 12px rgba(245, 158, 11, .15);--shadow-error: 0 4px 12px rgba(239, 68, 68, .15);--transition-fast: .15s ease-in-out;--transition-normal: .2s ease-in-out;--transition-slow: .3s ease-in-out;--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-smooth: cubic-bezier(.25, .1, .25, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--z-0: 0;--z-10: 10;--z-20: 20;--z-30: 30;--z-40: 40;--z-50: 50;--z-dropdown: 1000;--z-modal: 1050;--z-popover: 1100;--z-tooltip: 1150;--header-height: 4.5rem;--header-bg: var(--gray-900);--header-text: white;--sidebar-width: 16rem;--sidebar-bg: var(--gray-50);--sidebar-border: var(--gray-200);--content-bg: white;--content-max-width: 1400px;--card-bg: white;--card-border: var(--gray-200);--card-shadow: var(--shadow-md);--btn-primary-bg: var(--primary-600);--btn-primary-hover: var(--primary-700);--btn-secondary-bg: var(--gray-600);--btn-secondary-hover: var(--gray-700);--input-bg: white;--input-border: var(--gray-300);--input-focus-border: var(--primary-500);--input-error-border: var(--error-500);--table-header-bg: var(--gray-50);--table-row-hover: var(--gray-50);--table-border: var(--gray-200)}[data-theme=dark]{--gray-50: #1f2937;--gray-100: #374151;--gray-200: #4b5563;--gray-300: #6b7280;--gray-400: #9ca3af;--gray-500: #d1d5db;--gray-600: #e5e7eb;--gray-700: #f3f4f6;--gray-800: #f9fafb;--gray-900: #ffffff;--gray-750: #2d3748;--gray-850: #1a202c;--gray-950: #0f1419;--primary-950: #1e3a5f;--content-bg: #111827;--card-bg: #1f2937;--header-bg: #111827;--sidebar-bg: #1f2937;--table-header-bg: #1f2937;--table-row-hover: #374151;--shadow-xs: 0 1px 1px 0 rgba(0, 0, 0, .2);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 10px 10px -5px rgba(0, 0, 0, .3);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .6)}*{box-sizing:border-box}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--gray-800);background-color:var(--gray-50);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.heading-1{font-size:var(--text-4xl);font-weight:var(--font-extrabold);line-height:var(--leading-tight);color:var(--gray-900)}.heading-2{font-size:var(--text-3xl);font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--gray-900)}.heading-3{font-size:var(--text-2xl);font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--gray-900)}.heading-4{font-size:var(--text-xl);font-weight:var(--font-semibold);line-height:var(--leading-normal);color:var(--gray-900)}.heading-5{font-size:var(--text-lg);font-weight:var(--font-semibold);line-height:var(--leading-normal);color:var(--gray-900)}.body-large{font-size:var(--text-lg);line-height:var(--leading-relaxed)}.body-small{font-size:var(--text-sm);line-height:var(--leading-normal)}.caption{font-size:var(--text-xs);line-height:var(--leading-normal);color:var(--gray-600)}.text-primary{color:var(--primary-600)}.text-success{color:var(--success-600)}.text-warning{color:var(--warning-600)}.text-error{color:var(--error-600)}.text-muted{color:var(--gray-500)}.bg-primary{background-color:var(--primary-600)}.bg-success{background-color:var(--success-600)}.bg-warning{background-color:var(--warning-600)}.bg-error{background-color:var(--error-600)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.fade-in{animation:fadeIn var(--transition-normal)}.slide-in{animation:slideIn var(--transition-slow)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}:focus{outline:2px solid var(--primary-500);outline-offset:2px}:focus:not(:focus-visible){outline:none}::-moz-selection{background-color:var(--primary-200);color:var(--primary-900)}::selection{background-color:var(--primary-200);color:var(--primary-900)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:var(--radius-md)}::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}.shadow-xs{box-shadow:var(--shadow-xs)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.shadow-inner{box-shadow:var(--shadow-inner)}.shadow-none{box-shadow:none}.shadow-primary{box-shadow:var(--shadow-primary)}.shadow-success{box-shadow:var(--shadow-success)}.shadow-warning{box-shadow:var(--shadow-warning)}.shadow-error{box-shadow:var(--shadow-error)}.tracking-tighter{letter-spacing:var(--tracking-tighter)}.tracking-tight{letter-spacing:var(--tracking-tight)}.tracking-normal{letter-spacing:var(--tracking-normal)}.tracking-wide{letter-spacing:var(--tracking-wide)}.tracking-wider{letter-spacing:var(--tracking-wider)}.tracking-widest{letter-spacing:var(--tracking-widest)}.leading-none{line-height:var(--leading-none)}.leading-tight{line-height:var(--leading-tight)}.leading-snug{line-height:var(--leading-snug)}.leading-normal{line-height:var(--leading-normal)}.leading-relaxed{line-height:var(--leading-relaxed)}.leading-loose{line-height:var(--leading-loose)}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.transition-fast{transition:all var(--transition-fast) var(--ease-in-out)}.transition-normal{transition:all var(--transition-normal) var(--ease-in-out)}.transition-slow{transition:all var(--transition-slow) var(--ease-in-out)}.elevation-1{box-shadow:var(--shadow-sm);border:1px solid var(--gray-200)}.elevation-2{box-shadow:var(--shadow-md);border:1px solid var(--gray-200)}.elevation-3{box-shadow:var(--shadow-lg);border:1px solid var(--gray-200)}.elevation-4{box-shadow:var(--shadow-xl);border:1px solid var(--gray-200)}[data-theme=dark] .elevation-1,[data-theme=dark] .elevation-2,[data-theme=dark] .elevation-3,[data-theme=dark] .elevation-4{border-color:var(--gray-700)}.interactive{cursor:pointer;transition:all var(--transition-normal) var(--ease-in-out)}.interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.interactive:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.glass{background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}[data-theme=dark] .glass{background:#1f2937b3;border-color:#4b55634d}.gradient-overlay{position:relative;overflow:hidden}.gradient-overlay:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 100%);opacity:0;transition:opacity var(--transition-normal) var(--ease-in-out)}.gradient-overlay:hover:before{opacity:.1}.focus-ring{outline:2px solid transparent;outline-offset:2px;transition:outline-color var(--transition-fast)}.focus-ring:focus-visible{outline-color:var(--primary-500);outline-offset:2px}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.sr-only-focusable:focus,.sr-only-focusable:active{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}.skip-link{position:absolute;top:-40px;left:0;background:var(--primary-600);color:#fff;padding:.5rem 1rem;text-decoration:none;border-radius:0 0 var(--radius-md) 0;z-index:9999;transition:top .2s ease}.skip-link:focus{top:0;outline:2px solid white;outline-offset:2px}.focus-visible-ring:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px;border-radius:var(--radius-md)}[data-theme=dark] .focus-visible-ring:focus-visible{outline-color:var(--primary-400)}.keyboard-focus{outline:2px solid transparent;outline-offset:2px;transition:outline-color var(--transition-fast)}.keyboard-focus:focus:not(:focus-visible){outline:none}.keyboard-focus:focus-visible{outline-color:var(--primary-500)}.focus-high-contrast:focus-visible{outline:3px solid var(--primary-600);outline-offset:3px;box-shadow:0 0 0 5px #3b82f633}[data-theme=dark] .focus-high-contrast:focus-visible{outline-color:var(--primary-400);box-shadow:0 0 0 5px #60a5fa33}.touch-target{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-contrast: high){*{border-width:2px}button,a,input,select,textarea{outline-width:2px}}.aria-live-region{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.focus-trap{position:relative}.focus-trap:before,.focus-trap:after{content:"";position:absolute;width:0;height:0}[disabled],[aria-disabled=true]{cursor:not-allowed;opacity:.6;pointer-events:none}[aria-required=true]:after,.required-indicator:after{content:" *";color:var(--error-500);font-weight:var(--font-bold);margin-left:.25rem}[data-theme=dark] [aria-required=true]:after,[data-theme=dark] .required-indicator:after{color:var(--error-400)}[aria-invalid=true]{border-color:var(--error-500)!important;box-shadow:0 0 0 2px #ef444433}[data-theme=dark] [aria-invalid=true]{border-color:var(--error-400)!important;box-shadow:0 0 0 2px #f8717133}[aria-busy=true]{cursor:wait;pointer-events:none}[role=tooltip]{position:absolute;z-index:var(--z-tooltip);padding:.5rem .75rem;background:var(--gray-900);color:#fff;border-radius:var(--radius-md);font-size:var(--text-sm);max-width:300px;word-wrap:break-word}[data-theme=dark] [role=tooltip]{background:var(--gray-700)}[role=dialog],[role=alertdialog]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:var(--z-modal);max-height:90vh;overflow-y:auto}[role=alert]{padding:1rem;border-radius:var(--radius-md);border-left:4px solid}[role=alert][aria-live=polite]{border-left-color:var(--info-500)}[role=alert][aria-live=assertive]{border-left-color:var(--error-500)}:root{--alramrami-primary: #2c3e50;--alramrami-secondary: #3498db;--alramrami-light: #f8fafc;--alramrami-bg: #e2e8f0;--pridemuscat-primary: #27ae60;--pridemuscat-secondary: #2ecc71;--pridemuscat-light: #f0fdf4;--pridemuscat-bg: #dcfce7;--background: #ffffff;--foreground: #1a202c;--card: #ffffff;--border: #e2e8f0;--input: #e2e8f0;--muted: #f7fafc;--muted-foreground: #718096;--radius: .5rem}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--background);color:var(--foreground);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s,color .3s}body.dark{--background: #1a202c;--foreground: #ffffff;--card: #2d3748;--border: #4a5568;--input: #4a5568;--muted: #2d3748;--muted-foreground: #a0aec0}body.light{--background: #ffffff;--foreground: #1a202c;--card: #ffffff;--border: #e2e8f0;--input: #e2e8f0;--muted: #f7fafc;--muted-foreground: #718096}input::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{color:#cbd5e1!important;font-style:italic!important;opacity:.7!important}input::placeholder,textarea::placeholder,select::placeholder{color:#cbd5e1!important;font-style:italic!important;opacity:.7!important}input[type=text]::-moz-placeholder,input[type=number]::-moz-placeholder,input[type=email]::-moz-placeholder,input[type=password]::-moz-placeholder,input[type=tel]::-moz-placeholder,input[type=url]::-moz-placeholder,input[type=search]::-moz-placeholder,input[type=date]::-moz-placeholder,input[type=time]::-moz-placeholder,input[type=datetime-local]::-moz-placeholder{color:#cbd5e1!important;font-style:italic!important;opacity:.7!important}input[type=text]::placeholder,input[type=number]::placeholder,input[type=email]::placeholder,input[type=password]::placeholder,input[type=tel]::placeholder,input[type=url]::placeholder,input[type=search]::placeholder,input[type=date]::placeholder,input[type=time]::placeholder,input[type=datetime-local]::placeholder{color:#cbd5e1!important;font-style:italic!important;opacity:.7!important}.gradient-bg{background:linear-gradient(135deg,#f8fafc,#e2e8f0,#cbd5e0);min-height:100vh}.gradient-alramrami{background:linear-gradient(135deg,var(--alramrami-light) 0%,var(--alramrami-bg) 100%)}.gradient-pridemuscat{background:linear-gradient(135deg,var(--pridemuscat-light) 0%,var(--pridemuscat-bg) 100%)}.container{max-width:1280px;margin:0 auto;padding:0 1rem}@media (min-width: 640px){.container{padding:0 1.5rem}}@media (min-width: 1024px){.container{padding:0 2rem}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.space-x-2>*+*{margin-left:.5rem}.space-x-3>*+*{margin-left:.75rem}.space-x-4>*+*{margin-left:1rem}.space-y-2>*+*{margin-top:.5rem}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.max-w-md{max-width:28rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mt-1{margin-top:.25rem}.mr-2{margin-right:.5rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-center{text-align:center}.text-left{text-align:left}.tracking-tight{letter-spacing:-.025em}.text-gray-600{color:#718096}.text-gray-700{color:#4a5568}.text-gray-900{color:#1a202c}.text-white{color:#fff}.bg-white{background-color:#fff}.border-gray-200{border-color:#e2e8f0}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.gap-4{gap:1rem}.gap-6{gap:1.5rem}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:col-span-2{grid-column:span 2 / span 2}}@media (min-width: 1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:col-span-4{grid-column:span 4 / span 4}}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.sticky{position:sticky}.top-0{top:0}.z-50{z-index:50}.relative{position:relative}.absolute{position:absolute}.left-3{left:.75rem}.hidden{display:none}.block{display:block}.inline-flex{display:inline-flex}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{box-shadow:0 0 0 2px #3b82f680}.hover\:bg-gray-50:hover{background-color:#f9fafb}.backdrop-blur{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}