@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@300;400;500;600;700;800;900&display=swap";@media print{@page{margin:10mm 12mm;size:auto}*,*:before,*:after{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;box-shadow:none!important;text-shadow:none!important}html,body{background:#fff!important;color:#0f172a!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;overflow:visible!important;font-size:12pt}.sidebar,.no-print,button:not(.receipt-print-btn),.btn-pro,.icon-btn,.btn-tab,.tabs,.search-section,.pos-search-box,.sales-left,.sales-right,.reports-filter-card,.return-filter-card,.purchase-entry-card,.purchase-right,.rental-form-card,.action-buttons,.qty-input,.receipt-modal-header,.receipt-modal-footer,.modal-overlay:not(.receipt-modal-overlay),.modal-card:not(.receipt-modal-card),.close-btn{display:none!important}.main-layout{display:block!important;min-height:0!important;background:transparent!important;padding:0!important;margin:0!important}.main-content{margin-left:0!important;padding:0!important;min-height:0!important;max-width:100%!important;width:100%!important;display:block!important}.pro-card{border:1px solid #cbd5e1!important;border-radius:6px!important;background:#fff!important;box-shadow:none!important;padding:1rem!important;margin-bottom:1.5rem!important;break-inside:avoid;page-break-inside:avoid}.page-header,.reports-header,.returns-header,.page-title-section{margin-bottom:1rem!important}.table-container{overflow:visible!important;width:100%!important;margin-bottom:1rem!important}.modern-table{width:100%!important;border-collapse:collapse!important;font-size:9pt!important}.modern-table th{background:#f1f5f9!important;color:#0f172a!important;border:1px solid #cbd5e1!important;padding:6px 8px!important;font-weight:700!important;text-align:left!important}.modern-table td{border:1px solid #e2e8f0!important;padding:5px 8px!important;color:#1e293b!important;vertical-align:middle!important}.modern-table tr{break-inside:avoid!important;page-break-inside:avoid!important}.modern-table tr:nth-child(2n) td{background-color:#f8fafc!important}.badge-pro{border:1px solid #94a3b8!important;background:#fff!important;color:#0f172a!important;font-size:7.5pt!important;padding:2px 6px!important}.kpi-grid,.debt-stats,.stat-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:1rem!important;margin-bottom:1.5rem!important;break-inside:avoid}.dashboard-stat-card,.debt-stat-card{border:1px solid #cbd5e1!important;background:#fff!important;padding:1rem!important;break-inside:avoid}.stat-value,.debt-stat-value{font-size:1.25rem!important;font-weight:800!important}.charts-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:1rem!important;break-inside:avoid}.chart-card{border:1px solid #cbd5e1!important;background:#fff!important;padding:1rem!important;break-inside:avoid}body:has(.receipt-modal-overlay) .print-header-component,body:has(.receipt-modal-overlay) .print-footer-component,body:has(.receipt-modal-overlay) .sales-container>*:not(.receipt-modal-overlay){display:none!important}.receipt-modal-overlay{position:static!important;background:transparent!important;padding:0!important;display:block!important}.receipt-modal-card{border:none!important;box-shadow:none!important;max-width:100%!important;width:100%!important}.receipt-print-container{padding:0!important;width:100%!important}}:root{--primary: #4f46e5;--primary-hover: #4338ca;--primary-light: #eef2ff;--secondary: #0f172a;--accent: #06b6d4;--success: #10b981;--success-light: #ecfdf5;--warning: #f59e0b;--warning-light: #fffbeb;--danger: #ef4444;--danger-light: #fef2f2;--info: #3b82f6;--bg-main: #f8fafc;--bg-sidebar: #0f172a;--bg-card: #ffffff;--text-main: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--text-inverse: #ffffff;--border-light: #e2e8f0;--border-focus: #4f46e5;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-premium: 0 0 50px rgba(0, 0, 0, .03);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--transition: all .2s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,sans-serif;background-color:var(--bg-main);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;font-weight:700;letter-spacing:-.02em}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-up{animation:slideUp .4s ease-out}.animate-fade{animation:fadeIn .4s ease-out}.pro-card{background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);transition:var(--transition);padding:1.5rem}.pro-card:hover{box-shadow:var(--shadow-md);border-color:#4f46e533}.btn-pro{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:var(--radius-lg);font-weight:600;font-size:.9375rem;transition:var(--transition);cursor:pointer;border:1px solid transparent;outline:none}.btn-pro-primary{background-color:var(--primary);color:#fff}.btn-pro-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.btn-pro-secondary{background-color:#fff;border-color:var(--border-light);color:var(--text-main)}.btn-pro-secondary:hover{background-color:var(--bg-main);border-color:var(--text-muted)}.table-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:1rem;border-radius:var(--radius-lg)}.hide-mobile{display:block}.show-mobile{display:none}@media(max-width:768px){.hide-mobile{display:none}.show-mobile{display:block}.pro-card{padding:1.25rem}}.modern-table th{background:linear-gradient(135deg,var(--secondary) 0%,#1e293b 100%);color:#fff;font-weight:700;font-size:.8125rem;text-transform:uppercase;letter-spacing:.05em;padding:1rem;text-align:left;border-bottom:2px solid var(--border-light)}.modern-table td{padding:1rem;color:var(--text-main);font-size:.9375rem;border-bottom:1px solid var(--border-light)}.modern-table tr:last-child td{border-bottom:none}.modern-table tr:hover td{background-color:#4f46e505}@media(max-width:1024px){.modern-table th,.modern-table td{padding:.75rem;font-size:.875rem}}.sidebar{position:fixed;left:0;top:0;bottom:0;width:260px;background:var(--bg-sidebar);color:#fff;z-index:1000;transition:var(--transition);display:flex;flex-direction:column;box-shadow:var(--shadow-xl)}.sidebar-header{padding:2.5rem 1.5rem 2rem;border-bottom:1px solid rgba(255,255,255,.08)}.logo-container{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:0 .5rem;text-decoration:none;transition:var(--transition)}.logo-container:hover{opacity:.8}.back-btn-sidebar{width:100%;display:flex;align-items:center;gap:.5rem;padding:.6rem .75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);color:#fff;cursor:pointer;font-size:.75rem;font-weight:600;margin-bottom:2rem;transition:var(--transition)}.back-btn-sidebar:hover{background:#ffffff1a;border-color:#fff3}.sidebar-logo{width:42px;height:auto;filter:drop-shadow(0 0 8px rgba(255,255,255,.2))}.logo-text{display:flex;flex-direction:column;line-height:1}.brand-name{font-size:1.25rem;font-weight:800;letter-spacing:-.5px;color:#fff}.brand-tech{font-size:.75rem;font-weight:500;color:var(--primary);text-transform:uppercase;letter-spacing:2px}.user-profile-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);padding:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition)}.user-profile-card:hover{background:#ffffff0f;border-color:#ffffff1f}.user-profile-main{display:flex;align-items:center;gap:1rem}.avatar{position:relative;width:40px;height:40px;background:linear-gradient(135deg,var(--primary),#6366f1);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #4f46e566}.status-indicator{position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;border-radius:50%;border:2px solid var(--bg-sidebar)}.status-indicator.online{background:#22c55e}.user-details{display:flex;flex-direction:column;gap:2px}.user-name{font-size:.875rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.user-role{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.sidebar-nav{flex:1;padding:1.5rem .75rem;overflow-y:auto;display:flex;flex-direction:column;gap:.35rem}.nav-link{display:flex;align-items:center;gap:.875rem;padding:.875rem 1rem;color:var(--text-muted);text-decoration:none;border-radius:var(--radius-lg);transition:var(--transition);font-size:.9375rem;font-weight:500}.nav-link svg{transition:var(--transition)}.nav-link:hover{background:#ffffff08;color:#fff}.nav-link.active{background:var(--primary);color:#fff;box-shadow:0 10px 15px -3px #4f46e54d}.nav-link.active svg{color:#fff}.link-text{display:flex;flex-direction:column}.so-text{font-size:.7rem;opacity:.6;font-weight:400}.logout-btn{margin-top:auto!important;border-top:1px solid rgba(255,255,255,.05);padding-top:1.5rem!important;color:#f87171!important}.logout-btn:hover{background:#f871710d!important}.mobile-toggle{position:fixed;top:1rem;left:1rem;z-index:1100;background:#fff;border:1px solid var(--border-light);width:40px;height:40px;border-radius:var(--radius-md);display:none;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-sm)}@media(max-width:1024px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:20px 0 50px #00000080}.mobile-toggle{display:flex}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.main-layout{display:flex;min-height:100vh;background-color:var(--bg-main)}.main-content{flex:1;margin-left:260px;padding:2.5rem;min-height:100vh;transition:var(--transition);max-width:1600px;margin-right:auto}@media(max-width:1024px){.main-content{margin-left:0;padding:4.5rem 1rem 1.5rem}}@media(max-width:640px){.main-content{padding:4rem .75rem 1rem}}.page-header{margin-bottom:2.5rem;display:flex;justify-content:space-between;align-items:flex-end}.page-title-section h1{font-size:2rem;color:var(--secondary);margin-bottom:.25rem}.page-subtitle{font-size:.9375rem;color:var(--text-secondary)}.dashboard-container{animation:fadeIn .4s ease-out;padding-bottom:2rem}.dashboard-header{margin-bottom:3rem}.dashboard-header h1{font-size:2.5rem;font-weight:800;color:var(--secondary);letter-spacing:-.025em;margin-bottom:.5rem}.dashboard-header p{color:var(--text-secondary);font-size:1.125rem}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:3rem}.stat-card{background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.4);padding:1.75rem;border-radius:24px;box-shadow:var(--shadow-md);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;justify-content:space-between;min-height:180px;position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.2) 0%,transparent 70%);opacity:0;transition:opacity .5s ease;pointer-events:none}.stat-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--primary-light)}.stat-card:hover:after{opacity:1}.stat-label-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem}.stat-card h3{font-size:.875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.075em;font-weight:700}.stat-icon{width:48px;height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 16px -4px #0000001a}.stat-value{font-size:2.25rem;font-weight:800;color:var(--secondary);font-family:Outfit,sans-serif;letter-spacing:-.02em}.stat-subvalue{font-size:.875rem;color:var(--text-secondary);margin-top:.75rem;display:flex;align-items:center;gap:.5rem;font-weight:500}.dashboard-content-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem}.chart-card{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.4);padding:2.5rem;min-width:0}.chart-card h2{font-size:1.5rem;margin-bottom:2.5rem;color:var(--secondary);font-weight:800}.low-stock-card{background:linear-gradient(135deg,#fef2f2cc,#fffc)}.alert-list{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.alert-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:#fff;border-radius:16px;font-size:.9375rem;color:var(--secondary);font-weight:600;box-shadow:0 2px 4px #00000005;border:1px solid var(--border-light);transition:transform .2s ease}.alert-item:hover{transform:scale(1.02);border-color:var(--danger-light)}.badge-red{background:var(--danger);color:#fff;padding:.25rem .75rem;border-radius:10px;font-size:.8rem;font-weight:800}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:500px;gap:1.5rem}.loader{width:56px;height:56px;border:4px solid var(--border-light);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.refresh-icon.spin,.refresh-icon.spinning{animation:spin 1s linear infinite}@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1024px){.dashboard-header h1{font-size:2rem}.dashboard-content-grid{grid-template-columns:1fr}}@media(max-width:768px){.dashboard-header{margin-bottom:2rem}.dashboard-header h1{font-size:1.75rem}.dashboard-header p{font-size:.9375rem}}@media(max-width:640px){.stats-grid{grid-template-columns:1fr;gap:1rem}.stat-card{padding:1.5rem;min-height:auto}.stat-value{font-size:1.75rem}.chart-card{padding:1.5rem 1rem}}.print-header-component,.print-footer-component{display:none}@media print{.print-header-component{display:block!important;width:100%!important;margin-bottom:1.5rem!important;padding-bottom:.75rem!important;border-bottom:2px solid #0f172a!important}.print-header-top{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:1.5rem!important;margin-bottom:1rem!important}.print-brand-section{display:flex!important;align-items:center!important;gap:1rem!important}.print-company-logo{max-width:65px!important;max-height:65px!important;object-fit:contain!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.print-company-title{font-size:1.35rem!important;font-weight:800!important;color:#0f172a!important;margin:0 0 .25rem!important;line-height:1.2!important}.print-company-contact{font-size:.75rem!important;color:#475569!important;line-height:1.4!important}.print-meta-section{text-align:right!important;font-size:.75rem!important;color:#334155!important;min-width:200px!important}.print-meta-row{margin-bottom:.2rem!important}.print-meta-label{font-weight:600!important;margin-right:.35rem!important}.print-meta-value{color:#0f172a!important}.print-document-title-box{text-align:center!important;background:#f8fafc!important;padding:.5rem 1rem!important;border-radius:6px!important;border:1px solid #e2e8f0!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;margin-top:.5rem!important}.print-document-title{font-size:1.1rem!important;font-weight:800!important;color:#0f172a!important;margin:0!important;text-transform:uppercase!important;letter-spacing:.03em!important}.print-document-subtitle{font-size:.75rem!important;color:#64748b!important;margin:.2rem 0 0!important}.print-footer-component{display:block!important;width:100%!important;margin-top:2rem!important;padding-top:1rem!important;border-top:1px solid #cbd5e1!important;break-inside:avoid!important;page-break-inside:avoid!important}.print-signatures-row{display:flex!important;justify-content:space-between!important;gap:2rem!important;margin-bottom:1.5rem!important;padding:0 1rem!important}.print-signature-box{flex:1!important;text-align:center!important}.print-signature-line{height:1px!important;border-bottom:1px dashed #64748b!important;margin-bottom:.35rem!important}.print-signature-text{font-size:.75rem!important;font-weight:600!important;color:#475569!important}.print-footer-bottom{display:flex!important;justify-content:space-between!important;align-items:center!important;font-size:.7rem!important;color:#64748b!important;padding-top:.5rem!important;border-top:1px solid #f1f5f9!important}.print-footer-note{font-weight:600!important;color:#1e293b!important}.print-footer-watermark{font-size:.65rem!important;color:#94a3b8!important}}.materials-page{animation:fadeIn .4s ease-out}.materials-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2.5rem}.materials-header h1{font-size:2rem;color:var(--secondary);margin-bottom:.25rem}.materials-header p{color:var(--text-secondary)}.materials-actions{display:flex;gap:1rem;align-items:center}.search-section{position:relative;max-width:400px;width:100%}.search-input{width:100%;padding:.75rem 1rem .75rem 2.75rem;border:1px solid var(--border-light);border-radius:var(--radius-lg);background-color:var(--bg-card);transition:var(--transition);outline:none;font-size:.9375rem}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #4f46e51a}.table-card{padding:0;overflow:hidden}.badge-pro{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.025em}.badge-low{background:var(--warning-light);color:var(--warning)}.badge-ok{background:var(--success-light);color:var(--success)}.badge-out{background:var(--danger-light);color:var(--danger)}.icon-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);border:1px solid var(--border-light);background:#fff;color:var(--text-secondary);transition:var(--transition);cursor:pointer}.icon-btn:hover{color:var(--primary);border-color:var(--primary);background:var(--primary-light)}.icon-btn.delete:hover{color:var(--danger);border-color:var(--danger);background:var(--danger-light)}.pagination-pro{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-top:1px solid var(--border-light)}.pagination-info{font-size:.875rem;color:var(--text-secondary)}.pagination-controls{display:flex;gap:.5rem}@media(max-width:1024px){.materials-header{flex-direction:column;align-items:flex-start;gap:1.5rem}.materials-actions{width:100%;flex-wrap:wrap}.search-section{max-width:none;flex:1;min-width:200px}}@media(max-width:768px){.materials-actions{flex-direction:column;align-items:stretch;gap:.75rem}.search-section{width:100%;margin-left:0!important}.btn-pro{width:100%;justify-content:center;padding:1rem}.icon-btn{width:40px;height:40px}}@media(max-width:640px){.pagination-pro{flex-direction:column;gap:1rem;align-items:center;text-align:center}}.material-form-container{max-width:800px;margin:0 auto;animation:slideUp .4s ease-out}.form-header{margin-bottom:2rem}.form-header h2{font-size:1.75rem;color:var(--secondary);margin-bottom:.25rem}.form-header p{color:var(--text-secondary);font-size:.9375rem}.form-body{padding:2.5rem}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.form-group.full-width{grid-column:span 2}.form-label{font-size:.875rem;font-weight:600;color:var(--text-main);display:flex;flex-direction:column}.form-label .so-label{font-size:.75rem;color:var(--text-muted);font-weight:400}.form-input,.form-select,.form-textarea{padding:.75rem 1rem;border:1px solid var(--border-light);border-radius:var(--radius-lg);background-color:var(--bg-main);transition:var(--transition);outline:none;font-size:.9375rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);background-color:#fff;box-shadow:0 0 0 4px #4f46e51a}.form-textarea{resize:vertical;min-height:100px}.form-actions{margin-top:2.5rem;display:flex;justify-content:flex-end;gap:1rem;padding-top:2rem;border-top:1px solid var(--border-light)}@media(max-width:768px){.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:span 1}.form-body{padding:1.5rem}.form-actions{flex-direction:column;gap:.75rem}.form-actions .btn-pro{width:100%;justify-content:center;padding:1rem}}@media(max-width:480px){.form-header h2{font-size:1.5rem}}.sales-container{display:grid;grid-template-columns:1fr 400px;gap:2rem;height:calc(100vh - 12rem);animation:fadeIn .4s ease-out}@media(max-width:1200px){.sales-container{grid-template-columns:1fr;height:auto;gap:1.5rem}}.sales-left{display:flex;flex-direction:column;gap:1.5rem;overflow:hidden}.pos-search-box{position:relative;width:100%}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.25rem;overflow-y:auto;padding-right:.5rem}.pos-product-card{padding:1.25rem;display:flex;flex-direction:column;gap:.75rem;cursor:pointer;text-align:center;border:1px solid var(--border-light)}.pos-product-card:hover{border-color:var(--primary);transform:translateY(-2px);background:var(--primary-light)}.product-icon-box{width:48px;height:48px;margin:0 auto;background:var(--bg-main);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--primary)}.pos-product-name{font-weight:700;font-size:.9375rem;color:var(--secondary)}.pos-product-price{font-weight:800;font-size:1.125rem;color:var(--primary)}.sales-right{display:flex;flex-direction:column;gap:1.5rem;height:100%}.cart-card{flex:1;display:flex;flex-direction:column;padding:1.5rem;overflow:hidden}.cart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-light)}.cart-items{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;padding-right:.5rem}.cart-item{display:flex;justify-content:space-between;align-items:center}.cart-item-info{display:flex;flex-direction:column}.cart-item-name{font-weight:600;font-size:.875rem}.cart-item-meta{font-size:.75rem;color:var(--text-muted)}.cart-item-price{font-weight:700;font-size:.9375rem}.cart-summary{margin-top:auto;padding-top:1.5rem;border-top:1px solid var(--border-light);display:flex;flex-direction:column;gap:.75rem}.summary-row{display:flex;justify-content:space-between;font-size:.9375rem;color:var(--text-secondary)}.summary-row.total{font-size:1.5rem;font-weight:800;color:var(--secondary);margin-top:.5rem;padding-top:.5rem;border-top:2px solid var(--border-light)}@media(max-width:1200px){.sales-right{order:-1}.products-grid{height:400px}}@media(max-width:640px){.products-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.summary-row{flex-direction:column;gap:.75rem;align-items:flex-start}.summary-row div{width:100%;display:flex;gap:.5rem}.summary-row .btn-pro{flex:1}}.item-type-badge{position:absolute;top:10px;right:10px;padding:4px 8px;border-radius:6px;font-weight:800;font-size:.75rem;box-shadow:0 2px 4px #0000001a}.item-type-badge.type-B{background:#ff4757;color:#fff}.item-type-badge.type-W{background:#2ed573;color:#fff}.cart-item-type{display:inline-block;padding:2px 6px;border-radius:4px;font-weight:700;font-size:.7rem;margin-right:6px;color:#fff}.cart-item-type.type-B{background:#ff4757}.cart-item-type.type-W{background:#2ed573}.receipt-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1100;padding:1.5rem}.receipt-modal-card{width:100%;max-width:440px;background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);display:flex;flex-direction:column;max-height:90vh;border:1px solid var(--border-light);animation:modalSlideUp .3s ease-out}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.receipt-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-light)}.receipt-modal-header h3{font-size:1.1rem;color:var(--secondary)}.receipt-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;border-top:1px solid var(--border-light);background:var(--bg-main);border-bottom-left-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl)}.receipt-print-container{flex:1;overflow-y:auto;padding:2rem 1.5rem;background:#fff;color:#1e293b;font-family:Courier New,Courier,monospace;font-size:.875rem;line-height:1.4}.receipt-print-header{text-align:center;margin-bottom:1.25rem}.receipt-logo{max-width:80px;max-height:80px;height:auto;width:auto;margin:0 auto .75rem;display:block;object-fit:contain;-webkit-print-color-adjust:exact;print-color-adjust:exact}.receipt-company-name{font-family:inherit;font-size:1.25rem;font-weight:800;margin:0 0 .25rem;color:#0f172a}.receipt-company-info{font-size:.75rem;color:#64748b;margin:0;line-height:1.5}.receipt-merchants-box{margin-top:.75rem;padding:.5rem;border:1px dashed #cbd5e1;border-radius:6px;background:#f8fafc}.receipt-merchants-box .merchant-title{font-size:.6875rem;font-weight:800;color:#0f172a;margin-bottom:.35rem;letter-spacing:.5px}.receipt-merchants-box .merchant-row{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap;font-size:.75rem}.merchant-badge{padding:2px 6px;border-radius:4px;font-weight:700}.merchant-badge.zaad{color:#0284c7;background:#0284c714}.merchant-badge.edahab{color:#d97706;background:#d9770614}.receipt-divider{border-top:1px dashed #cbd5e1;margin:1rem 0}.receipt-meta-info{display:flex;flex-direction:column;gap:.25rem;font-size:.8rem}.receipt-meta-info .meta-row{display:flex;justify-content:space-between}.receipt-items-table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.8rem}.receipt-items-table th{font-weight:700;color:#0f172a;border-bottom:1px dashed #94a3b8;padding-bottom:.5rem}.receipt-items-table td{padding:.5rem 0;vertical-align:top;border-bottom:1px dashed #f1f5f9}.receipt-totals{display:flex;flex-direction:column;gap:.35rem;margin:1rem 0;font-size:.85rem}.receipt-totals .totals-row{display:flex;justify-content:space-between}.receipt-totals .totals-row.grand-total{font-size:1rem;font-weight:800;color:#0f172a;border-top:1px dashed #94a3b8;padding-top:.5rem;margin-bottom:.25rem}.receipt-totals .totals-row.balance-due{color:var(--danger);font-weight:700}.receipt-print-footer{text-align:center;font-size:.75rem;color:#64748b;margin-top:1.5rem}.receipt-print-footer .footer-msg{margin:0 0 .5rem;font-weight:600}.receipt-print-footer .powered-by{font-size:.65rem;color:#94a3b8;margin:0}@media print{.sales-container>.sales-left,.sales-container>.sales-right,.receipt-modal-header,.receipt-modal-footer{display:none!important}.sales-container{display:block!important;height:auto!important;margin:0!important;padding:0!important}.receipt-modal-overlay{position:static!important;background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;display:block!important;padding:0!important;z-index:auto!important}.receipt-modal-card{border:none!important;box-shadow:none!important;background:transparent!important;max-width:100%!important;width:100%!important;max-height:none!important;overflow:visible!important}.receipt-print-container{padding:0!important;overflow:visible!important;background:#fff!important;color:#000!important;font-family:Courier New,Courier,monospace;width:100%!important}}.purchases-page{animation:fadeIn .4s ease-out}.purchases-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2.5rem}@media(max-width:1024px){.purchases-header{flex-direction:column;align-items:flex-start;gap:1.5rem}.purchases-header .search-section{width:100%;margin-left:0!important}}.purchases-header h1{font-size:2rem;color:var(--secondary);margin-bottom:.25rem}.purchases-header p{color:var(--text-secondary)}.purchase-layout{display:grid;grid-template-columns:1fr 400px;gap:2rem}.purchase-entry-card{padding:2rem}.section-title{font-size:1.125rem;font-weight:700;color:var(--secondary);margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}.purchase-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;margin-bottom:2rem}.purchase-item-adder{padding-top:1.5rem;border-top:1px solid var(--border-light)}.adder-row{display:grid;grid-template-columns:1fr 120px 120px auto;gap:1rem;align-items:flex-end}.purchase-summary-card{display:flex;flex-direction:column;padding:1.5rem;height:fit-content}.order-items-list{margin:1.5rem 0;display:flex;flex-direction:column;gap:1rem}.order-item{display:flex;justify-content:space-between;align-items:center;font-size:.9375rem}.order-total-section{margin-top:auto;padding-top:1.5rem;border-top:2px solid var(--border-light)}.history-section{margin-top:3rem}@media(max-width:1024px){.purchase-layout{grid-template-columns:1fr}.purchase-right{order:-1}}@media(max-width:768px){.purchase-grid{grid-template-columns:1fr}.adder-row{grid-template-columns:1fr 1fr;gap:1rem}.adder-row>.form-group:first-child{grid-column:span 2}.adder-row .btn-pro{grid-column:span 2}}.rentals-page{animation:fadeIn .4s ease-out}.rentals-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem}.rentals-header h1{font-size:2.25rem;font-weight:800;color:var(--secondary);letter-spacing:-.025em;margin-bottom:.5rem}.page-subtitle{color:var(--text-secondary);font-size:1rem}.rental-form-card{margin-bottom:2.5rem}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:1.5rem}.form-grid-full{grid-column:1 / -1}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.875rem;font-weight:600;color:var(--secondary);text-transform:uppercase;letter-spacing:.05em}.form-input,.form-select,.form-textarea{padding:.875rem 1rem;border:1px solid var(--border-light);border-radius:12px;font-size:.9375rem;transition:all .2s ease;background:#fff}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.form-textarea{resize:vertical;min-height:80px}.input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted)}.input-wrapper .form-input{padding-left:3rem}.cost-display{background:linear-gradient(135deg,#10b9811a,#3b82f61a);padding:1.25rem;border-radius:12px;text-align:center;border:2px solid var(--success-light)}.cost-label{font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem}.cost-value{font-size:2rem;font-weight:800;color:var(--success);font-family:Outfit,sans-serif}.rentals-table-card{margin-top:2.5rem}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.table-header h2{font-size:1.5rem;font-weight:700;color:var(--secondary)}.search-section{position:relative;width:300px}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted)}.search-input{width:100%;padding:.75rem 1rem .75rem 3rem;border:1px solid var(--border-light);border-radius:12px;font-size:.9375rem}.modern-table{width:100%;border-collapse:separate;border-spacing:0}.modern-table thead{background:linear-gradient(135deg,var(--primary-light),var(--accent-light))}.modern-table th{padding:1rem 1.25rem;text-align:left;font-size:.875rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.05em}.modern-table th:first-child{border-top-left-radius:12px}.modern-table th:last-child{border-top-right-radius:12px}.modern-table tbody tr{border-bottom:1px solid var(--border-light);transition:background .2s ease}.modern-table tbody tr:hover{background:#3b82f605}.modern-table td{padding:1.25rem;font-size:.9375rem;color:var(--text)}.status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .875rem;border-radius:20px;font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.status-active{background:#10b9811a;color:var(--success)}.status-completed{background:#3b82f61a;color:var(--primary)}.status-cancelled{background:#ef44441a;color:var(--danger)}.payment-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .875rem;border-radius:20px;font-size:.8125rem;font-weight:700}.payment-paid{background:#10b9811a;color:var(--success)}.payment-partial{background:#f59e0b1a;color:#f59e0b}.payment-unpaid{background:#ef44441a;color:var(--danger)}.equipment-type-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#6366f11a;border-radius:10px;font-weight:600;color:#6366f1}.action-buttons{display:flex;gap:.5rem;justify-content:flex-end}.icon-btn{padding:.5rem;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:8px;transition:all .2s ease}.icon-btn:hover{background:var(--primary-light);color:var(--primary)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal-card{width:90%;max-width:500px;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-light)}.modal-header h3{font-size:1.25rem;font-weight:700;color:var(--secondary)}.modal-body{margin-bottom:1.5rem}.modal-footer{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid var(--border-light)}@media(max-width:1024px){.form-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.form-grid{grid-template-columns:1fr}.rentals-header{flex-direction:column;align-items:flex-start;gap:1rem}.search-section{width:100%}}.rentals-tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:2px solid var(--border-light);padding-bottom:.5rem}.tab-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:transparent;border:none;font-size:.95rem;font-weight:600;color:var(--text-secondary);cursor:pointer;border-radius:12px;transition:all .2s ease}.tab-btn.active{background:var(--primary);color:#fff;box-shadow:0 4px 12px #3b82f640}.tab-btn:hover:not(.active){background:var(--bg-light);color:var(--primary)}@media print{.rentals-tabs,.table-header .search-section,.rentals-table-card .action-buttons{display:none!important}.rentals-page{padding:0!important;margin:0!important}}.management-page{animation:fadeIn .4s ease-out}.management-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2.5rem}@media(max-width:1024px){.management-header{flex-direction:column;align-items:flex-start;gap:1.5rem}.management-header>div:last-child{width:100%;flex-wrap:wrap}.management-header .search-section{flex:1;min-width:200px}.management-header .btn-pro{width:100%;justify-content:center}}.management-header h1{font-size:2rem;color:var(--secondary);margin-bottom:.25rem}.management-header p{color:var(--text-secondary)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:2000;padding:1.5rem;animation:fadeIn .3s ease-out}.modal-card{width:100%;max-width:540px;background:#fff;padding:0;overflow:hidden;animation:slideUp .4s cubic-bezier(.16,1,.3,1)}.modal-header{padding:1.5rem 2rem;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-main)}.modal-header h3{margin:0;font-size:1.25rem;color:var(--secondary)}.modal-body{padding:2rem;max-height:60vh;overflow-y:auto}.form-grid{display:grid;grid-template-columns:1fr;gap:1.25rem}.modal-footer{padding:1.5rem 2rem;border-top:1px solid var(--border-light);display:flex;justify-content:flex-end;gap:1rem;background-color:var(--bg-main)}@media(max-width:640px){.modal-overlay{padding:.75rem}.modal-header,.modal-footer{padding:1rem 1.5rem}.modal-body{padding:1.5rem}.modal-footer{flex-direction:column}.modal-footer .btn-pro{width:100%;justify-content:center}}.reports-page{animation:fadeIn .4s ease-out;padding-bottom:3rem}.reports-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2.5rem}@media(max-width:1024px){.reports-header{flex-direction:column;align-items:flex-start;gap:1.5rem}.reports-header h1{font-size:1.75rem}}.reports-header h1{font-size:2.25rem;font-weight:800;color:var(--secondary);letter-spacing:-.025em;margin-bottom:.25rem}.page-subtitle{color:var(--text-muted);font-size:.875rem;font-weight:500}.reports-layout{display:flex;flex-direction:column;gap:2rem}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}@media(max-width:1200px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.kpi-grid{grid-template-columns:1fr}}.dashboard-stat-card{background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.dashboard-stat-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl);border-color:var(--primary-light)}.stat-label-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.stat-label{color:var(--text-muted);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.stat-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000000d}.stat-value{font-size:1.5rem;font-weight:700;color:var(--secondary);margin-bottom:.5rem}.stat-subvalue{font-size:.75rem;color:var(--text-muted);display:flex;align-items:center;gap:.25rem}.charts-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}@media(max-width:1024px){.charts-row{grid-template-columns:1fr}}.chart-card{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.4);padding:1.75rem;border-radius:20px;display:flex;flex-direction:column;min-width:0}.section-title{display:flex;align-items:center;gap:.75rem;margin-bottom:1.75rem;font-size:1.125rem;font-weight:700;color:var(--secondary)}.reports-filter-card{padding:1.5rem 2rem;background:#fff;border-radius:16px;margin-bottom:1.5rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;align-items:flex-end}.filter-group{display:flex;flex-direction:column;gap:.5rem;width:100%}.filter-group .form-label{font-size:.875rem;font-weight:600;color:var(--secondary);text-transform:uppercase;letter-spacing:.05em}.filter-group .input-wrapper{position:relative;width:100%}.filter-group .input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.filter-group .form-input,.filter-group .form-select{width:100%;padding:.75rem 1rem;border:1px solid var(--border-light);border-radius:12px;font-size:.9375rem;transition:all .2s ease;background:#fff;color:var(--text-main)}.filter-group .input-wrapper .form-input{padding-left:3rem}.filter-group .form-input:focus,.filter-group .form-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a}@media print{.reports-page{padding:0!important;margin:0!important;background:transparent!important}}.debts-page{animation:fadeIn .4s ease-out}.debts-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2.5rem}.debts-header h1{font-size:2rem;color:var(--secondary);margin-bottom:.25rem}.debts-header p{color:var(--text-secondary)}.debt-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:3rem}.debt-stat-card{display:flex;justify-content:space-between;align-items:center;padding:2rem}.debt-stat-info{display:flex;flex-direction:column}.debt-stat-label{font-size:.9375rem;color:var(--text-secondary);font-weight:500;margin-bottom:.5rem}.debt-stat-value{font-size:2.25rem;font-weight:800;color:var(--secondary)}.debt-stat-icon{width:60px;height:60px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center}.receivable-icon{background:var(--success-light);color:var(--success)}.payable-icon{background:var(--danger-light);color:var(--danger)}.debt-sections{display:flex;flex-direction:column;gap:3rem}.debt-section-header{margin-bottom:1.5rem}.debt-section-header h2{font-size:1.25rem;color:var(--secondary);margin-bottom:.25rem}.debt-section-header p{font-size:.875rem;color:var(--text-secondary)}.debt-table-card{padding:0;overflow:hidden}.status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .875rem;border-radius:999px;font-size:.75rem;font-weight:700;text-transform:uppercase}.status-unpaid{background:var(--danger-light);color:var(--danger)}.status-partial{background:var(--warning-light);color:var(--warning)}.status-paid{background:var(--success-light);color:var(--success)}@media(max-width:1024px){.debts-header{flex-direction:column;align-items:flex-start;gap:1.5rem}.debts-header>div:last-child{width:100%;flex-wrap:wrap}.debts-header .search-section{flex:1;min-width:200px}}@media(max-width:768px){.debt-stats{grid-template-columns:1fr}.debt-stat-value{font-size:1.75rem}}.expenses-page{padding:2rem;animation:fadeIn .5s ease-out}.expenses-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.expenses-header h1{font-size:1.8rem;color:var(--text-dark);margin-bottom:.5rem}.expense-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.expense-filter-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:var(--shadow-sm);margin-bottom:1.5rem}.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;align-items:end}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#fff;padding:2rem;border-radius:16px;width:90%;max-width:500px;box-shadow:var(--shadow-xl);animation:slideUp .3s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-header h2{font-size:1.5rem;color:var(--text-dark)}.expense-form{display:flex;flex-direction:column;gap:1rem}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1rem}@media print{.expenses-page{padding:0!important;margin:0!important;background:transparent!important}}.returns-page{padding:2rem;animation:fadeIn .5s ease-out}.returns-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.return-filter-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:var(--shadow-sm);margin-bottom:1.5rem}.return-modal-table{width:100%;margin-top:1rem;border-collapse:collapse}.return-modal-table th{text-align:left;padding:.75rem;background:var(--bg-light);font-size:.875rem;color:var(--text-muted)}.return-modal-table td{padding:.75rem;border-bottom:1px solid var(--border-light)}.return-qty-input{width:80px;padding:.25rem .5rem;border:1px solid var(--border-light);border-radius:6px}.refund-summary{margin-top:1.5rem;padding:1rem;background:var(--bg-light);border-radius:8px;display:flex;justify-content:space-between;align-items:center;font-weight:600}.refund-amount{color:var(--danger);font-size:1.25rem}.settings-page{padding:2rem;animation:fadeIn .5s ease-out;max-width:800px;margin:0 auto}.settings-header{margin-bottom:2rem}.settings-form-card{background:#fff;padding:2rem;border-radius:12px;box-shadow:var(--shadow-sm);margin-bottom:2rem}.settings-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--border-light)}.settings-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.settings-section h3{margin-bottom:1rem;font-size:1.1rem;color:var(--text-dark)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1rem}.form-group-full{grid-column:span 2}.preview-box{margin-top:1rem;padding:1rem;background:var(--bg-light);border-radius:8px;border:1px dashed var(--border-light);display:flex;align-items:center;gap:1rem}.preview-logo{width:60px;height:60px;object-fit:contain;background:#fff;padding:.5rem;border-radius:4px;box-shadow:var(--shadow-sm)}.hidden-input{display:none}.upload-container{display:flex;flex-direction:column;gap:1rem;align-items:flex-start}.preview-image-container{width:100px;height:100px;background:#fff;border:1px solid var(--border-light);border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden}.preview-image-container img{max-width:100%;max-height:100%}.help-container{padding:2rem;max-width:1000px;margin:0 auto}.help-header{margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-light)}.help-header h1{font-size:2rem;color:var(--text-main);margin-bottom:.5rem}.help-grid{display:grid;grid-template-columns:280px 1fr;gap:2.5rem}.help-nav{position:sticky;top:2rem;height:fit-content}.help-nav ul{list-style:none;padding:0;margin:0}.help-nav li{margin-bottom:.5rem}.help-nav a{display:block;padding:.75rem 1rem;color:var(--text-secondary);text-decoration:none;border-radius:8px;transition:all .2s;font-weight:500}.help-nav a:hover{background:var(--bg-hover);color:var(--primary)}.help-nav a.active{background:var(--primary-light);color:var(--primary)}.help-content{background:#fff;padding:2.5rem;border-radius:16px;box-shadow:var(--shadow-sm);line-height:1.8}.help-section{margin-bottom:4rem}.help-section h2{font-size:1.5rem;color:var(--text-main);margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;border-left:4px solid var(--primary);padding-left:1rem}.help-section h3{font-size:1.1rem;color:var(--text-main);margin-top:2rem;margin-bottom:1rem}.help-section p{color:var(--text-secondary);margin-bottom:1.25rem}.help-section ul{padding-left:1.5rem;margin-bottom:1.5rem}.help-section li{margin-bottom:.5rem;color:var(--text-secondary)}.help-badge{background:var(--bg-hover);padding:.2rem .5rem;border-radius:4px;font-size:.85rem;font-weight:600;color:var(--text-main)}@media(max-width:992px){.help-grid{grid-template-columns:1fr}.help-nav{display:none}}.App{min-height:100vh}.login-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(-45deg,#0f172a,#1e293b,#0369a1,#0d9488);background-size:400% 400%;animation:gradientBG 15s ease infinite;padding:2rem;position:relative;overflow:hidden}@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.login-bg-shapes{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;pointer-events:none}.shape{position:absolute;border-radius:50%;background:#ffffff08;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.05);animation:float 20s infinite linear}.shape-1{width:300px;height:300px;top:-150px;left:-50px;animation-duration:25s}.shape-2{width:200px;height:200px;bottom:-100px;right:-50px;animation-duration:30s}.shape-3{width:150px;height:150px;top:20%;right:10%;animation-duration:20s}@keyframes float{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(10deg)}to{transform:translateY(0) rotate(0)}}.login-card{width:100%;max-width:440px;background:#ffffff0d;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:3rem;box-shadow:0 25px 50px -12px #00000080;z-index:1;animation:slideUp .8s cubic-bezier(.16,1,.3,1)}.login-header{text-align:center;margin-bottom:2.5rem}.login-logo{width:80px;height:80px;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;border-radius:22px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;box-shadow:0 15px 30px -5px #4f46e566;position:relative;transition:transform .3s ease}.login-logo:hover{transform:scale(1.05) rotate(5deg)}.login-title{font-size:2rem;font-weight:800;color:#fff;margin-bottom:.5rem;letter-spacing:-.025em;text-shadow:0 2px 4px rgba(0,0,0,.2)}.login-subtitle{color:#fff9;font-size:.9375rem}.login-error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#fca5a5;padding:1rem;border-radius:12px;margin-bottom:2rem;display:flex;align-items:center;gap:.75rem;font-size:.875rem;animation:shake .4s ease-in-out}.login-form .form-label{margin-bottom:.5rem;font-weight:600;color:#fffc;font-size:.875rem}.input-wrapper{position:relative}.input-icon{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);color:#fff6;transition:color .3s ease}.login-input{width:100%;padding:1rem 1rem 1rem 3.25rem;border:1px solid rgba(255,255,255,.1);border-radius:14px;background-color:#ffffff0d;color:#fff;transition:all .3s ease;outline:none;font-size:.9375rem}.login-input::placeholder{color:#ffffff4d}.login-input:focus{border-color:var(--primary);background-color:#ffffff1a;box-shadow:0 0 0 4px #4f46e526}.login-input:focus+.input-icon{color:var(--primary)}.btn-login{width:100%;padding:1rem;margin-top:1.5rem;font-size:1rem;font-weight:700;background:linear-gradient(to right,var(--primary),var(--accent));border:none;border-radius:14px;color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 20px -5px #4f46e54d}.btn-login:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 15px 25px -5px #4f46e566;filter:brightness(1.1)}.btn-login:active{transform:translateY(0)}.btn-login:disabled{opacity:.7;cursor:not-allowed}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media(max-width:480px){.login-card{padding:2rem}}