:root{--font-primary:"Inter", sans-serif;--font-display:"Outfit", sans-serif;--color-bg-app:#f4fbf7;--color-sidebar:#fff;--color-card:#fff;--color-primary:#10b981;--color-primary-hover:#059669;--color-primary-light:#ecfdf5;--color-text-main:#1f2937;--color-text-muted:#6b7280;--color-text-light:#9ca3af;--color-border:#e5e7eb;--color-active:#10b981;--color-active-light:#ecfdf5;--color-vip:#f59e0b;--color-vip-light:#fef3c7;--color-inactive:#ef4444;--color-inactive-light:#fee2e2;--color-pending:#f97316;--color-pending-light:#ffedd5;--color-progress:#3b82f6;--color-progress-light:#dbeafe;--color-ready:#8b5cf6;--color-ready-light:#f3e8ff;--color-completed:#10b981;--color-completed-light:#ecfdf5;--sidebar-width:260px;--header-height:70px;--border-radius-sm:8px;--border-radius-md:12px;--border-radius-lg:16px;--box-shadow:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--box-shadow-hover:0 10px 15px -3px #10b9810d, 0 4px 6px -2px #10b98108;--transition-fast:.15s ease;--transition-normal:.25s ease}body.dark{--color-bg-app:#0f172a;--color-sidebar:#1e293b;--color-card:#1e293b;--color-primary:#34d399;--color-primary-hover:#10b981;--color-primary-light:#064e3b;--color-text-main:#f8fafc;--color-text-muted:#94a3b8;--color-text-light:#64748b;--color-border:#334155;--color-active:#34d399;--color-active-light:#064e3b;--color-vip:#fbbf24;--color-vip-light:#78350f;--color-inactive:#f87171;--color-inactive-light:#7f1d1d;--color-pending:#fb923c;--color-pending-light:#7c2d12;--color-progress:#60a5fa;--color-progress-light:#1e3a8a;--color-ready:#a78bfa;--color-ready-light:#4c1d95;--color-completed:#34d399;--color-completed-light:#064e3b;--box-shadow:0 4px 6px -1px #0000004d, 0 2px 4px -1px #0003;--box-shadow-hover:0 10px 15px -3px #10b9811a, 0 4px 6px -2px #10b9810d}body.dark .btn-secondary{background-color:var(--color-sidebar);color:var(--color-text-main);border-color:var(--color-border)}body.dark .btn-secondary:hover{background-color:var(--color-bg-app)}body.dark .select-filter{background-color:var(--color-sidebar);color:var(--color-text-main);border-color:var(--color-border)}body.dark .search-input-wrapper{background-color:var(--color-sidebar);border-color:var(--color-border)}body.dark .search-input-wrapper input{color:var(--color-text-main)}body.dark .table-container,body.dark .crm-table{background-color:var(--color-sidebar)}body.dark .crm-table th{color:var(--color-text-muted);background-color:#1e293b}body.dark .crm-table th:hover{background-color:#334155}body.dark .client-link{color:#60a5fa}body.dark .modal-content{background-color:var(--color-sidebar);color:var(--color-text-main);border-color:var(--color-border)}body.dark input,body.dark select:not(.badge-select),body.dark textarea{color:var(--color-text-main);border-color:var(--color-border);background-color:#0f172a}body.dark select option{color:var(--color-text-main);background-color:#1e293b}body.dark .searchable-select-trigger{color:var(--color-text-main)!important;border-color:var(--color-border)!important;background-color:#0f172a!important}body.dark .searchable-select-dropdown{border-color:var(--color-border)!important;background-color:#1e293b!important}body.dark .searchable-select-dropdown input{color:var(--color-text-main)!important;border-color:var(--color-border)!important;background-color:#0f172a!important}body.dark .searchable-select-dropdown div{color:var(--color-text-main)!important}body.dark .notification-form-card select,body.dark .notification-form-card textarea{color:var(--color-text-main)!important;border-color:var(--color-border)!important;background-color:#0f172a!important}body.dark #logo-upload-input+label{background-color:var(--color-sidebar)!important;color:var(--color-text-main)!important;border-color:var(--color-border)!important}body.dark #logo-upload-input+label:hover{background-color:var(--color-bg-app)!important}body.dark .collapsible-trigger{background-color:var(--color-sidebar)!important;color:var(--color-text-main)!important;border-color:var(--color-border)!important}body.dark .collapsible-trigger:hover{background-color:var(--color-bg-app)!important}body.dark .log-entry{background-color:var(--color-bg-app)!important;border-color:var(--color-border)!important}body.dark .log-icon-avatar{background-color:var(--color-sidebar)!important;color:var(--color-text-muted)!important}body.dark .form-grid input,body.dark .form-grid select{color:var(--color-text-main)!important;border-color:var(--color-border)!important;background-color:#0f172a!important}body.dark .import-export form>div{border-color:var(--color-border)!important;background-color:#0f172a!important}body.dark textarea,body.dark .modal-content form input,body.dark .modal-content form select{color:var(--color-text-main)!important;border-color:var(--color-border)!important;background-color:#0f172a!important}body.dark .modal-content label{color:var(--color-text-muted)!important}body.dark .metric-card,body.dark .card{background-color:var(--color-card)!important}body.dark .nav-item:hover{background-color:var(--color-primary-light);color:var(--color-primary)}body.dark .searchable-select-trigger:hover{background-color:#1e293b!important}body.dark .searchable-select-dropdown div:hover{color:#fff!important;background-color:#334155!important}body.dark .searchable-select-dropdown div[style*="background-color: var(--color-primary-light)"]{background-color:var(--color-primary-light)!important;color:var(--color-primary)!important}body.dark .sidebar-footer select option{color:var(--color-text-main)!important;background-color:#1e293b!important}body.dark .new-order-stepper{border-bottom-color:var(--color-border)!important}body.dark .step-circle{border-color:var(--color-border)!important;color:var(--color-text-muted)!important;background-color:#1e293b!important}body.dark .step-item.active .step-circle{background-color:var(--color-primary)!important;border-color:var(--color-primary)!important;color:#fff!important}body.dark .step-item.completed .step-circle{background-color:var(--color-active-light)!important;border-color:var(--color-active)!important;color:var(--color-active)!important}body.dark .step-label{color:var(--color-text-muted)!important}body.dark .step-item.active .step-label{font-weight:600;color:var(--color-text-main)!important}body.dark .new-order-layout{background-color:var(--color-bg-app)!important}body.dark .new-order-sidebar{background-color:var(--color-card)!important;border-left-color:var(--color-border)!important}body.dark .service-item-row{border-bottom-color:var(--color-border)!important}body.dark .service-item-row:hover{background-color:#0f172a!important}body.dark .order-item-card{border-color:var(--color-border)!important;background-color:#0f172a!important}body.dark .service-search-input{color:var(--color-text-main)!important;border-color:var(--color-border)!important;background-color:#0f172a!important}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-primary);background-color:var(--color-bg-app);color:var(--color-text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.app-container{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background-color:var(--color-sidebar);border-right:1px solid var(--color-border);z-index:100;flex-direction:column;height:100vh;padding:1.5rem 1rem;display:flex;position:fixed;top:0;left:0}.brand-section{align-items:center;gap:.75rem;margin-bottom:2rem;padding:0 .5rem;display:flex}.brand-logo{color:#fff;width:40px;height:40px;font-family:var(--font-display);background:radial-gradient(circle,#34d399 0%,#10b981 100%);border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;font-weight:700;display:flex;box-shadow:0 4px 10px #10b98133}.brand-info h1{font-family:var(--font-display);color:var(--color-text-main);font-size:1.05rem;font-weight:700}.brand-info p{color:var(--color-text-muted);font-size:.75rem}.nav-list{flex-direction:column;flex:1;gap:.35rem;list-style:none;display:flex}.nav-item{color:var(--color-text-muted);border-radius:var(--border-radius-sm);transition:all var(--transition-fast);cursor:pointer;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.95rem;font-weight:500;text-decoration:none;display:flex}.nav-item:hover{background-color:var(--color-primary-light);color:var(--color-primary)}.nav-item.active{background-color:var(--color-primary-light);color:var(--color-primary);font-weight:600}.sidebar-footer{border-top:1px solid var(--color-border);color:var(--color-text-muted);justify-content:space-between;align-items:center;padding-top:1rem;font-size:.85rem;display:flex}.sidebar-user{color:var(--color-text-main);align-items:center;gap:.5rem;font-weight:600;display:flex}.user-avatar-sm{background-color:var(--color-primary-light);width:28px;height:28px;color:var(--color-primary);border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;display:flex}.main-content{margin-left:var(--sidebar-width);flex-direction:column;flex:1;gap:1.5rem;min-height:100vh;padding:2rem;display:flex}.page-header{justify-content:space-between;align-items:center;display:flex}.page-info h2{font-family:var(--font-display);color:var(--color-text-main);font-size:1.75rem;font-weight:700}.page-info p{color:var(--color-text-muted);margin-top:.25rem;font-size:.9rem}.header-actions{gap:.75rem;display:flex}.btn{border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.875rem;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-hover);transform:translateY(-1px)}.btn-secondary{color:var(--color-text-main);border-color:var(--color-border);background-color:#fff}.btn-secondary:hover{background-color:var(--color-bg-app)}.btn-icon{border-radius:var(--border-radius-sm);border:1px solid var(--color-border);cursor:pointer;transition:all var(--transition-fast);background-color:#fff;padding:.5rem}.btn-icon:hover{background-color:var(--color-bg-app)}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.metric-card{background-color:var(--color-card);border-radius:var(--border-radius-md);box-shadow:var(--box-shadow);transition:all var(--transition-normal);justify-content:space-between;align-items:center;padding:1.25rem;display:flex}.metric-card:hover{box-shadow:var(--box-shadow-hover);transform:translateY(-2px)}.metric-details p{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}.metric-details h3{font-family:var(--font-display);margin-top:.5rem;font-size:1.6rem;font-weight:700}.metric-icon-box{border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.card{background-color:var(--color-card);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow);border:1px solid #e5e7eb80;padding:1.5rem}.card-title{font-family:var(--font-display);color:var(--color-text-main);align-items:center;gap:.5rem;margin-bottom:1.25rem;font-size:1.1rem;font-weight:700;display:flex}.toolbar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.search-input-wrapper{flex:1;max-width:450px;position:relative}.search-input-wrapper input{border:1px solid var(--color-border);border-radius:var(--border-radius-sm);width:100%;transition:all var(--transition-fast);outline:none;padding:.6rem 1rem .6rem 2.5rem;font-size:.9rem}.search-input-wrapper input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #10b9811a}.search-icon{color:var(--color-text-light);position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.select-filter{border:1px solid var(--color-border);border-radius:var(--border-radius-sm);cursor:pointer;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem;outline:none;padding:.6rem 2rem .6rem 1rem;font-size:.9rem}.reminders-card{flex-direction:column;gap:1rem;display:flex}.reminder-controls{align-items:center;gap:.75rem;font-size:.9rem;font-weight:500;display:flex}.days-input{border:1px solid var(--color-border);border-radius:var(--border-radius-sm);text-align:center;outline:none;width:60px;padding:.4rem;font-weight:600}.table-container{border-radius:var(--border-radius-md);border:1px solid var(--color-border);overflow-x:auto}.crm-table{border-collapse:collapse;text-align:left;background-color:#fff;width:100%;font-size:.9rem}.crm-table th{color:var(--color-text-muted);border-bottom:1px solid var(--color-border);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#f9fafb;padding:.85rem 1rem;font-size:.75rem;font-weight:600}.crm-table th:hover{background-color:#f3f4f6}.crm-table td{border-bottom:1px solid var(--color-border);color:var(--color-text-main);vertical-align:middle;padding:1rem}.crm-table tr:last-child td{border-bottom:none}.crm-table tr:hover td{background-color:var(--color-bg-app)}.client-link{color:#3b82f6;cursor:pointer;font-weight:600;text-decoration:none}.client-link:hover{text-decoration:underline}.badge{text-transform:uppercase;letter-spacing:.03em;border-radius:9999px;align-items:center;padding:.25rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-select{cursor:pointer;appearance:none;text-align:center;text-align-last:center;transition:filter var(--transition-fast), transform var(--transition-fast);border:none;outline:none;font-family:inherit}.badge-select:hover{filter:brightness(.92);transform:translateY(-1px)}body.dark .badge-select:hover{filter:brightness(1.15)}.badge-select option{background-color:var(--color-sidebar)!important;color:var(--color-text-main)!important}.badge-active{background-color:var(--color-active-light);color:var(--color-active)}.badge-vip{background-color:var(--color-vip-light);color:var(--color-vip)}.badge-inactive{background-color:var(--color-inactive-light);color:var(--color-inactive)}.badge-paid{background-color:var(--color-active-light);color:var(--color-active)}.badge-unpaid{background-color:var(--color-inactive-light);color:var(--color-inactive)}.badge-pending-pickup{background-color:var(--color-pending-light);color:var(--color-pending)}.badge-in-progress{background-color:var(--color-progress-light);color:var(--color-progress)}.badge-delivery-ready{background-color:var(--color-ready-light);color:var(--color-ready)}.badge-completed{background-color:var(--color-completed-light);color:var(--color-completed)}.details-grid{grid-template-columns:320px 1fr;align-items:start;gap:1.5rem;display:grid}.info-list{flex-direction:column;gap:1rem;display:flex}.info-item{flex-direction:column;gap:.25rem;display:flex}.info-item label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.info-item span{color:var(--color-text-main);word-break:break-word;font-size:.95rem;font-weight:500}.order-details-grid{grid-template-columns:1fr 320px;align-items:start;gap:1.5rem;display:grid}.order-metadata-card{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1rem;margin-bottom:1rem;display:grid}.log-timeline{flex-direction:column;gap:.75rem;display:flex}.log-entry{border-radius:var(--border-radius-sm);border-left:3px solid var(--color-primary);background-color:#f9fafb;gap:.75rem;padding:.75rem;font-size:.85rem;display:flex}.log-entry.log-type-payment_change{border-left-color:var(--color-vip)}.log-entry.log-type-status_change{border-left-color:var(--color-progress)}.log-entry.log-type-print{border-left-color:var(--color-ready)}.log-icon-avatar{background-color:var(--color-border);width:24px;height:24px;color:var(--color-text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.log-body{flex:1}.log-header{color:var(--color-text-muted);justify-content:space-between;margin-top:.15rem;font-size:.75rem;display:flex}.collapsible-trigger{cursor:pointer;border:1px solid var(--color-border);border-radius:var(--border-radius-md);background-color:#fff;justify-content:space-between;align-items:center;width:100%;margin-bottom:.5rem;padding:1rem;font-weight:600;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;opacity:0;background-color:#0006;justify-content:center;align-items:center;width:100%;height:100%;animation:.2s forwards fadeIn;display:flex;position:fixed;top:0;left:0}.modal-content{border-radius:var(--border-radius-lg);background-color:#fff;width:90%;max-width:550px;max-height:85vh;animation:.2s forwards scaleUp;overflow-y:auto;transform:scale(.95);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-header h3{font-family:var(--font-display);font-size:1.25rem;font-weight:700}.modal-close-btn{cursor:pointer;color:var(--color-text-light);transition:color var(--transition-fast);background:0 0;border:none}.modal-close-btn:hover{color:var(--color-inactive)}.modal-body{padding:1.5rem}.modal-footer{border-top:1px solid var(--color-border);justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}.form-grid-full{grid-column:span 2}.form-group{flex-direction:column;gap:.35rem;display:flex}.form-group label{color:var(--color-text-muted);font-size:.8rem;font-weight:600}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--color-border);border-radius:var(--border-radius-sm);font-size:.9rem;font-family:var(--font-primary);outline:none;padding:.6rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-primary)}@keyframes fadeIn{to{opacity:1}}@keyframes scaleUp{to{transform:scale(1)}}.chart-container-row{grid-template-columns:1fr 1fr;gap:1.5rem;min-height:250px;display:grid}.chart-box-wrapper{flex-direction:column;justify-content:center;align-items:center;width:100%;height:220px;display:flex;position:relative}.chart-subtitle-summary{border-top:1px solid var(--color-border);justify-content:space-around;width:100%;margin-top:1rem;padding-top:1rem;display:flex}.chart-summary-item{flex-direction:column;align-items:center;display:flex}.chart-summary-item label{color:var(--color-text-muted);font-size:.75rem;font-weight:500}.chart-summary-item span{margin-top:.25rem;font-size:1.1rem;font-weight:700}.selected-items-list{border:1px solid var(--color-border);border-radius:var(--border-radius-sm);margin-top:.5rem}.selected-item-row{border-bottom:1px solid var(--color-border);grid-template-columns:1fr 80px 100px 40px;align-items:center;gap:.5rem;padding:.5rem;display:grid}.selected-item-row:last-child{border-bottom:none}.notification-form-card{background-color:var(--color-bg-app);border-radius:var(--border-radius-sm);flex-direction:column;gap:.75rem;padding:1rem;display:flex}.avatar-initials{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;font-weight:700;display:flex}.mobile-menu-btn{display:none}@media (width<=768px){.sidebar{z-index:130;transition:transform .25s;transform:translate(-100%);box-shadow:2px 0 16px #0000002e}.sidebar.open{transform:translate(0)}.main-content{min-width:0;margin-left:0;padding:3.75rem 1rem 1rem;overflow-x:hidden}.mobile-menu-btn{z-index:120;border-radius:var(--border-radius-sm);background-color:var(--color-sidebar);border:1px solid var(--color-border);width:40px;height:40px;color:var(--color-text-main);cursor:pointer;justify-content:center;align-items:center;display:inline-flex;position:fixed;top:.7rem;left:.7rem}.sidebar-overlay{z-index:110;background:#00000073;position:fixed;inset:0}.page-header{flex-direction:column;align-items:flex-start;gap:.75rem}.header-actions{flex-wrap:wrap}.metrics-grid,.details-grid,.order-details-grid,.form-grid,.chart-container-row{grid-template-columns:1fr}}