@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Outfit:wght@400;500;600;700;800;900&display=swap";.dark{color-scheme:dark}.dark::-webkit-scrollbar{width:8px;height:8px}.dark::-webkit-scrollbar-track{background:#1a202c;border-radius:4px}.dark::-webkit-scrollbar-thumb{background:#4a5568;border-radius:4px;-webkit-transition:background-color .2s ease;transition:background-color .2s ease}.dark::-webkit-scrollbar-thumb:hover{background:#718096}.dark .shadow-sm{box-shadow:0 1px 2px #0000004d}.dark .shadow{box-shadow:0 1px 3px #0006,0 1px 2px #0000004d}.flex.items-center.justify-between.p-3.bg-gray-50.rounded-lg,.p-3.bg-gray-50.rounded-md.text-lg.font-semibold{color:gray}.dark .border.rounded-lg.p-4.hover\:bg-gray-50{background-color:#111826}.dark .shadow-md{box-shadow:0 4px 6px -1px #0006,0 2px 4px -1px #0000004d;background-color:#111826}.dark .max-w-7xl.mx-auto.px-4.sm\:px-6.lg\:px-8.py-8,.dark .min-h-screen.bg-gray-50.p-6{background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.dark .shadow-lg{box-shadow:0 10px 15px -3px #0006,0 4px 6px -2px #0000004d;background-color:#2f2f2e}input.w-full.pr-10.pl-4.py-2.border.border-gray-300.dark\:border-gray-600.rounded-lg.focus\:ring-2.focus\:ring-blue-500.focus\:border-transparent.bg-white.dark\:bg-gray-700.text-gray-900.dark\:text-white{padding-right:2rem;padding-left:2rem}input.w-full.pl-10.pr-3.py-2.border.border-gray-300.rounded-md.focus\:outline-none.focus\:ring-2.focus\:ring-blue-500.dark\:bg-gray-700.dark\:border-gray-600.dark\:text-white.dark\:placeholder-gray-400{padding-right:1.3rem}.dark .shadow-xl{box-shadow:0 20px 25px -5px #0006,0 10px 10px -5px #0000004d}.dark .shadow-2xl{box-shadow:0 25px 50px -12px #00000080}.dark .backdrop-blur-sm{backdrop-filter:blur(4px) saturate(180%);-webkit-backdrop-filter:blur(4px) saturate(180%)}.dark .backdrop-blur{backdrop-filter:blur(8px) saturate(180%);-webkit-backdrop-filter:blur(8px) saturate(180%)}.dark .focus\:ring-2:focus{--tw-ring-opacity: .8}.dark .focus\:ring-blue-500:focus{--tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity))}.dark .focus\:ring-primary-500:focus{--tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity))}.dark .btn-primary{background:linear-gradient(135deg,#60a5fa,#3b82f6);border:1px solid #60a5fa;color:#fff;box-shadow:0 2px 4px #60a5fa33}.dark .btn-primary:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 8px #60a5fa4d;transform:translateY(-1px)}.dark .btn-secondary{background:#374151;border:1px solid #4b5563;color:#e5e7eb}.dark .btn-secondary:hover{background:#4b5563;border-color:#6b7280}.dark input[type=text],.dark input[type=email],.dark input[type=password],.dark input[type=number],.dark input[type=tel],.dark input[type=url],.dark input[type=search],.dark input[type=date],.dark input[type=time],.dark input[type=datetime-local],.dark textarea,.dark select{background-color:#2d3748;border-color:#4a5568;color:#e2e8f0}.dark input[type=text]:focus,.dark input[type=email]:focus,.dark input[type=password]:focus,.dark input[type=number]:focus,.dark input[type=tel]:focus,.dark input[type=url]:focus,.dark input[type=search]:focus,.dark input[type=date]:focus,.dark input[type=time]:focus,.dark input[type=datetime-local]:focus,.dark textarea:focus,.dark select:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}.dark input::-moz-placeholder,.dark textarea::-moz-placeholder{color:#9ca3af}.dark input::placeholder,.dark textarea::placeholder{color:#9ca3af}.dark table{background-color:#1a202c}.dark th{background-color:#2d3748;color:#e2e8f0;border-bottom:1px solid #4a5568}.dark td{border-bottom:1px solid #374151;color:#e2e8f0}.dark tr:hover{background-color:#2d3748}.dark .modal-overlay{background-color:#000000b3}.dark .dropdown-menu{background-color:#2d3748;border:1px solid #4a5568;box-shadow:0 10px 25px #0006}.dark .dropdown-item:hover{background-color:#374151}.dark .sidebar{background:linear-gradient(180deg,#1a202c,#2d3748);border-right:1px solid #374151}.dark .sidebar-item{color:#cbd5e1;transition:all .2s ease}.dark .sidebar-item:hover{background-color:#374151;color:#f7fafc}.dark .sidebar-item.active{background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff;box-shadow:0 2px 8px #60a5fa4d}.dark .header{background:#1a202cf2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #374151}.dark .notification-success{background-color:#065f46;border-color:#047857;color:#d1fae5}.dark .notification-error{background-color:#7f1d1d;border-color:#991b1b;color:#fecaca}.dark .notification-warning{background-color:#78350f;border-color:#92400e;color:#fef3c7}.dark .notification-info{background-color:#1e3a8a;border-color:#1d4ed8;color:#dbeafe}.dark .loading-spinner{border-color:#374151;border-top-color:#60a5fa}.dark .skeleton{background:linear-gradient(90deg,#374151 25%,#4a5568,#374151 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.dark pre{background-color:#1a202c;border:1px solid #374151}.dark code{background-color:#2d3748;color:#fcd34d;padding:2px 4px;border-radius:3px}.dark ::selection{background-color:#60a5fa;color:#1a202c}.dark ::-moz-selection{background-color:#60a5fa;color:#1a202c}.dark .tooltip{background-color:#374151;color:#f7fafc;border:1px solid #4a5568;box-shadow:0 4px 12px #0006}.dark .tooltip:before{border-top-color:#374151}.dark .progress-bar{background-color:#374151}.dark .progress-fill{background:linear-gradient(90deg,#60a5fa,#3b82f6)}.dark .badge-primary{background-color:#60a5fa;color:#1a202c}.dark .badge-secondary{background-color:#6b7280;color:#f9fafb}.dark .badge-success{background-color:#34d399;color:#064e3b}.dark .badge-warning{background-color:#fcd34d;color:#78350f}.dark .badge-error{background-color:#f87171;color:#7f1d1d}.dark .chart-grid{stroke:#4a5568}.dark .chart-text{fill:#e2e8f0}.dark .chart-tooltip{background-color:#2d3748;border:1px solid #4a5568;color:#e2e8f0}@media print{.dark{color-scheme:light}.dark *{background:#fff!important;color:#000!important;box-shadow:none!important}}.dark.high-contrast{--tw-bg-opacity: 1;--tw-text-opacity: 1}.dark.high-contrast .bg-gray-800{background-color:#000}.dark.high-contrast .text-gray-300{color:#fff}.dark.high-contrast .border-gray-700{border-color:#fff}.dark.no-animations *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.dark .focus-visible:focus-visible{outline:2px solid #60a5fa;outline-offset:2px}.dark .glass{background:#2d3748cc;-webkit-backdrop-filter:blur(10px) saturate(180%);backdrop-filter:blur(10px) saturate(180%);border:1px solid rgba(255,255,255,.1)}.dark .glass-strong{background:#1a202ce6;-webkit-backdrop-filter:blur(15px) saturate(200%);backdrop-filter:blur(15px) saturate(200%);border:1px solid rgba(255,255,255,.15)}.language-switcher{position:relative;display:inline-block}.language-dropdown{position:relative}.language-button{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-secondary, #f9fafb);border:1px solid var(--border-color, #e5e7eb);border-radius:6px;color:var(--text-primary, #374151);cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;min-width:120px}.language-button:hover{background:var(--bg-hover, #f3f4f6);border-color:var(--primary-color, #3b82f6)}.language-button:focus{outline:none;border-color:var(--primary-color, #3b82f6);box-shadow:0 0 0 2px #3b82f64d}.current-language{display:flex;align-items:center;gap:6px;flex:1}.language-name{font-size:13px}.dropdown-arrow{transition:transform .2s ease;opacity:.7}.language-dropdown:hover .dropdown-arrow{transform:rotate(180deg)}.language-menu{position:absolute;top:100%;left:0;right:0;background:var(--bg-primary, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:6px;box-shadow:0 4px 12px #0000001a;z-index:1000;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease;margin-top:4px}.language-dropdown:hover .language-menu{opacity:1;visibility:visible;transform:translateY(0)}.language-option{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;background:none;border:none;color:var(--text-primary, #374151);cursor:pointer;font-size:14px;text-align:left;transition:background-color .2s ease}.language-option:hover{background:var(--bg-hover, #f3f4f6)}.language-option:first-child{border-radius:6px 6px 0 0}.language-option:last-child{border-radius:0 0 6px 6px}.language-option.active{background:var(--primary-color-light, #dbeafe);color:var(--primary-color, #1d4ed8);font-weight:600}.language-flag{font-size:16px;line-height:1}.language-text{flex:1}.check-icon{opacity:.8;color:var(--primary-color)}[dir=rtl] .language-switcher{direction:rtl}[dir=rtl] .language-button,[dir=rtl] .current-language{flex-direction:row-reverse}[dir=rtl] .language-menu{left:auto;right:0}[dir=rtl] .language-option{text-align:right;flex-direction:row-reverse}.dark .language-button,[data-theme=dark] .language-button{background:var(--dark-bg-secondary, #1f2937);border-color:var(--dark-border-color, #4b5563);color:var(--dark-text-primary, #e5e7eb)}.dark .language-button:hover,[data-theme=dark] .language-button:hover{background:var(--dark-bg-hover, #374151);border-color:var(--dark-primary-color, #60a5fa)}.dark .language-menu,[data-theme=dark] .language-menu{background:var(--dark-bg-primary, #111827);border-color:var(--dark-border-color, #4b5563);box-shadow:0 4px 12px #0000004d}.dark .language-option,[data-theme=dark] .language-option{color:var(--dark-text-primary, #e5e7eb)}.dark .language-option:hover,[data-theme=dark] .language-option:hover{background:var(--dark-bg-hover, #1f2937)}.dark .language-option.active,[data-theme=dark] .language-option.active{background:var(--dark-primary-color-light, rgba(59, 130, 246, .15));color:var(--dark-primary-color, #60a5fa)}@media (max-width: 768px){.language-button{min-width:100px;padding:6px 10px;font-size:13px}.language-name{display:none}.language-menu{min-width:150px}.language-option{padding:12px;font-size:15px}}.language-change-animation{animation:languageChange .3s ease-in-out}@keyframes languageChange{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.98)}to{opacity:1;transform:scale(1)}}:root{--portal-sidebar-width: 288px;--portal-sidebar-collapsed-width: 96px;--portal-header-height: 80px;--portal-bg: #f8fafc;--portal-primary: #6366f1;--portal-indigo: #4f46e5;--portal-text-main: #0f172a;--portal-text-muted: #64748b;--portal-border: rgba(241, 245, 249, .5);--font-premium: "Outfit", sans-serif;--font-standard: "Inter", sans-serif}body{font-family:var(--font-standard);background-color:var(--portal-bg)}.custom-scrollbar::-webkit-scrollbar{width:4px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#0000000d;border-radius:10px}.dark .custom-scrollbar::-webkit-scrollbar-thumb{background:#ffffff0d}.glass-effect{background:#ffffffb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3)}.dark .glass-effect{background:#0f0f14b3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.05)}.sidebar-item-active{background:linear-gradient(135deg,var(--portal-primary),var(--portal-indigo));box-shadow:0 10px 20px -5px #6366f166}[dir=rtl] .sidebar-item-active{box-shadow:0 10px 20px -5px #6366f166}.page-transition{animation:fadeIn .5s cubic-bezier(.4,0,.2,1)}aside[class*=w-24] .nav-text{display:none}button:focus-visible,a:focus-visible{outline:2px solid var(--portal-primary);outline-offset:2px}h1,h2,h3,h4,h5{font-family:var(--font-premium)!important}header.scrolled{margin-top:0;border-radius:0}.card-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.card-hover:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@media (max-width: 1024px){.sidebar-mobile-open{transform:translate(0)!important}}.dark body{background-color:#0c0c0e;color:#f1f5f9}.dark .portal-bg-gradient{background:radial-gradient(circle at top right,rgba(99,102,241,.05),transparent 40%),radial-gradient(circle at bottom left,rgba(79,70,229,.05),transparent 40%)}.badge-premium{letter-spacing:.1em;font-weight:900;text-transform:uppercase}.customer-portal-layout-shell.customer-portal-no-animations,.customer-portal-layout-shell.customer-portal-no-animations *,.customer-portal-layout-shell.customer-portal-no-animations *:before,.customer-portal-layout-shell.customer-portal-no-animations *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.customer-dashboard{animation:fadeIn .6s ease-out}.dashboard-welcome-banner{background:linear-gradient(135deg,#667eea,#764ba2);padding:3rem;border-radius:24px;color:#fff;margin-bottom:2.5rem;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden;box-shadow:0 10px 30px #667eea4d}.dashboard-welcome-banner:after{content:"";position:absolute;top:-50%;right:-10%;width:400px;height:400px;background:#ffffff1a;border-radius:50%;pointer-events:none}.banner-content h1{font-size:2.5rem;font-weight:800;margin-bottom:.75rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.banner-content p{font-size:1.1rem;opacity:.9;font-weight:500;max-width:600px}.mini-stat{background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.75rem 1.5rem;border-radius:100px;display:flex;align-items:center;gap:.75rem;font-size:.9rem;border:1px solid rgba(255,255,255,.2)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-bottom:2.5rem}.stat-card-item{text-decoration:none;background:#fff;border-radius:22px;padding:1.75rem;border:1px solid #e2e8f0;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.stat-card-item:hover{transform:translateY(-8px);box-shadow:0 15px 35px #0000001a;border-color:#667eea}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.card-icon{width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.arrow-icon{color:#cbd5e1;transition:all .3s}.stat-card-item:hover .arrow-icon{transform:translate(5px);color:#667eea}.card-value{display:block;font-size:1.85rem;font-weight:800;color:#1e293b;margin-bottom:.25rem}.card-label{font-size:.95rem;color:#64748b;font-weight:600}.blue .card-icon{background:#eff6ff;color:#3b82f6}.red .card-icon{background:#fef2f2;color:#ef4444}.green .card-icon{background:#f0fdf4;color:#22c55e}.purple .card-icon{background:#faf5ff;color:#a855f7}.dashboard-sections{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem}.dashboard-section{background:#fff;border-radius:24px;padding:2rem;border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000000d}.section-header-portal{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.section-header-portal h2{display:flex;align-items:center;gap:.75rem;font-size:1.35rem;font-weight:700;color:#1e293b}.section-header-portal h2 svg{color:#667eea}.section-header-portal a{color:#667eea;text-decoration:none;font-weight:600;font-size:.9rem}.activity-list{display:flex;flex-direction:column;gap:1.5rem}.activity-item{display:flex;gap:1.25rem;position:relative}.activity-dot{width:12px;height:12px;border-radius:50%;margin-top:6px;flex-shrink:0;position:relative;z-index:2}.activity-info p{font-size:1rem;color:#334155;margin-bottom:.25rem}.activity-info span{font-size:.85rem;color:#94a3b8}.tickets-summary{display:flex;flex-direction:column;gap:1.25rem}.ticket-summary-item{padding:1.25rem;background:#f8fafc;border-radius:16px;display:flex;justify-content:space-between;align-items:center}.ticket-title{font-weight:600;color:#475569}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10rem 0}.spinner{width:40px;height:40px;border:4px solid #f1f5f9;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1.5rem}@media (max-width: 1024px){.dashboard-sections{grid-template-columns:1fr}}@media (max-width: 640px){.dashboard-welcome-banner{padding:2rem}.banner-content h1{font-size:1.75rem}}.modern-customer-orders{padding:0;background:#f8fafc;min-height:100vh}.modern-orders-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;color:#64748b}.modern-orders-loading .loading-spinner{font-size:3rem;color:#3b82f6;margin-bottom:1rem;animation:spin 2s linear infinite}.orders-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem;margin-bottom:2rem;border-radius:0 0 20px 20px;box-shadow:0 4px 20px #0000001a}.header-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.header-content h1{display:flex;align-items:center;gap:.75rem;font-size:2rem;font-weight:700;margin:0 0 .5rem}.header-content h1 svg{font-size:2.5rem}.header-content p{font-size:1.1rem;opacity:.9;margin:0}.orders-stats{display:flex;gap:2rem;text-align:center}.stat-item{background:#ffffff1a;padding:1rem 1.5rem;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-number{display:block;font-size:2rem;font-weight:700;margin-bottom:.25rem}.stat-label{font-size:.9rem;opacity:.8}.btn-new-order{background:#10b981;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:10px;font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .3s ease;font-size:1rem}.btn-new-order:hover{background:#059669;transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.search-filter-section{display:flex;gap:1rem;margin-bottom:2rem;padding:0 2rem}.search-box{flex:1;position:relative}.search-box input{width:100%;padding:.75rem 1rem .75rem 3rem;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;transition:all .3s ease;background:#fff}.search-box input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-box svg{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#64748b;font-size:1.2rem}.filter-button{background:#fff;border:2px solid #e2e8f0;padding:.75rem 1.5rem;border-radius:12px;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .3s ease;font-weight:500;color:#374151}.filter-button:hover{border-color:#3b82f6;color:#3b82f6}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}.error-message{background-color:#f8d7da;color:#721c24;padding:12px 16px;border:1px solid #f5c6cb;border-radius:6px;margin-bottom:20px;text-align:center}.modal{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-width:600px;width:100%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid #e9ecef}.modal-header h2{margin:0;color:#2c3e50;font-size:22px}.close-btn{background:none;border:none;font-size:28px;color:#6c757d;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.close-btn:hover{background-color:#f8f9fa;color:#495057}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:20px 25px;border-top:1px solid #e9ecef}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#495057}.form-group input,.form-group textarea,.form-group select{width:100%;padding:10px 12px;border:1px solid #ced4da;border-radius:6px;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.form-group textarea{resize:vertical;min-height:80px}.order-items{margin-top:25px}.items-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.items-header h3{margin:0;color:#2c3e50;font-size:18px}.order-item{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:15px;margin-bottom:10px}.item-fields{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:10px;align-items:center}.item-total{font-weight:600;color:#27ae60;text-align:center;min-width:100px}.order-total{text-align:right;margin-top:15px;padding:15px;background-color:#e8f5e8;border-radius:6px;font-size:16px}.modern-orders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem;padding:0 2rem 2rem}.empty-orders-state{grid-column:1 / -1;text-align:center;padding:4rem 2rem;background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000001a}.empty-icon{font-size:4rem;color:#94a3b8;margin-bottom:1.5rem}.empty-orders-state h3{font-size:1.5rem;color:#374151;margin-bottom:.5rem}.empty-orders-state p{color:#64748b;margin-bottom:2rem;font-size:1.1rem}.btn-create-first-order{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-weight:600;display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .3s ease;font-size:1.1rem}.btn-create-first-order:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.modern-order-card{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000001a;transition:all .3s ease;overflow:hidden;border:1px solid #f1f5f9}.modern-order-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026}.order-card-header{padding:1.5rem;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center}.order-number-section{display:flex;align-items:center;gap:1rem}.order-icon{width:48px;height:48px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem}.order-info h3{font-size:1.2rem;font-weight:700;color:#1e293b;margin:0 0 .25rem}.order-date{display:flex;align-items:center;gap:.5rem;color:#64748b;font-size:.9rem}.order-date svg{font-size:1rem}.modern-status-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.modern-status-badge.pending{background:#fef3c7;color:#d97706}.modern-status-badge.confirmed{background:#dbeafe;color:#2563eb}.modern-status-badge.shipped{background:#e0e7ff;color:#7c3aed}.modern-status-badge.delivered{background:#d1fae5;color:#059669}.modern-status-badge.cancelled{background:#fee2e2;color:#dc2626}.order-card-body{padding:1.5rem}.order-summary{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}.summary-item{display:flex;align-items:center;gap:.5rem;color:#64748b;font-size:.9rem}.summary-item svg{font-size:1rem}.summary-item.total-amount{color:#059669;font-weight:700;font-size:1.1rem}.order-items-preview{background:#f8fafc;padding:1rem;border-radius:8px;margin-bottom:1rem}.item-preview{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #e2e8f0}.item-preview:last-child{border-bottom:none}.item-name{color:#374151;font-weight:500}.item-qty{color:#64748b;font-size:.9rem}.more-items{text-align:center;color:#64748b;font-size:.9rem;font-style:italic;padding-top:.5rem}.order-card-actions{padding:1rem 1.5rem;background:#f8fafc;display:flex;gap:.75rem;justify-content:flex-end}.btn-view-details{background:#3b82f6;color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;font-weight:500;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .3s ease;font-size:.9rem}.btn-view-details:hover{background:#2563eb}.btn-cancel-order{background:#ef4444;color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;font-weight:500;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .3s ease;font-size:.9rem}.btn-cancel-order:hover{background:#dc2626}.btn-download{background:#64748b;color:#fff;border:none;padding:.5rem;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.btn-download:hover{background:#475569}.order-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin-bottom:20px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.detail-row span:first-child{color:#6c757d;font-weight:500}.detail-row span:last-child{color:#2c3e50;font-weight:600}.detail-row.total{border-top:1px solid #e9ecef;padding-top:12px;margin-top:8px;font-size:16px}.detail-row.total span{color:#27ae60;font-weight:700}.order-items-summary{margin-top:20px;padding-top:20px;border-top:1px solid #e9ecef}.order-items-summary h4{margin:0 0 15px;color:#2c3e50;font-size:16px}.items-list{display:flex;flex-direction:column;gap:8px}.item-summary{display:grid;grid-template-columns:2fr 1fr 1fr;gap:15px;align-items:center;padding:10px 15px;background-color:#f8f9fa;border-radius:6px}.item-name{font-weight:500;color:#2c3e50}.item-quantity{color:#6c757d;font-size:14px}.item-price{font-weight:600;color:#27ae60;text-align:right}.order-full-details{display:flex;flex-direction:column;gap:25px}.details-section{background-color:#f8f9fa;padding:20px;border-radius:8px}.details-section h3{margin:0 0 15px;color:#2c3e50;font-size:18px;font-weight:600}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.detail-item{display:flex;flex-direction:column;gap:5px}.detail-item label{font-size:12px;color:#6c757d;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.detail-item span{color:#2c3e50;font-weight:600}.items-table table{width:100%;border-collapse:collapse;background:#fff;border-radius:6px;overflow:hidden}.items-table th,.items-table td{padding:12px 15px;text-align:right;border-bottom:1px solid #e9ecef}.items-table th{background-color:#f8f9fa;font-weight:600;color:#495057;font-size:14px}.items-table td{color:#2c3e50}.items-table tr:last-child td{border-bottom:none}.amounts-summary{background:#fff;padding:20px;border-radius:6px}.amount-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.amount-row span:first-child{color:#6c757d;font-weight:500}.amount-row span:last-child{color:#2c3e50;font-weight:600}.amount-row.total{border-top:2px solid #e9ecef;padding-top:12px;margin-top:8px;font-size:18px}.amount-row.total span{color:#27ae60;font-weight:700}.btn{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.btn:active{transform:translateY(0)}.btn-primary{background-color:#3498db;color:#fff}.btn-primary:hover{background-color:#2980b9}.btn-secondary:hover{background-color:#5a6268}.btn-danger{background-color:#e74c3c;color:#fff}.btn-danger:hover{background-color:#c0392b}@media (max-width: 768px){.modern-orders-grid{grid-template-columns:1fr;padding:0 1rem 1rem}.orders-header{padding:1.5rem 1rem;margin-bottom:1rem}.header-top{flex-direction:column;gap:1.5rem}.orders-stats{justify-content:center;flex-wrap:wrap;gap:1rem}.search-filter-section{flex-direction:column;padding:0 1rem}.order-card-header{flex-direction:column;gap:1rem;align-items:flex-start}.order-summary{flex-direction:column;align-items:flex-start;gap:.75rem}.order-card-actions{flex-wrap:wrap;justify-content:center}.modal{margin:10px;max-height:calc(100vh - 20px)}.modal-header,.modal-body,.modal-footer{padding:15px}.order-details{grid-template-columns:1fr}.item-fields{grid-template-columns:1fr;gap:8px}.item-summary{grid-template-columns:1fr;text-align:center}.details-grid{grid-template-columns:1fr}.items-table{font-size:12px}.items-table th,.items-table td{padding:8px 10px}}@media (max-width: 480px){.header-content h1,.stat-number{font-size:1.5rem}.modern-order-card{margin:0 .5rem}.order-card-actions{flex-direction:column}.btn-view-details,.btn-cancel-order{justify-content:center}.btn{padding:8px 16px;font-size:12px}.modal-header h2{font-size:18px}}.customer-tickets{padding:20px;max-width:1200px;margin:0 auto}.tickets-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #e9ecef}.tickets-header h1{color:#2c3e50;margin:0;font-size:2rem;font-weight:600}.modal.large{max-width:800px}.ticket-number{font-size:.9rem;color:#6c757d;font-weight:400}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px;border:2px solid #e9ecef;border-radius:8px;font-size:14px;transition:border-color .2s;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.form-group textarea{resize:vertical;min-height:100px}.attachments-list{margin-top:10px}.attachment-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background-color:#f8f9fa;border-radius:6px;margin-bottom:5px;font-size:14px}.remove-attachment{background:#dc3545;color:#fff;border:none;border-radius:50%;width:20px;height:20px;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center}.tickets-list{display:flex;flex-direction:column;gap:20px}.ticket-card{background:#fff;border-radius:12px;padding:25px;box-shadow:0 2px 10px #0000001a;border:1px solid #e9ecef;transition:all .2s}.ticket-card:hover{box-shadow:0 4px 20px #00000026;transform:translateY(-2px)}.ticket-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.ticket-info h3{margin:0 0 5px;color:#2c3e50;font-size:1.2rem}.ticket-badges{display:flex;gap:8px;flex-wrap:wrap}.ticket-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-bottom:15px;padding:15px;background-color:#f8f9fa;border-radius:8px}.ticket-description{margin-bottom:20px}.ticket-description p{color:#495057;line-height:1.6;margin:0}.ticket-actions{display:flex;gap:10px;flex-wrap:wrap}.ticket-rating{margin-top:15px;padding:15px;background-color:#e8f5e8;border-radius:8px;border-left:4px solid #28a745}.rating-stars{margin-bottom:8px}.star{font-size:18px;color:#ddd;margin-right:2px}.star.filled{color:#ffc107}.rating-feedback{margin:0;font-style:italic;color:#495057}.conversation{display:flex;flex-direction:column;height:500px}.messages-list{flex:1;overflow-y:auto;padding:10px 0;margin-bottom:20px}.message{margin-bottom:20px;padding:15px;border-radius:12px;max-width:80%}.customer-message{background-color:#007bff;color:#fff;margin-left:auto;border-bottom-right-radius:4px}.admin-message{background-color:#f8f9fa;color:#495057;margin-right:auto;border:1px solid #e9ecef;border-bottom-left-radius:4px}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px}.sender-name{font-weight:600}.customer-message .sender-name,.customer-message .message-time{color:#ffffffe6}.admin-message .sender-name,.admin-message .message-time{color:#6c757d}.message-content p{margin:0;line-height:1.5}.message-attachments{margin-top:10px}.attachment-link{display:inline-block;padding:4px 8px;background-color:#fff3;border-radius:4px;font-size:12px;margin-right:5px;text-decoration:none;color:inherit}.admin-message .attachment-link{background-color:#e9ecef;color:#495057}.message-input{display:flex;gap:10px;align-items:flex-end}.message-input textarea{flex:1;resize:none}@media (max-width: 768px){.customer-tickets{padding:15px}.tickets-header{flex-direction:column;gap:15px;align-items:stretch}.tickets-header h1{font-size:1.5rem}.modal{margin:10px;max-width:none}.modal-header,.modal-body,.modal-footer{padding:15px}.form-row{grid-template-columns:1fr}.ticket-header{flex-direction:column;gap:10px}.ticket-details{grid-template-columns:1fr}.ticket-actions{justify-content:center}.message{max-width:95%}.message-input{flex-direction:column}.conversation{height:400px}}@media (max-width: 480px){.customer-tickets{padding:10px}.ticket-card{padding:15px}.tickets-header h1{font-size:1.3rem}.btn{padding:8px 16px;font-size:13px}}.customer-quotations{padding:20px;max-width:1200px;margin:0 auto}.quotations-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #e9ecef}.quotations-header h1{color:#2c3e50;margin:0;font-size:2rem;font-weight:600}.header-stats{display:flex;gap:20px}.stat-item{text-align:center;padding:15px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;min-width:100px}.stat-number{display:block;font-size:1.8rem;font-weight:700;margin-bottom:5px}.stat-label{font-size:.9rem;opacity:.9}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6c757d}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.error-message{background-color:#f8d7da;color:#721c24;padding:15px;border-radius:8px;margin-bottom:20px;border:1px solid #f5c6cb}.empty-state{text-align:center;padding:60px 20px;color:#6c757d}.empty-state p{font-size:1.1rem;margin-bottom:20px}.quotations-list{display:flex;flex-direction:column;gap:20px}.quotation-card{background:#fff;border-radius:12px;padding:25px;box-shadow:0 2px 10px #0000001a;border:1px solid #e9ecef;transition:all .2s;position:relative}.quotation-card:hover{box-shadow:0 4px 20px #00000026;transform:translateY(-2px)}.quotation-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.quotation-info h3{margin:0 0 5px;color:#2c3e50;font-size:1.2rem}.quotation-number{font-size:.9rem;color:#6c757d;font-weight:400}.quotation-badges{display:flex;gap:8px;flex-wrap:wrap}.status-badge,.priority-badge{padding:4px 12px;border-radius:20px;color:#fff;font-size:12px;font-weight:500;text-transform:uppercase}.expired-badge{padding:4px 12px;border-radius:20px;background-color:#6c757d;color:#fff;font-size:12px;font-weight:500;text-transform:uppercase}.quotation-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-bottom:15px;padding:15px;background-color:#f8f9fa;border-radius:8px}.detail-row{display:flex;justify-content:space-between;font-size:14px}.detail-row span:first-child{font-weight:600;color:#495057}.detail-row span:last-child{color:#6c757d}.detail-row .amount{font-weight:700;color:#28a745;font-size:1.1em}.detail-row .expired{color:#dc3545;font-weight:700}.quotation-description{margin-bottom:20px}.quotation-description p{color:#495057;line-height:1.6;margin:0}.quotation-actions{display:flex;gap:10px;flex-wrap:wrap}.response-info{margin-top:15px;padding:15px;border-radius:8px;border-left:4px solid}.response-info.accepted{background-color:#d4edda;border-left-color:#28a745;color:#155724}.response-info.rejected{background-color:#f8d7da;border-left-color:#dc3545;color:#721c24}.response-info p{margin:5px 0}.btn{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover{background-color:#0056b3;transform:translateY(-1px)}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#545b62}.btn-success{background-color:#28a745;color:#fff}.btn-success:hover{background-color:#1e7e34}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover{background-color:#c82333}.btn-sm{padding:6px 12px;font-size:12px}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{background:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #0000004d}.modal.large{max-width:900px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid #e9ecef;background-color:#f8f9fa;border-radius:12px 12px 0 0}.modal-header h2{margin:0;color:#2c3e50;font-size:1.5rem}.close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#6c757d;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.close-btn:hover{background-color:#e9ecef;color:#495057}.modal-body{padding:25px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:20px 25px;border-top:1px solid #e9ecef;background-color:#f8f9fa;border-radius:0 0 12px 12px}.quotation-full-details{display:flex;flex-direction:column;gap:25px}.details-section{border-bottom:1px solid #e9ecef;padding-bottom:20px}.details-section:last-child{border-bottom:none;padding-bottom:0}.details-section h3{margin:0 0 15px;color:#2c3e50;font-size:1.2rem;border-bottom:2px solid #007bff;padding-bottom:5px;display:inline-block}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:10px;background-color:#f8f9fa;border-radius:6px}.detail-item label{font-weight:600;color:#495057}.items-table table{width:100%;border-collapse:collapse;margin-top:10px}.items-table th,.items-table td{padding:12px;text-align:right;border-bottom:1px solid #e9ecef}.items-table th{background-color:#f8f9fa;font-weight:600;color:#495057}.item-info strong{display:block;color:#2c3e50;margin-bottom:5px}.item-info p{margin:0;font-size:.9rem;color:#6c757d}.amounts-summary{background-color:#f8f9fa;padding:20px;border-radius:8px;border:1px solid #e9ecef}.amount-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e9ecef}.amount-row:last-child{border-bottom:none}.amount-row.total{font-weight:700;font-size:1.1rem;color:#2c3e50;border-top:2px solid #007bff;padding-top:15px;margin-top:10px}.attachments-list{display:flex;flex-direction:column;gap:10px}.attachment-item{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background-color:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.response-form{display:flex;flex-direction:column;gap:20px}.quotation-summary{background-color:#e3f2fd;padding:15px;border-radius:8px;border-left:4px solid #2196f3}.quotation-summary h3{margin:0 0 10px;color:#1976d2}.quotation-summary p{margin:5px 0;color:#424242}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#2c3e50}.form-group textarea{width:100%;padding:12px;border:2px solid #e9ecef;border-radius:8px;font-size:14px;transition:border-color .2s;font-family:inherit;resize:vertical}.form-group textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.radio-group{display:flex;flex-direction:column;gap:10px}.radio-option{display:flex;align-items:center;gap:10px;padding:12px;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;transition:all .2s}.radio-option:hover{border-color:#007bff;background-color:#f8f9fa}.radio-option input[type=radio]{margin:0}.radio-label{font-weight:500}.radio-label.accept{color:#28a745}.radio-label.reject{color:#dc3545}.radio-option input[type=radio]:checked+.radio-label{font-weight:700}@media (max-width: 768px){.customer-quotations{padding:15px}.quotations-header{flex-direction:column;gap:15px;align-items:stretch}.quotations-header h1{font-size:1.5rem}.header-stats{justify-content:space-between}.stat-item{flex:1;min-width:auto}.modal{margin:10px;max-width:none}.modal-header,.modal-body,.modal-footer{padding:15px}.quotation-header{flex-direction:column;gap:10px}.quotation-details{grid-template-columns:1fr}.quotation-actions{justify-content:center}.details-grid{grid-template-columns:1fr}.items-table{font-size:14px}.items-table th,.items-table td{padding:8px}}@media (max-width: 480px){.customer-quotations{padding:10px}.quotation-card{padding:15px}.quotations-header h1{font-size:1.3rem}.btn{padding:8px 16px;font-size:13px}.header-stats{flex-direction:column;gap:10px}.stat-number{font-size:1.5rem}.items-table th,.items-table td{padding:6px;font-size:12px}}.modern-customer-invoices{padding:24px;max-width:1400px;margin:0 auto;background:#f8fafc;min-height:100vh}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.loading-icon{color:#3b82f6;margin-bottom:16px;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.invoices-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;padding:32px;margin-bottom:32px;color:#fff;box-shadow:0 10px 25px #0000001a}.header-content{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:24px}.header-title{display:flex;align-items:center;gap:16px}.header-icon{background:#fff3;padding:12px;border-radius:12px}.header-title h1{margin:0 0 8px;font-size:32px;font-weight:700}.header-title p{margin:0;opacity:.9;font-size:16px}.header-stats{display:flex;gap:20px;flex-wrap:wrap}.stat-card{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:16px 20px;display:flex;align-items:center;gap:12px;min-width:140px;border:1px solid rgba(255,255,255,.2)}.stat-card svg{opacity:.8}.stat-number{display:block;font-size:24px;font-weight:700;line-height:1}.stat-label{display:block;font-size:12px;opacity:.8;margin-top:4px}.search-filter-section{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.search-box{position:relative;flex:1;max-width:400px}.search-box svg{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#ffffffb3}.search-input{width:100%;padding:12px 48px 12px 16px;border:1px solid rgba(255,255,255,.3);border-radius:12px;background:#ffffff1a;color:#fff;font-size:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.search-input::-moz-placeholder{color:#ffffffb3}.search-input::placeholder{color:#ffffffb3}.search-input:focus{outline:none;border-color:#ffffff80;background:#ffffff26}.filter-controls{display:flex;gap:12px;align-items:center}.filter-group{display:flex;align-items:center;gap:8px;background:#ffffff1a;padding:8px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.2)}.filter-select,.sort-select{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:8px 12px;color:#fff;font-size:14px;min-width:150px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.filter-select:focus,.sort-select:focus{outline:none;border-color:#ffffff80;background:#ffffff26}.filter-select option,.sort-select option{background:#1f2937;color:#fff}.error-message{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #f87171;color:#dc2626;padding:16px 20px;border-radius:12px;margin-bottom:24px;display:flex;align-items:center;gap:12px;box-shadow:0 4px 6px #0000000d}.error-message button{background:none;border:none;color:#dc2626;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;margin-right:auto;transition:background .2s ease}.error-message button:hover{background:#dc26261a}.empty-state{text-align:center;padding:80px 20px;background:#fff;border-radius:16px;box-shadow:0 4px 6px #0000000d}.empty-icon{color:#9ca3af;margin-bottom:24px}.empty-state h3{margin:0 0 12px;color:#374151;font-size:20px;font-weight:600}.empty-state p{margin:0;color:#6b7280;font-size:16px}.invoices-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:24px}.modern-invoice-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 6px #0000000d;border:1px solid #e5e7eb;transition:all .3s ease;position:relative;overflow:hidden}.modern-invoice-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#8b5cf6)}.modern-invoice-card:hover{transform:translateY(-4px);box-shadow:0 12px 25px #0000001a}.invoice-card-header{margin-bottom:20px}.invoice-info{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.invoice-number{display:flex;align-items:center;gap:8px;font-size:16px;color:#1f2937}.invoice-number svg{color:#3b82f6}.status-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-draft{background:#f3f4f6;color:#6b7280}.status-sent{background:#dbeafe;color:#1d4ed8}.status-paid{background:#d1fae5;color:#065f46}.status-overdue{background:#fee2e2;color:#dc2626}.status-cancelled{background:#f3f4f6;color:#6b7280}.invoice-summary{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.summary-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.summary-item svg{color:#6b7280;flex-shrink:0}.summary-item .label{display:block;font-size:12px;color:#6b7280;font-weight:500;margin-bottom:2px}.summary-item .value{display:block;font-size:14px;color:#1f2937;font-weight:600}.summary-item.total-amount{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:#0ea5e9}.summary-item.total-amount svg{color:#0ea5e9}.summary-item.total-amount .value{color:#0c4a6e;font-size:16px}.summary-item.remaining-amount{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#f87171}.summary-item.remaining-amount svg{color:#dc2626}.summary-item.remaining-amount .value{color:#dc2626}.invoice-items-preview{background:#f9fafb;border-radius:8px;padding:16px;margin-bottom:20px;border:1px solid #e5e7eb}.items-count{display:block;font-size:12px;color:#6b7280;font-weight:500;margin-bottom:8px}.items-list{display:flex;flex-wrap:wrap;gap:8px}.item-name{background:#fff;padding:4px 8px;border-radius:6px;font-size:12px;color:#374151;border:1px solid #e5e7eb}.more-items{background:#e5e7eb;padding:4px 8px;border-radius:6px;font-size:12px;color:#6b7280;font-style:italic}.invoice-actions{display:flex;gap:8px;flex-wrap:wrap}.action-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;flex:1;justify-content:center;min-height:40px}.action-btn.primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 2px 4px #3b82f64d}.action-btn.primary:hover{transform:translateY(-1px);box-shadow:0 4px 8px #3b82f666}.action-btn.secondary{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.action-btn.secondary:hover{transform:translateY(-1px);box-shadow:0 4px 8px #6b72804d}.action-btn.outline{background:transparent;color:#3b82f6;border:1px solid #3b82f6}.action-btn.outline:hover{background:#3b82f6;color:#fff;transform:translateY(-1px)}.action-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:900px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #00000040;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{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:24px 32px;border-bottom:1px solid #e5e7eb;position:sticky;top:0;background:#fff;z-index:1;border-radius:16px 16px 0 0}.modal-header h2{margin:0;color:#1f2937;font-size:24px;font-weight:700}.close-btn{background:#f3f4f6;border:none;font-size:20px;cursor:pointer;color:#6b7280;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.close-btn:hover{background:#e5e7eb;color:#374151}.modal-body{padding:32px}@media (max-width: 768px){.modern-customer-invoices{padding:16px}.invoices-header{padding:24px 20px}.header-content{flex-direction:column;align-items:stretch}.header-stats{justify-content:center}.stat-card{min-width:auto;flex:1}.search-filter-section{flex-direction:column;align-items:stretch}.filter-controls{justify-content:center;flex-wrap:wrap}.invoices-grid{grid-template-columns:1fr}.invoice-actions{flex-direction:column}.action-btn{flex:none}.modal-content{margin:10px;max-height:calc(100vh - 20px)}.modal-header,.modal-body{padding:20px}.modal-header h2{font-size:20px}}@media (max-width: 480px){.header-title h1{font-size:24px}.modern-invoice-card{padding:20px}.invoice-info{flex-direction:column;align-items:stretch}.summary-item{padding:10px}}.invoice-modal{max-width:900px}.invoice-info{display:flex;flex-direction:column;gap:30px}.info-section h3{margin:0 0 15px;color:#2c3e50;font-size:18px;border-bottom:2px solid #3498db;padding-bottom:8px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.info-item{display:flex;flex-direction:column;gap:4px}.info-item label{font-size:12px;color:#666;font-weight:500;text-transform:uppercase}.info-item span{font-size:14px;color:#333;font-weight:600}.info-item .status{display:inline-block;padding:4px 8px;border-radius:12px;font-size:11px;text-transform:uppercase}.items-table{overflow-x:auto}.items-table table{width:100%;border-collapse:collapse;font-size:14px}.items-table th,.items-table td{padding:12px;text-align:right;border-bottom:1px solid #e1e8ed}.items-table th{background:#f8f9fa;font-weight:600;color:#2c3e50}.item-info strong{display:block;margin-bottom:4px}.item-info p{margin:0;font-size:12px;color:#666}.amounts-section{background:#f8f9fa;padding:20px;border-radius:8px}.amounts-grid{display:flex;flex-direction:column;gap:8px;max-width:300px;margin-right:auto}.amount-row{display:flex;justify-content:space-between;align-items:center;font-size:14px}.amount-row.total{border-top:2px solid #ddd;padding-top:8px;margin-top:8px;font-weight:700;font-size:16px;color:#2c3e50}.amount-row.remaining{color:#e74c3c;font-weight:600}.notes-section{background:#f8f9fa;padding:20px;border-radius:8px}.notes-section h3{margin-top:0}.notes-section p{margin:0;line-height:1.6;color:#555}.payments-section{background:#f8f9fa;padding:20px;border-radius:8px}.payments-list{display:flex;flex-direction:column;gap:15px}.payment-record{background:#fff;padding:15px;border-radius:8px;border:1px solid #e1e8ed}.payment-info{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin-bottom:8px}.payment-amount{font-weight:700;color:#27ae60;font-size:16px}.payment-date,.payment-method,.payment-ref{font-size:12px;color:#666;background:#f0f0f0;padding:2px 8px;border-radius:12px}.payment-notes{margin:0;font-size:12px;color:#666;font-style:italic}.payment-modal{max-width:500px}.payment-info{background:#f8f9fa;padding:20px;border-radius:8px;margin-bottom:20px}.payment-info .info-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px}.payment-info .info-row.remaining{color:#e74c3c;font-weight:600;font-size:16px;border-top:1px solid #ddd;padding-top:8px;margin-top:8px}.payment-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:500;color:#333}.form-group input,.form-group select{padding:12px;border:1px solid #ddd;border-radius:6px;font-size:14px}.form-group input:focus,.form-group select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db33}.payment-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}@media (max-width: 768px){.customer-invoices{padding:15px}.invoices-header{flex-direction:column;align-items:stretch}.header-actions{justify-content:center}.filters{flex-direction:column}.filter-select,.sort-select{min-width:auto}.invoices-grid{grid-template-columns:1fr}.invoice-actions{flex-direction:column}.btn{width:100%}.modal-content{margin:10px;max-height:calc(100vh - 20px)}.modal-header,.modal-body{padding:16px}.info-grid{grid-template-columns:1fr}.items-table{font-size:12px}.items-table th,.items-table td{padding:8px 4px}.amounts-grid{max-width:none}.payment-info .info-row{font-size:12px}.payment-actions{flex-direction:column}.payment-actions .btn{width:100%}}@media (max-width: 480px){.invoices-header h1{font-size:24px}.invoice-card{padding:15px}.detail-row{font-size:12px}.modal-header h2{font-size:18px}.payment-info .info-row.remaining{font-size:14px}}.customer-payments{padding:2rem;max-width:1400px;margin:0 auto;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;color:#fff}.loading-icon{margin-bottom:1rem;opacity:.8}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top:3px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.payments-header{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2rem;margin-bottom:2rem;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2)}.header-content{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.header-title{display:flex;align-items:center;gap:1rem}.title-icon{color:#667eea;font-size:2rem}.header-title h1{margin:0;font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:1rem}.stat-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:15px;border:1px solid rgba(102,126,234,.2);transition:all .3s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea26}.stat-icon{font-size:2rem;color:#667eea}.stat-icon.success{color:#10b981}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:1.8rem;font-weight:700;color:#1f2937;margin-bottom:.25rem}.stat-label{font-size:.9rem;color:#6b7280;font-weight:500}.header-actions{display:flex;gap:1rem;align-items:center}.error-message{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;color:#dc2626;margin-bottom:2rem}.error-icon{color:#dc2626}.error-message button{background:none;border:none;color:#dc2626;cursor:pointer;padding:.25rem;border-radius:6px;transition:background-color .2s}.error-message button:hover{background:#ef44441a}.payment-methods-section,.transactions-section{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2rem;margin-bottom:2rem;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid rgba(102,126,234,.1)}.section-title{display:flex;align-items:center;gap:1rem}.section-icon{color:#667eea;font-size:1.5rem}.section-title h2{margin:0;font-size:1.8rem;font-weight:700;color:#1f2937}.empty-state{text-align:center;padding:4rem 2rem;color:#6b7280}.empty-icon{margin-bottom:1.5rem;opacity:.6}.empty-state h3{font-size:1.5rem;font-weight:600;color:#374151;margin-bottom:.5rem}.empty-state p{font-size:1rem;margin-bottom:2rem}.methods-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.method-card{background:linear-gradient(135deg,#667eea0d,#764ba20d);border:2px solid rgba(102,126,234,.1);border-radius:15px;padding:1.5rem;transition:all .3s ease;position:relative;overflow:hidden}.method-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #667eea26;border-color:#667eea4d}.method-card.default{border-color:#10b981;background:linear-gradient(135deg,#10b9810d,#10b9811a)}.method-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.method-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff}.method-actions{display:flex;gap:.5rem}.action-btn{display:flex;align-items:center;justify-content:center;width:35px;height:35px;background:#6b72801a;border:none;border-radius:8px;color:#6b7280;cursor:pointer;transition:all .2s ease}.action-btn:hover{background:#6b728033;color:#374151}.action-btn.delete:hover{background:#ef44441a;color:#dc2626}.method-info h3{font-size:1.2rem;font-weight:600;color:#1f2937;margin-bottom:.75rem}.card-number{font-family:Courier New,monospace;font-size:1rem;color:#6b7280;margin-bottom:.5rem}.expiry-date,.default-badge{display:flex;align-items:center;gap:.5rem;font-size:.875rem;margin-bottom:.5rem}.expiry-date{color:#6b7280}.default-badge{color:#10b981;font-weight:600}.filters{display:flex;gap:1rem;align-items:center}.filter-group{display:flex;align-items:center;gap:.5rem}.filter-icon{color:#6b7280;font-size:1rem}.filter-select,.sort-select{padding:.75rem 1rem;border:2px solid rgba(102,126,234,.2);border-radius:10px;background:#fff;color:#374151;font-weight:500;cursor:pointer;transition:all .3s ease}.filter-select:focus,.sort-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.transactions-grid{display:grid;gap:1.5rem}.transaction-card{background:linear-gradient(135deg,#ffffffe6,#ffffffb3);border:1px solid rgba(102,126,234,.1);border-radius:15px;padding:1.5rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.transaction-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea26;border-color:#667eea4d}.transaction-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(102,126,234,.1)}.transaction-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:#667eea1a}.status-icon{font-size:1.2rem}.status-icon.success{color:#10b981}.status-icon.pending{color:#f59e0b}.status-icon.error,.status-icon.cancelled{color:#ef4444}.status-icon.refunded{color:#6366f1}.transaction-status{padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;text-align:center}.status-completed{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.3)}.status-pending{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.status-failed,.status-cancelled{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.status-refunded{background:#6366f11a;color:#6366f1;border:1px solid rgba(99,102,241,.3)}.transaction-main{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.transaction-description{font-size:1.2rem;font-weight:600;color:#1f2937;margin-bottom:1rem}.transaction-details{display:flex;flex-direction:column;gap:.75rem}.detail-row{display:flex;align-items:center}.detail-item{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.detail-item svg{color:#6b7280}.label{color:#6b7280;font-weight:500;min-width:80px}.value{color:#374151;font-weight:600}.transaction-amount{text-align:right;flex-shrink:0}.amount-main{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:.5rem;justify-content:flex-end}.amount-main svg{color:#10b981}.processing-fee{font-size:.8rem;color:#6b7280;text-align:right}.transaction-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid rgba(102,126,234,.1)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:12px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease;font-size:1rem}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea66}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea99}.btn-outline{background:transparent;color:#667eea;border:2px solid #667eea}.btn-outline:hover{background:#667eea;color:#fff;transform:translateY(-2px)}.btn-ghost{background:transparent;color:#6b7280;border:1px solid rgba(107,114,128,.3)}.btn-ghost:hover{background:#6b72801a;color:#374151}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn:disabled{opacity:.6;cursor:not-allowed}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.modal-content{background:#fff;border-radius:20px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 2rem 1rem;border-bottom:1px solid rgba(102,126,234,.1)}.modal-header h2{margin:0;font-size:1.5rem;font-weight:700;color:#1f2937}.close-btn{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s ease}.close-btn:hover{background:#6b72801a;color:#374151}.modal-body{padding:2rem}.payment-form,.method-form{display:flex;flex-direction:column;gap:1.5rem}.form-group label{font-weight:600;color:#374151;font-size:.9rem}.form-group input,.form-group select,.form-group textarea{padding:.75rem 1rem;border:2px solid rgba(102,126,234,.2);border-radius:10px;font-size:1rem;transition:all .3s ease;background:#fff}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1.5rem;border-top:1px solid rgba(102,126,234,.1)}.transaction-modal{max-width:700px}.transaction-details-full{display:flex;flex-direction:column;gap:24px}.detail-section{background:#f8f9fa;padding:20px;border-radius:8px}.detail-section h3{margin:0 0 16px;color:#2c3e50;font-size:16px;font-weight:600;border-bottom:2px solid #3498db;padding-bottom:8px}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.details-grid .detail-item{display:flex;flex-direction:column;gap:4px}.details-grid .detail-item label{font-size:12px;color:#666;font-weight:500;text-transform:uppercase}.details-grid .detail-item span{font-size:14px;color:#333;font-weight:600}.details-grid .detail-item .amount{color:#27ae60;font-size:16px}.details-grid .detail-item .status{display:inline-block;padding:4px 8px;border-radius:12px;font-size:11px;text-transform:uppercase}.detail-section p{margin:0;line-height:1.6;color:#555}@media (max-width: 768px){.customer-payments{padding:1rem}.header-content{flex-direction:column;gap:1.5rem}.header-stats{grid-template-columns:1fr}.header-actions{width:100%;justify-content:stretch}.header-actions .btn{flex:1;justify-content:center}.section-header{flex-direction:column;gap:1rem;align-items:stretch}.filters{flex-direction:column;gap:1rem}.methods-grid{grid-template-columns:1fr}.transaction-main{flex-direction:column;gap:1rem}.transaction-amount{text-align:left}.amount-main{justify-content:flex-start}.transaction-actions{justify-content:stretch}.transaction-actions .btn{flex:1;justify-content:center}.modal-overlay{padding:1rem}.modal-actions{flex-direction:column}}@media (max-width: 480px){.payments-header h1{font-size:24px}.payment-methods-section,.transactions-section,.method-card,.transaction-card{padding:16px}.modal-header h2,.amount-main{font-size:18px}}.customer-profile{padding:2rem;background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.profile-header{margin-bottom:2.5rem}.profile-header h1{font-size:2.5rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.profile-header p{color:#64748b;font-size:1.125rem}.profile-content{display:flex;gap:2rem;align-items:flex-start}.profile-sidebar{width:300px;background:#fff;border-radius:20px;padding:2rem;box-shadow:0 4px 20px #0000000d;border:1px solid #e2e8f0;flex-shrink:0}.profile-summary{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #e2e8f0}.avatar-circle{width:80px;height:80px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;margin-bottom:1rem;box-shadow:0 4px 15px #3b82f64d}.profile-summary h3{font-size:1.2rem;color:#1e293b;margin-bottom:.3rem}.profile-summary .email{color:#64748b;font-size:.9rem}.profile-nav{display:flex;flex-direction:column;gap:.5rem}.nav-item{display:flex;align-items:center;gap:.8rem;padding:1rem 1.2rem;background:transparent;border:none;border-radius:12px;color:#475569;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;text-align:right}.nav-item:hover{background:#f1f5f9;color:#1e293b}.nav-item.active{background:#eff6ff;color:#3b82f6}.profile-main{flex-grow:1;background:#fff;border-radius:20px;padding:2.5rem;box-shadow:0 4px 20px #0000000d;border:1px solid #e2e8f0}.tab-pane h2{font-size:1.5rem;color:#1e293b;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.profile-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:#475569;font-weight:600;font-size:.95rem}.form-group input{padding:.8rem 1rem;border:1px solid #cbd5e1;border-radius:10px;font-family:inherit;font-size:1rem;transition:all .3s ease}.form-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group input.readonly{background:#f8fafc;color:#94a3b8;cursor:not-allowed}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.inline-icon{margin-right:.3rem;color:#94a3b8;vertical-align:middle}.save-btn{align-self:flex-start;display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:.8rem 2rem;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;margin-top:1rem;transition:all .3s ease;box-shadow:0 4px 15px #10b9814d}.save-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.notification-settings{display:flex;flex-direction:column;gap:1.5rem}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.setting-info h4{color:#1e293b;margin-bottom:.3rem}.setting-info p{color:#64748b;font-size:.9rem}.switch{position:relative;display:inline-block;width:50px;height:28px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;transition:.4s}.slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:.4s}.customer-portal-profile-page.customer-portal-no-animations,.customer-portal-profile-page.customer-portal-no-animations *,.customer-portal-layout-shell.customer-portal-no-animations,.customer-portal-layout-shell.customer-portal-no-animations *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.customer-portal-profile-page.customer-portal-profile-compact .customer-portal-compact-card{padding:1rem!important;border-radius:1rem!important}.customer-portal-profile-page.customer-portal-profile-compact .customer-portal-profile-grid{gap:1.25rem}input:checked+.slider{background-color:#3b82f6}input:checked+.slider:before{transform:translate(22px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}@media (max-width: 900px){.profile-content{flex-direction:column}.profile-sidebar{width:100%}.grid-2{grid-template-columns:1fr}}.customer-contracts{padding:1rem;animation:fadeIn .5s ease-out}.contracts-header-portal{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;background:#fff;padding:2.5rem;border-radius:24px;box-shadow:0 4px 20px #0000000d;border:1px solid rgba(226,232,240,.8)}.contracts-header-portal .header-text h1{font-size:2.2rem;font-weight:800;margin-bottom:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.contracts-header-portal .header-text p{color:#64748b;font-weight:500;font-size:1.1rem}.contracts-stats-row-portal{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2.5rem}.stat-card-portal{background:#fff;padding:1.5rem;border-radius:20px;border:1px solid #e2e8f0;display:flex;align-items:center;gap:1.25rem;transition:all .3s ease}.stat-card-portal:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000000d}.stat-icon-wrapper{width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.stat-total .stat-icon-wrapper{background:#eff6ff;color:#3b82f6}.stat-active .stat-icon-wrapper{background:#f0fdf4;color:#22c55e}.stat-expiring .stat-icon-wrapper{background:#fff7ed;color:#ea580c}.stat-value .stat-icon-wrapper{background:#faf5ff;color:#a855f7}.stat-data{display:flex;flex-direction:column}.stat-num{font-size:1.5rem;font-weight:800;color:#1e293b}.stat-lbl{font-size:.85rem;color:#64748b;font-weight:600}.contracts-grid-portal{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:1.5rem}.contract-card-portal{background:#fff;border-radius:24px;border:1px solid #e2e8f0;padding:1.75rem;transition:all .3s ease;display:flex;flex-direction:column}.contract-card-portal:hover{transform:translateY(-5px);box-shadow:0 15px 35px #00000014;border-color:#667eea}.card-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.card-heading h3{font-size:1.25rem;font-weight:700;color:#1e293b;flex:1}.contract-ref{font-size:.85rem;color:#94a3b8;font-weight:600;margin-bottom:1.5rem}.contract-meta-portal{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem;background:#f8fafc;padding:1.25rem;border-radius:16px}.meta-item-portal{display:flex;align-items:center;gap:.75rem;color:#475569;font-size:.9rem;font-weight:500}.meta-item-portal svg{color:#667eea}.value-item{margin-top:.25rem;padding-top:.75rem;border-top:1px dashed #e2e8f0}.card-footer-portal{display:flex;gap:.75rem;margin-top:auto}.view-details-btn{flex:1;height:45px;border-radius:12px;border:1px solid #e2e8f0;background:#fff;color:#475569;font-weight:700;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:all .2s}.view-details-btn:hover{background:#f8fafc;border-color:#667eea;color:#667eea}.download-btn{width:45px;height:45px;border-radius:12px;border:none;background:#f1f5f9;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.download-btn:hover{background:#e2e8f0;color:#1e293b}.status-badge{padding:.4rem .8rem;border-radius:10px;font-size:.75rem;font-weight:700;white-space:nowrap}.customer-contracts-loading{display:flex;flex-direction:column;items-center:center;justify-content:center;padding:10rem 0}.customer-projects{display:flex;flex-direction:column;gap:2rem;animation:fadeIn .4s ease}.projects-header h1{font-size:2.2rem;font-weight:800;color:var(--secondary-900);margin-bottom:.5rem}.projects-header p{color:var(--secondary-500)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.project-card{background:var(--card);border-radius:24px;padding:2rem;border:1px solid var(--border);transition:all .3s;display:flex;flex-direction:column;gap:1.5rem}.project-card:hover{border-color:var(--primary-300);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.project-card-header h3{font-size:1.4rem;font-weight:700;color:var(--foreground)}.status-badge{padding:.45rem 1.1rem;border-radius:12px;font-size:.8rem;font-weight:700}.project-meta{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1.25rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.meta-item{display:flex;align-items:center;gap:.65rem;color:var(--secondary-600);font-size:.875rem}.meta-item svg{color:var(--primary-600)}.progress-bar-bg{height:10px;background:var(--secondary-100);border-radius:6px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--primary-600);transition:width 1s cubic-bezier(.4,0,.2,1)}.task-item{background:var(--secondary-50);padding:1rem;border-radius:14px;border:1px solid transparent;transition:all .2s}.task-item:hover{background:#fff;border-color:var(--border)}.dark .task-item{background:#ffffff08}.dark .task-item:hover{background:#ffffff0d}@media (max-width: 600px){.projects-grid{grid-template-columns:1fr}}.customer-files{padding:1.5rem;max-width:1200px;margin:0 auto}.files-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem;margin-bottom:1.25rem}.files-header h1{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0}.files-header p{color:#64748b;font-size:.9rem;margin:.25rem 0 0}.header-actions{display:flex;gap:.75rem}.refresh-btn{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:8px;background:#f1f5f9;color:#475569;border:1px solid #e2e8f0;cursor:pointer;font-size:.875rem;white-space:nowrap;transition:background .2s}.files-search{display:flex;align-items:center;gap:.5rem;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:.6rem 1rem;margin-bottom:1.25rem}.files-search svg{color:#94a3b8;flex-shrink:0}.files-search input{border:none;outline:none;flex:1;font-size:.9rem;background:transparent}.files-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.file-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1rem 1.25rem;display:flex;align-items:center;gap:.75rem;transition:box-shadow .2s,transform .2s;box-shadow:0 2px 8px #0000000d}.file-card:hover{box-shadow:0 6px 20px #0000001a;transform:translateY(-2px)}.file-icon-wrapper{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.4rem}.icon-folder{color:#f59e0b}.icon-pdf{color:#ef4444}.icon-image{color:#3b82f6}.icon-doc{color:#6366f1}.icon-other{color:#94a3b8}.file-details{flex:1;min-width:0}.file-name{font-size:.9rem;font-weight:600;color:#1e293b;margin:0 0 .3rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-meta{display:flex;gap:.5rem;flex-wrap:wrap;font-size:.75rem;color:#94a3b8}.file-source{background:#eff6ff;color:#3b82f6;border-radius:20px;padding:1px 8px}.file-actions{display:flex;gap:.4rem}.file-action-btn{width:32px;height:32px;border-radius:8px;border:1px solid #e2e8f0;background:#f8fafc;display:flex;align-items:center;justify-content:center;color:#64748b;text-decoration:none;transition:all .2s;cursor:pointer}.file-action-btn:hover{background:#eff6ff;color:#3b82f6;border-color:#bfdbfe}.customer-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:1rem}.files-message{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:250px;gap:1rem;color:#94a3b8;text-align:center;padding:2rem}.icon-info{font-size:2.5rem;color:#60a5fa}.icon-empty{font-size:3rem;color:#cbd5e1}.files-message p{max-width:400px;line-height:1.6}.customer-reports{padding:1.5rem;max-width:1200px;margin:0 auto}.reports-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.reports-header h1{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0}.reports-header p{color:#64748b;font-size:.9rem;margin:.25rem 0 0}.header-btns{display:flex;gap:.75rem}.refresh-btn{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:8px;background:#f1f5f9;color:#475569;border:1px solid #e2e8f0;cursor:pointer;font-size:.875rem}.refresh-btn:hover{background:#e2e8f0}.export-btn{display:flex;align-items:center;gap:.4rem;padding:.5rem 1.25rem;border-radius:8px;background:#3b82f6;color:#fff;border:none;cursor:pointer;font-size:.875rem;transition:background .2s}.export-btn:hover:not(:disabled){background:#2563eb}.export-btn:disabled{opacity:.5;cursor:not-allowed}.reports-nav{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:2px solid #e2e8f0;padding-bottom:0;flex-wrap:wrap}.nav-tab{display:flex;align-items:center;gap:.4rem;padding:.6rem 1.25rem;border:none;background:transparent;color:#64748b;cursor:pointer;font-size:.9rem;font-weight:500;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s;border-radius:8px 8px 0 0}.nav-tab:hover{color:#3b82f6;background:#eff6ff}.nav-tab.active{color:#3b82f6;border-bottom-color:#3b82f6;background:#eff6ff}.report-kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.kpi-card{border-radius:12px;padding:1.25rem 1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 2px 8px #0000000f}.kpi-icon{font-size:1.5rem;flex-shrink:0}.kpi-value{font-size:1.5rem;font-weight:700;line-height:1}.kpi-label{font-size:.78rem;opacity:.8;margin-top:.25rem}.kpi-blue{background:#eff6ff;color:#1d4ed8}.kpi-green{background:#f0fdf4;color:#15803d}.kpi-purple{background:#fdf4ff;color:#7e22ce}.kpi-orange{background:#fff7ed;color:#c2410c}.report-chart-area{margin-top:1rem}.chart-placeholder{background:#f8fafc;border:2px dashed #e2e8f0;border-radius:12px;min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;color:#94a3b8}.watermark-icon{font-size:3rem;color:#cbd5e1}.customer-loading{display:flex;justify-content:center;align-items:center;min-height:200px}.spinner{width:36px;height:36px;border:3px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.customer-appointments{padding:1rem;animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.appointments-header-portal{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2.5rem;background:#fff;padding:2rem;border-radius:20px;box-shadow:0 4px 20px #0000000d;border:1px solid rgba(226,232,240,.8)}.header-text h1{font-size:2rem;font-weight:800;margin-bottom:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header-text p{color:#64748b;font-weight:500}.header-actions{display:flex;gap:1rem}.refresh-btn{width:45px;height:45px;border-radius:12px;border:1px solid #e2e8f0;background:#fff;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.refresh-btn:hover{background:#f8fafc;color:#667eea;border-color:#667eea;transform:rotate(180deg)}.add-appointment-btn{padding:0 1.5rem;height:45px;border-radius:12px;border:none;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:700;display:flex;align-items:center;gap:.75rem;cursor:pointer;box-shadow:0 4px 12px #667eea4d;transition:all .2s}.add-appointment-btn:hover{transform:translateY(-2px);box-shadow:0 6px 15px #667eea66}.no-appointments-portal{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 2rem;background:#fff;border-radius:20px;border:2px dashed #e2e8f0;text-align:center}.no-appointments-portal svg{font-size:4rem;color:#cbd5e1;margin-bottom:1.5rem}.no-appointments-portal p{font-size:1.25rem;color:#64748b;margin-bottom:2rem;font-weight:500}.add-appointment-btn-lg{padding:1rem 2.5rem;border-radius:15px;border:none;background:#667eea;color:#fff;font-weight:700;cursor:pointer;transition:all .2s}.appointments-grid-portal{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.appointment-card-portal{background:#fff;border-radius:20px;border:1px solid #e2e8f0;padding:1.5rem;transition:all .3s ease;position:relative;overflow:hidden}.appointment-card-portal:hover{transform:translateY(-5px);box-shadow:0 12px 25px #00000014;border-color:#667eea}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.status-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:12px;font-size:.85rem;font-weight:700}.more-btn{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:1.25rem}.card-body h3{font-size:1.25rem;font-weight:700;margin-bottom:.75rem;color:#1e293b}.app-desc{color:#64748b;font-size:.95rem;line-height:1.5;margin-bottom:1.5rem}.app-details{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.detail-item{display:flex;align-items:center;gap:.75rem;color:#475569;font-size:.9rem;font-weight:500}.detail-item svg{color:#667eea}.card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1.25rem;border-top:1px solid #f1f5f9}.manager-info{display:flex;align-items:center;gap:.75rem}.mini-avatar{width:32px;height:32px;border-radius:10px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#667eea}.manager-info span{font-size:.9rem;font-weight:600;color:#475569}.cancel-mini-btn{background:none;border:1px solid #fee2e2;color:#ef4444;padding:.4rem .8rem;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.cancel-mini-btn:hover{background:#fee2e2}.bg-green{background:#dcfce7;color:#16a34a}.bg-blue{background:#eff6ff;color:#3b82f6}.bg-orange{background:#fff7ed;color:#ea580c}.bg-red{background:#fee2e2;color:#ef4444}.bg-gray{background:#f1f5f9;color:#64748b}.customer-appointments-loading{display:flex;flex-direction:column;items-center:center;justify-content:center;padding:10rem 0}.portal-error-msg{background:#fef2f2;border:1px solid #fee2e2;color:#dc2626;padding:1rem 1.5rem;border-radius:12px;margin-bottom:2rem;display:flex;align-items:center;gap:.75rem;font-weight:500}.customer-chat-container{display:flex;flex-direction:column;height:calc(100vh - 12rem);background:var(--card);border-radius:24px;box-shadow:var(--shadow-lg);overflow:hidden;border:1px solid var(--border)}.chat-header{padding:1.25rem 1.5rem;background:var(--primary-600);color:#fff;display:flex;justify-content:space-between;align-items:center}.chat-header-info h3{font-size:1.1rem;font-weight:700;margin:0}.support-avatar{width:40px;height:40px;background:#fff;color:var(--primary-600);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800}.chat-messages{flex:1;padding:1.5rem;overflow-y:auto;background:var(--secondary-50);display:flex;flex-direction:column;gap:1.25rem}.message-bubble{max-width:80%;padding:1rem 1.25rem;border-radius:18px;font-size:.9375rem;line-height:1.5;box-shadow:var(--shadow-sm)}.msg-in{align-self:flex-start;background:#fff;color:var(--secondary-900);border-bottom-right-radius:4px}.msg-out{align-self:flex-end;background:var(--primary-600);color:#fff;border-bottom-left-radius:4px}.chat-input-area{padding:1.25rem;background:var(--card);border-top:1px solid var(--border);display:flex;align-items:center;gap:1rem}.chat-input-area input{flex:1;background:var(--secondary-50);border:1px solid var(--border);padding:.85rem 1.5rem;border-radius:99px;font-size:.95rem;color:var(--foreground)}.send-btn{width:46px;height:46px;background:var(--primary-600);color:#fff;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;font-size:1.25rem;cursor:pointer;transition:all .2s}.send-btn:hover{transform:scale(1.05);background:var(--primary-700)}.dark .msg-in{background:#334155;color:#fff}.customer-purchase-requests{padding:2rem;background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.requests-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2.5rem}.header-content h1{font-size:2.5rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.header-content p{color:#64748b;font-size:1.125rem}.new-request-btn{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:.8rem 1.5rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #10b9814d}.new-request-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.requests-table-container{background:#fff;border-radius:20px;box-shadow:0 4px 20px #0000000d;overflow:hidden;border:1px solid rgba(226,232,240,.6)}.requests-table{width:100%;border-collapse:collapse}.requests-table th,.requests-table td{padding:1.2rem 1.5rem;text-align:right;border-bottom:1px solid #e2e8f0}.requests-table th{background:#f8fafc;color:#475569;font-weight:600;border-bottom:2px solid #e2e8f0}.requests-table tr:hover{background:#f1f5f9}.requests-table tr:last-child td{border-bottom:none}.req-no{color:#3b82f6;font-family:monospace;font-size:1.1rem}.description-cell{max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#64748b}.inline-icon{color:#94a3b8;vertical-align:middle;margin-left:.3rem}.amount-cell{font-weight:600;color:#1e293b}.status-badge{padding:.4rem .8rem;border-radius:20px;font-size:.85rem;font-weight:600;display:inline-block;text-align:center}.status-badge.draft{background:#f1f5f9;color:#475569}.status-badge.submitted{background:#e0f2fe;color:#0284c7}.status-badge.processing{background:#fef3c7;color:#d97706}.status-badge.approved{background:#dcfce7;color:#16a34a}.status-badge.rejected{background:#fee2e2;color:#dc2626}@media (max-width: 1024px){.requests-table-container{overflow-x:auto}.requests-header{flex-direction:column;gap:1.5rem}}.invoice-details-container{max-width:1400px;margin:0 auto;padding-bottom:2rem}.dark .invoice-details-container{color-scheme:dark}@media print{.invoice-details-container{padding:0}.invoice-details-container>div:first-child,.invoice-details-container .lg\:col-span-4,.invoice-details-container button,.invoice-details-container .enhanced-button{display:none!important}.invoice-details-container .lg\:col-span-8{width:100%!important;grid-column:span 12 / span 12!important}.invoice-details-container .enhanced-card{box-shadow:none!important;border:1px solid #eee!important;border-radius:0!important}}.invoice-details-container .enhanced-card{transition:transform .3s ease,box-shadow .3s ease}.invoice-details-container .enhanced-card:hover{box-shadow:0 20px 25px -5px #0000000d,0 10px 10px -5px #00000005}.quotation-details-container{max-width:1400px;margin:0 auto;padding-bottom:2rem}.dark .quotation-details-container{color-scheme:dark}.quotation-details-container .enhanced-card{transition:transform .3s ease,box-shadow .3s ease}.quotation-details-container .enhanced-card:hover{box-shadow:0 20px 25px -5px #0000000d,0 10px 10px -5px #00000005}.project-details-container{max-width:1400px;margin:0 auto;padding-bottom:2rem}.enhanced-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s cubic-bezier(.4,0,.2,1)}.hover\:shadow-2xl:hover{transform:translateY(-4px)}.project-details-container ::-webkit-scrollbar{width:4px}.project-details-container ::-webkit-scrollbar-track{background:transparent}.project-details-container ::-webkit-scrollbar-thumb{background:#0000001a;border-radius:10px}.dark .project-details-container ::-webkit-scrollbar-thumb{background:#ffffff1a}[dir=rtl] .project-timeline-line{right:15px}[dir=ltr] .project-timeline-line{left:15px}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.animate-float{animation:float 4s ease-in-out infinite}@media (max-width: 640px){.project-details-container{padding-left:1rem;padding-right:1rem}}.badge-premium{text-shadow:0 1px 2px rgba(0,0,0,.1);letter-spacing:.05em}.contract-details-container{max-width:1400px;margin:0 auto;padding-bottom:2rem}.dark .contract-details-container{color-scheme:dark}.contract-details-container .enhanced-card{transition:transform .3s ease,box-shadow .3s ease}.contract-details-container .enhanced-card:hover{box-shadow:0 20px 25px -5px #0000000d,0 10px 10px -5px #00000005}.ticket-details-container{max-width:1400px;margin:0 auto;padding-bottom:2rem}.dark .ticket-details-container{color-scheme:dark}.bg-emerald-500\/10{background-color:#10b9811a}.bg-amber-500\/10{background-color:#f59e0b1a}.bg-rose-500\/10{background-color:#f43f5e1a}.bg-blue-500\/10{background-color:#3b82f61a}.bg-gray-500\/10{background-color:#6b72801a}[dir=rtl] .ticket-details-container .rounded-tr-none{border-top-right-radius:1.5rem!important;border-top-left-radius:0!important}[dir=rtl] .ticket-details-container .rounded-tl-none{border-top-left-radius:1.5rem!important;border-top-right-radius:0!important}.ticket-create-container{max-width:1400px;margin:0 auto;padding-bottom:2rem}.dark .ticket-create-container{color-scheme:dark}.ticket-create-container form input::-moz-placeholder,.ticket-create-container form textarea::-moz-placeholder{color:#9ca3af;opacity:.6}.ticket-create-container form input::placeholder,.ticket-create-container form textarea::placeholder{color:#9ca3af;opacity:.6}.ticket-create-container .lg\:col-span-8{animation-delay:.1s}.ticket-create-container .lg\:col-span-4{animation-delay:.2s}.ticket-create-container textarea::-webkit-scrollbar{width:6px}.ticket-create-container textarea::-webkit-scrollbar-track{background:transparent}.ticket-create-container textarea::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:10px}.dark .ticket-create-container textarea::-webkit-scrollbar-thumb{background:#374151}.appointment-create-container{max-width:1400px;margin:0 auto;padding-bottom:2rem}.dark .appointment-create-container{color-scheme:dark}.appointment-create-container input[type=date]::-webkit-calendar-picker-indicator,.appointment-create-container input[type=time]::-webkit-calendar-picker-indicator{opacity:0;position:absolute;left:0;right:0;top:0;bottom:0;width:100%;cursor:pointer}.appointment-create-container .lg\:col-span-8{animation-delay:.1s}.appointment-create-container .lg\:col-span-4{animation-delay:.2s}:root{--header-height: 4rem;--sidebar-width: 17.5rem;--sidebar-collapsed-width: 5rem}.customer-layout{display:flex;min-height:100vh;background:var(--background);color:var(--foreground);font-family:Inter,system-ui,-apple-system,sans-serif;transition:all .3s ease}.customer-layout.ltr .customer-sidebar{left:0;right:auto;border-right:1px solid var(--border);border-left:none;box-shadow:-4px 0 24px #00000005}.customer-layout.ltr .customer-nav-icon{margin-left:0;margin-right:.85rem}.customer-layout.ltr .customer-header{left:var(--sidebar-width);right:0}.customer-layout.ltr .customer-header.sidebar-collapsed{left:var(--sidebar-collapsed-width);right:0}.customer-layout.ltr .customer-main{margin-left:var(--sidebar-width);margin-right:0}.customer-layout.ltr .customer-main.sidebar-collapsed{margin-left:var(--sidebar-collapsed-width);margin-right:0}.customer-layout.ltr .customer-table th{text-align:left}.customer-sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);border-left:1px solid var(--border);position:fixed;height:100vh;top:0;right:0;z-index:1000;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:4px 0 24px #00000005}.customer-sidebar.collapsed{width:var(--sidebar-collapsed-width)}.customer-sidebar-header{height:var(--header-height);display:flex;align-items:center;justify-content:space-between;padding:0 1rem;border-bottom:1px solid var(--border)}.sidebar-collapse-btn{background:transparent;border:none;color:var(--secondary-400);width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.sidebar-collapse-btn:hover{background:var(--secondary-100);color:var(--primary)}.customer-sidebar-logo{display:flex;align-items:center;gap:.6rem;font-weight:800;font-size:1.15rem;color:var(--primary-700)}.logo-icon{width:36px;height:36px;background:var(--primary-600);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.customer-nav{padding:1rem .5rem;display:flex;flex-direction:column;gap:.25rem}.customer-nav-item{display:flex;align-items:center;padding:.85rem 1rem;color:var(--secondary-600);text-decoration:none;border-radius:12px;font-weight:600;transition:all .2s;font-size:.9375rem}.customer-nav-item:hover{background:var(--primary-50);color:var(--primary-600)}.customer-nav-item.active{background:var(--primary-600);color:#fff;box-shadow:0 4px 15px #0284c74d}.customer-nav-icon{font-size:1.25rem;margin-left:.85rem}.customer-sidebar-footer{margin-top:auto;padding:1rem;border-top:1px solid var(--border)}.logout-action{width:100%;display:flex;align-items:center;gap:.75rem;padding:.85rem;background:#fef2f2;color:#991b1b;border:none;border-radius:12px;font-weight:700;cursor:pointer;transition:all .2s}.logout-action:hover{background:#fee2e2}.customer-header{position:fixed;top:0;right:var(--sidebar-width);left:0;height:var(--header-height);background:var(--header-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;z-index:900;transition:all .3s cubic-bezier(.4,0,.2,1)}.customer-header.sidebar-collapsed{right:var(--sidebar-collapsed-width)}.header-left{display:flex;align-items:center;gap:1rem}.mobile-toggle{display:none;background:var(--secondary-100);border:none;width:40px;height:40px;border-radius:12px;align-items:center;justify-content:center;cursor:pointer}.customer-header-title{font-size:1.35rem;font-weight:800;color:var(--foreground);letter-spacing:-.025em}.header-user-menu{display:flex;align-items:center;gap:1.25rem}.theme-toggle{background:var(--secondary-50);border:1px solid var(--border);width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--secondary-600);transition:all .2s}.theme-toggle:hover{background:var(--secondary-100);color:var(--primary-600)}.notification-wrapper{position:relative;font-size:1.35rem;color:var(--secondary-500);cursor:pointer;display:flex}.notification-wrapper .dot{position:absolute;top:2px;right:2px;width:10px;height:10px;background:var(--error-500);border-radius:50%;border:2px solid var(--card)}.user-profile-link{display:flex;align-items:center;gap:.65rem;text-decoration:none;padding:.4rem .75rem;background:var(--secondary-50);border:1px solid var(--border);border-radius:14px;transition:all .2s}.user-profile-link:hover{background:var(--secondary-100)}.user-avatar-small{width:32px;height:32px;background:var(--primary-600);color:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.8rem}.user-name{font-weight:700;font-size:.9rem;color:var(--foreground)}.customer-main{flex:1;margin-right:var(--sidebar-width);padding:2rem;padding-top:calc(var(--header-height) + 2rem);transition:all .3s ease}.customer-main.sidebar-collapsed{margin-right:var(--sidebar-collapsed-width)}.customer-content{max-width:1400px;margin:0 auto}.customer-card{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000000d}.customer-table-container{overflow-x:auto;border-radius:16px;border:1px solid var(--border)}.customer-table{width:100%;border-collapse:collapse}.customer-table th{background:var(--secondary-50);padding:1rem;font-size:.875rem;font-weight:600;color:var(--secondary-600);text-align:right;border-bottom:1px solid var(--border)}.customer-table td{padding:1rem;border-bottom:1px solid var(--border);font-size:.9375rem}.badge{padding:.35rem .85rem;border-radius:99px;font-size:.75rem;font-weight:600;display:inline-flex;align-items:center;gap:.25rem}.dark .customer-nav-item{color:var(--secondary-400)}.dark .customer-nav-item:hover{background:#38bdf81a;color:var(--primary)}.dark .user-profile-link:hover{background:#ffffff0d}@media (max-width: 1024px){.customer-sidebar{transform:translate(100%)}.customer-layout.ltr .customer-sidebar{transform:translate(-100%)}.customer-sidebar.open{transform:translate(0)}.customer-main{margin-right:0!important}.customer-layout.ltr .customer-main{margin-left:0!important}.customer-header{right:0!important}.customer-layout.ltr .customer-header{left:0!important;right:0!important}}:root{--primary-50: #f0f9ff;--primary-100: #e0f2fe;--primary-200: #bae6fd;--primary-300: #7dd3fc;--primary-400: #38bdf8;--primary-500: #0ea5e9;--primary-600: #0284c7;--primary-700: #0369a1;--primary-800: #075985;--primary-900: #0c4a6e;--secondary-50: #f8fafc;--secondary-100: #f1f5f9;--secondary-200: #e2e8f0;--secondary-300: #cbd5e1;--secondary-400: #94a3b8;--secondary-500: #64748b;--secondary-600: #475569;--secondary-700: #334155;--secondary-800: #1e293b;--secondary-900: #0f172a;--success-500: #22c55e;--error-500: #ef4444;--warning-500: #f59e0b;--gray-200: #e5e7eb;--gray-800: #1f2937;--gray-900: #111827;--header-height: 4rem;--sidebar-width: 17.5rem;--sidebar-collapsed: 5rem;--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);--radius-xl: .75rem;--radius-2xl: 1rem}body{background-color:var(--secondary-50);color:var(--secondary-900)}.customer-layout{--background: #f8fafc;--foreground: #0f172a;--card: #ffffff;--border: #e2e8f0;--primary: #0284c7;--sidebar-bg: #ffffff;--header-bg: rgba(255, 255, 255, .8)}.customer-layout.dark{--background: #0f172a;--foreground: #f8fafc;--card: #1e293b;--border: #334155;--primary: #38bdf8;--sidebar-bg: #1e293b;--header-bg: rgba(30, 41, 59, .8)}.customer-layout{font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}.portal-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all .3s ease}.portal-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.portal-button-primary{background:var(--primary);color:#fff;border-radius:10px;font-weight:600;padding:.6rem 1.2rem;border:none;cursor:pointer;transition:all .2s;box-shadow:0 4px 10px #0284c733}.portal-button-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.customer-main-unified .customer-projects-portal,.customer-main-unified .customer-contracts-portal,.customer-main-unified .customer-surveys,.customer-main-unified .customer-messages,.customer-main-unified .customer-reports,.customer-main-unified .customer-chat-portal{background:transparent!important;color:#0f172a}.dark .customer-main-unified .customer-projects-portal,.dark .customer-main-unified .customer-contracts-portal,.dark .customer-main-unified .customer-surveys,.dark .customer-main-unified .customer-messages,.dark .customer-main-unified .customer-reports,.dark .customer-main-unified .customer-chat-portal{color:#f8fafc}.customer-main-unified .messages-header,.customer-main-unified .surveys-header,.customer-main-unified .reports-header-portal,.customer-main-unified .chat-header-portal{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:16px!important;box-shadow:0 8px 24px #0f172a0f!important}.dark .customer-main-unified .messages-header,.dark .customer-main-unified .surveys-header,.dark .customer-main-unified .reports-header-portal,.dark .customer-main-unified .chat-header-portal{background:#111827!important;border-color:#374151!important}.customer-main-unified .messages-filters,.customer-main-unified .surveys-filters{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:16px!important;box-shadow:0 6px 20px #0f172a0d!important}.dark .customer-main-unified .messages-filters,.dark .customer-main-unified .surveys-filters{background:#111827!important;border-color:#374151!important}.customer-main-unified .btn-primary,.customer-main-unified .refresh-btn,.customer-main-unified .send-msg-btn{background:#4f46e5!important;border-color:#4f46e5!important;color:#fff!important;box-shadow:0 8px 18px #4f46e540!important}.customer-main-unified .btn-primary:hover,.customer-main-unified .refresh-btn:hover,.customer-main-unified .send-msg-btn:hover{background:#4338ca!important}.customer-main-unified .messages-content,.customer-main-unified .messages-list{background:#fff;border:1px solid #e2e8f0;border-radius:16px}.dark .customer-main-unified .messages-content,.dark .customer-main-unified .messages-list{background:#111827;border-color:#374151}.customer-main-unified .message-card{border:1px solid #e2e8f0!important;border-radius:14px!important;box-shadow:0 4px 12px #0f172a0f!important;background:#fff!important}.customer-main-unified .message-card.unread{border-color:#c7d2fe!important;box-shadow:0 8px 20px #4f46e51f!important}.dark .customer-main-unified .message-card{background:#111827!important;border-color:#374151!important}.customer-main-unified .report-card-portal,.customer-main-unified .available-reports-section,.customer-main-unified .report-download-item{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:16px!important;box-shadow:0 8px 24px #0f172a0f!important}.dark .customer-main-unified .report-card-portal,.dark .customer-main-unified .available-reports-section,.dark .customer-main-unified .report-download-item{background:#111827!important;border-color:#374151!important}.customer-main-unified .chat-messages-container-portal,.customer-main-unified .chat-input-portal{background:#fff!important;border:1px solid #e2e8f0!important}.customer-main-unified .chat-messages-container-portal{border-radius:16px}.customer-main-unified .chat-input-portal{border-radius:14px}.dark .customer-main-unified .chat-messages-container-portal,.dark .customer-main-unified .chat-input-portal{background:#111827!important;border-color:#374151!important}.customer-main-unified .message-wrapper-portal .message-bubble{border-radius:14px!important;box-shadow:0 4px 12px #0f172a0f}.customer-main-unified .feedback-container,.customer-main-unified .feedback-header,.customer-main-unified .feedback-filters,.customer-main-unified .feedback-list,.customer-main-unified .feedback-card,.customer-main-unified .stat-card{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:16px!important;box-shadow:0 8px 22px #0f172a0f!important}.dark .customer-main-unified .feedback-container,.dark .customer-main-unified .feedback-header,.dark .customer-main-unified .feedback-filters,.dark .customer-main-unified .feedback-list,.dark .customer-main-unified .feedback-card,.dark .customer-main-unified .stat-card{background:#111827!important;border-color:#374151!important}.customer-main-unified .contract-details-container,.customer-main-unified .invoice-details-container,.customer-main-unified .quotation-details-container,.customer-main-unified .ticket-details-container,.customer-main-unified .ticket-create-container,.customer-main-unified .appointment-create-container{background:transparent!important}.customer-main-unified .contract-details-container :is(.header-card,.summary-card,.details-card,.timeline-card,.info-card,.actions-card),.customer-main-unified .invoice-details-container :is(.header-card,.summary-card,.details-card,.timeline-card,.info-card,.actions-card),.customer-main-unified .quotation-details-container :is(.header-card,.summary-card,.details-card,.timeline-card,.info-card,.actions-card),.customer-main-unified .ticket-details-container :is(.header-card,.summary-card,.details-card,.timeline-card,.info-card,.actions-card),.customer-main-unified .ticket-create-container :is(.form-card,.details-card,.summary-card),.customer-main-unified .appointment-create-container :is(.form-card,.details-card,.summary-card){background:#fff!important;border:1px solid #e2e8f0!important;border-radius:16px!important;box-shadow:0 8px 20px #0f172a0f!important}.dark .customer-main-unified .contract-details-container :is(.header-card,.summary-card,.details-card,.timeline-card,.info-card,.actions-card),.dark .customer-main-unified .invoice-details-container :is(.header-card,.summary-card,.details-card,.timeline-card,.info-card,.actions-card),.dark .customer-main-unified .quotation-details-container :is(.header-card,.summary-card,.details-card,.timeline-card,.info-card,.actions-card),.dark .customer-main-unified .ticket-details-container :is(.header-card,.summary-card,.details-card,.timeline-card,.info-card,.actions-card),.dark .customer-main-unified .ticket-create-container :is(.form-card,.details-card,.summary-card),.dark .customer-main-unified .appointment-create-container :is(.form-card,.details-card,.summary-card){background:#111827!important;border-color:#374151!important}.customer-main-unified [class*=-container] :is(table,.table-wrapper,.list-wrapper){border-color:#e5e7eb}.customer-main-unified [class*=-container] :is(.btn,button[class*=btn-]){border-radius:12px}.customer-main-unified [class*=-container] :is(input,select,textarea){border-radius:12px;border-color:#d1d5db}.dark .customer-main-unified [class*=-container] :is(input,select,textarea){border-color:#4b5563;background:#111827;color:#f9fafb}.customer-main-unified .customer-messages{padding:1rem}.customer-main-unified .messages-header .header-content,.customer-main-unified .feedback-header .header-content{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between}.customer-main-unified .messages-header .header-title,.customer-main-unified .feedback-header .header-title{display:flex;align-items:center;gap:.6rem}.customer-main-unified .messages-header .title-icon,.customer-main-unified .feedback-header .title-icon{width:38px;height:38px;padding:9px;border-radius:12px;background:#eef2ff;color:#4f46e5}.dark .customer-main-unified .messages-header .title-icon,.dark .customer-main-unified .feedback-header .title-icon{background:#4f46e533;color:#c7d2fe}.customer-main-unified .messages-header .header-stats,.customer-main-unified .feedback-header .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;width:100%}.customer-main-unified .messages-header .stat-item,.customer-main-unified .feedback-header .stat-card{background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:14px!important;padding:.75rem!important}.dark .customer-main-unified .messages-header .stat-item,.dark .customer-main-unified .feedback-header .stat-card{background:#0f172a!important;border-color:#334155!important}.customer-main-unified .messages-filters .search-input,.customer-main-unified .feedback-controls .search-input,.customer-main-unified .messages-filters .filter-tab,.customer-main-unified .feedback-controls .filter-btn{border-radius:12px!important}.customer-main-unified .messages-filters .search-input,.customer-main-unified .feedback-controls .search-input{border:1px solid #dbe2ea!important;background:#fff!important}.dark .customer-main-unified .messages-filters .search-input,.dark .customer-main-unified .feedback-controls .search-input{border-color:#475569!important;background:#0f172a!important}.customer-main-unified .messages-grid,.customer-main-unified .feedback-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.customer-main-unified .message-card:hover,.customer-main-unified .feedback-card:hover{transform:translateY(-2px)}.customer-main-unified .message-card .view-btn,.customer-main-unified .feedback-card .status-badge,.customer-main-unified .feedback-card .type-badge{border-radius:10px!important}.customer-main-unified .modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a73!important}.customer-main-unified .modal,.customer-main-unified .feedback-modal{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:18px!important;box-shadow:0 25px 50px #02061740!important}.dark .customer-main-unified .modal,.dark .customer-main-unified .feedback-modal{background:#111827!important;border-color:#374151!important}.customer-main-unified .modal .modal-header,.customer-main-unified .feedback-modal .modal-header{background:#4f46e5!important;color:#fff!important;border-radius:16px 16px 0 0}.customer-main-unified .modal-actions .btn,.customer-main-unified .feedback-modal .modal-actions button{border-radius:12px!important}.customer-main-unified .ticket-details-container,.customer-main-unified .contract-details-container,.customer-main-unified .quotation-details-container,.customer-main-unified .invoice-details-container,.customer-main-unified .ticket-create-container,.customer-main-unified .appointment-create-container{max-width:1400px;margin:0 auto;padding:.75rem .5rem 2rem}.customer-main-unified .ticket-details-container .enhanced-card,.customer-main-unified .contract-details-container .enhanced-card,.customer-main-unified .quotation-details-container .enhanced-card,.customer-main-unified .invoice-details-container .enhanced-card,.customer-main-unified .ticket-create-container .enhanced-card,.customer-main-unified .appointment-create-container .enhanced-card{border-radius:18px!important;border:1px solid #e2e8f0!important;box-shadow:0 10px 24px #0f172a12!important}.dark .customer-main-unified .ticket-details-container .enhanced-card,.dark .customer-main-unified .contract-details-container .enhanced-card,.dark .customer-main-unified .quotation-details-container .enhanced-card,.dark .customer-main-unified .invoice-details-container .enhanced-card,.dark .customer-main-unified .ticket-create-container .enhanced-card,.dark .customer-main-unified .appointment-create-container .enhanced-card{border-color:#334155!important;background:#111827!important}