:root{--brand-500:#aa3bff;--brand-600:#8a2be2;--brand-400:#c084fc;--brand-bg:rgba(170,59,255,.05);--bg-primary:#fff;--bg-secondary:#f9fafb;--text-primary:#111827;--text-secondary:#4b5563;--text-muted:#9ca3af;--border-light:#f3f4f6;--border-medium:#e5e7eb;--error:#ef4444;--success:#10b981;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -2px rgba(0,0,0,.05);--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-full:9999px;--font-sans:"Inter", system-ui, -apple-system, sans-serif}@media (prefers-color-scheme:dark){:root{--bg-primary:#0f172a;--bg-secondary:#1e293b;--text-primary:#f9fafb;--text-secondary:#d1d5db;--text-muted:#9ca3af;--border-light:#1e293b;--border-medium:#334155}}@media print{html,body{color:#000!important;background:#fff!important;width:80mm!important;margin:0!important;padding:0!important}#root,.panel-container,.modal-backdrop,header,aside,.btn,.kitchen-header,.kitchen-columns-grid{visibility:hidden!important;display:none!important}.print-receipt-container{box-sizing:border-box;font-family:Courier New,Courier,monospace;font-size:9.5pt;line-height:1.35;visibility:visible!important;width:80mm!important;margin:0!important;padding:4mm 2mm!important;display:block!important}.print-header{text-align:center;margin-bottom:4mm}.print-header h1{text-transform:uppercase;letter-spacing:.5px;margin:0 0 1.5mm;font-size:13pt;font-weight:700}.print-header p{margin:0;font-size:8.5pt}.print-divider{border-top:1px dashed #000;margin:2.5mm 0}.print-meta-grid{margin-bottom:3.5mm;font-size:8.5pt}.print-meta-row{justify-content:space-between;margin-bottom:1mm;display:flex}.print-meta-label{flex-shrink:0;margin-right:2mm;font-weight:700}.print-meta-value{text-align:right;word-break:break-word}.print-items-table{border-collapse:collapse;width:100%;margin-bottom:3mm;font-size:9pt}.print-items-table th{text-align:left;border-bottom:1px dashed #000;padding-bottom:1.25mm;font-weight:700}.print-items-table td{vertical-align:top;padding:1.25mm 0}.text-right{text-align:right!important}.print-totals{border-top:1px dashed #000;justify-content:space-between;margin-top:2.5mm;padding-top:2mm;font-size:11pt;font-weight:700;display:flex}.print-footer{text-align:center;margin-top:5mm;font-size:8.5pt}.print-footer p{margin:1.25mm 0}.print-barcode{letter-spacing:1px;margin-top:3mm;font-size:12pt;font-weight:700}}@media screen{.print-receipt-container{display:none!important}}*{box-sizing:border-box;margin:0;padding:0}:root{font-family:var(--font-sans);color:var(--text-primary);background-color:var(--bg-primary);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.5}body,#root{min-height:100vh}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input{font-family:inherit}.is-mobile-app *{-webkit-backdrop-filter:none!important}.logo-container{align-items:center;gap:.625rem;display:flex}.logo-icon-wrapper{background-color:#22c55e;border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;display:flex}.logo-text{font-weight:700;line-height:1}.theme-dark .logo-text{color:#fff}.theme-light .logo-text{color:var(--text-primary)}.dot-com{color:#22c55e}.text-sm{font-size:1rem}.text-md{font-size:1.25rem}.text-lg{font-size:1.5rem}.auth-layout{width:100%;min-height:100vh;display:flex}.auth-sidebar{background:linear-gradient(135deg, var(--brand-600) 0%, var(--brand-400) 100%);color:#fff;flex:1;justify-content:center;align-items:center;padding:4rem;display:flex;position:relative;overflow:hidden}.auth-sidebar:before{content:"";filter:blur(60px);background:rgba(255,255,255,.1);border-radius:50%;width:40%;height:40%;position:absolute;top:-10%;right:-10%}.auth-sidebar-content{z-index:1;max-width:480px;position:relative}.auth-brand{margin-bottom:4rem}.auth-message h2{letter-spacing:-1px;margin-bottom:1.5rem;font-size:2.5rem;font-weight:800;line-height:1.1}.auth-message p{opacity:.9;font-size:1.125rem;line-height:1.6}.auth-footer{opacity:.7;margin-top:6rem;font-size:.875rem}.auth-main{background-color:var(--bg-secondary);flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.auth-card{background-color:var(--bg-primary);border-radius:var(--radius-lg);width:100%;max-width:420px;box-shadow:var(--shadow-lg);padding:2.5rem}@media (max-width:1024px){.auth-sidebar{display:none}.auth-main{background-color:var(--bg-primary)}.auth-card{box-shadow:none;padding:1.5rem}}.btn{border-radius:var(--radius-md);justify-content:center;align-items:center;gap:8px;width:100%;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary:hover:not(:disabled){background-color:var(--brand-600);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-medium)}.btn-secondary:hover:not(:disabled){background-color:var(--border-light)}.btn-outline{color:var(--brand-500);border:1px solid var(--brand-500);background-color:transparent}.btn-outline:hover:not(:disabled){background-color:var(--brand-bg)}.btn-ghost{color:var(--text-secondary);background-color:transparent}.btn-ghost:hover:not(:disabled){background-color:var(--bg-secondary);color:var(--text-primary)}.btn-google{color:#374151;border:1px solid var(--border-medium);box-shadow:var(--shadow-sm);background-color:#fff}.btn-google:hover:not(:disabled){box-shadow:var(--shadow-md);background-color:#f9fafb}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn-md{padding:.75rem 1.5rem;font-size:1rem}.btn-lg{padding:1rem 2rem;font-size:1.125rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.input-container{flex-direction:column;gap:.5rem;width:100%;display:flex}.input-label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.input-wrapper{align-items:center;display:flex;position:relative}.input-field{border-radius:var(--radius-md);border:1px solid var(--border-medium);background-color:var(--bg-primary);width:100%;color:var(--text-primary);padding:.75rem 1rem;font-size:1rem;transition:all .2s}.input-field:focus{border-color:var(--brand-500);box-shadow:0 0 0 3px var(--brand-bg);outline:none}.input-with-icon{padding-left:2.75rem}.input-icon{color:var(--text-muted);justify-content:center;align-items:center;display:flex;position:absolute;left:1rem}.input-error{border-color:var(--error)}.input-error:focus{border-color:var(--error);box-shadow:0 0 0 3px rgba(239,68,68,.1)}.error-message{color:var(--error);font-size:.75rem}.login-view{flex-direction:column;gap:2rem;display:flex}.auth-header h2{color:var(--text-primary);margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.auth-header p{color:var(--text-secondary);font-size:.875rem}.auth-form{flex-direction:column;gap:1.25rem;display:flex}.auth-error-wrapper:empty{display:none}.form-error{color:var(--error);border-radius:var(--radius-md);text-align:center;background-color:rgba(239,68,68,.1);padding:.75rem;font-size:.875rem}.form-options{justify-content:space-between;align-items:center;font-size:.875rem;display:flex}.remember-me{cursor:pointer;color:var(--text-secondary);align-items:center;gap:.5rem;display:flex}.forgot-password{color:var(--brand-500);font-weight:500}.divider{text-align:center;margin:1rem 0;position:relative}.divider:before{content:"";background-color:var(--border-medium);z-index:1;width:100%;height:1px;position:absolute;top:50%;left:0}.divider span{z-index:2;background-color:var(--bg-primary);color:var(--text-muted);padding:0 .75rem;font-size:.875rem;position:relative}.auth-footer-link{text-align:center;color:var(--text-secondary);font-size:.875rem}.auth-footer-link a{color:var(--brand-500);font-weight:600}.redirect-bridge-container{justify-content:center;align-items:center;min-height:350px;display:flex}.redirect-bridge-card{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;width:100%;padding:1.5rem 1rem;display:flex}.redirect-bridge-header{flex-direction:column;align-items:center;gap:1rem;display:flex}.success-circle{background-color:rgba(34,197,94,.1);border:2px solid #22c55e;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;animation:.4s ease-out scaleUp;display:flex}.checkmark{color:#22c55e;font-size:2rem;font-weight:700}.redirect-bridge-header h2{color:var(--text-primary);margin:0;font-size:1.5rem;font-weight:700}.redirect-bridge-header p{color:var(--text-secondary);max-width:280px;margin:0;font-size:.95rem}.loader-container{color:var(--text-muted);flex-direction:column;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.redirect-spinner{border:3px solid var(--border-medium);border-top-color:var(--brand-500);border-radius:50%;width:24px;height:24px;animation:1s linear infinite spin}.btn-redirect-now{background-color:var(--brand-500);color:#fff;border-radius:var(--radius-md);justify-content:center;align-items:center;width:100%;max-width:280px;padding:.875rem 1.5rem;font-weight:600;text-decoration:none;transition:background-color .2s,transform .1s;display:inline-flex;box-shadow:0 4px 12px rgba(239,68,68,.2)}.btn-redirect-now:hover{background-color:var(--brand-600,#dc2626);transform:translateY(-1px)}.btn-redirect-now:active{transform:translateY(0)}.redirect-bridge-footer{color:var(--text-muted);max-width:260px;font-size:.75rem;line-height:1.4}@keyframes scaleUp{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.register-view{flex-direction:column;gap:2rem;display:flex}.form-row{gap:1rem;display:flex}@media (max-width:480px){.form-row{flex-direction:column}}.onboarding-container{background-color:var(--bg-secondary);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.onboarding-card{background-color:var(--bg-primary);border-radius:var(--radius-lg);width:100%;max-width:1000px;height:auto;min-height:600px;box-shadow:var(--shadow-lg);display:flex;overflow:hidden}.onboarding-sidebar{color:#fff;background-color:#1a1a1a;flex-direction:column;width:300px;padding:2.5rem;display:flex}.brand-logo{margin-bottom:3rem;font-size:1.5rem;font-weight:700}.logo-green{color:#22c55e}.logo-purple{color:var(--brand-500)}.step-list{flex-direction:column;gap:2rem;display:flex}.step-item{opacity:.5;align-items:center;gap:1rem;transition:all .3s;display:flex}.step-item.active{opacity:1}.step-item.completed{opacity:.8}.step-icon-wrapper{border-radius:var(--radius-md);color:#fff;background-color:#333;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex}.step-item.active .step-icon-wrapper{background-color:var(--brand-500);box-shadow:0 0 15px rgba(170,59,255,.4)}.step-item.completed .step-icon-wrapper{background-color:#22c55e}.step-text{flex-direction:column;display:flex}.step-number{text-transform:uppercase;letter-spacing:.05em;color:#888;font-size:.75rem}.step-title{font-size:.9rem;font-weight:600}.onboarding-content{flex-direction:column;flex:1;padding:3rem;display:flex}.content-header{margin-bottom:2rem}.content-header h2{color:var(--text-primary);margin-bottom:.5rem;font-size:1.75rem}.content-header p{color:var(--text-secondary);font-size:.95rem}.form-wrapper{flex:1}.step-content{flex-direction:column;gap:1.25rem;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.input-group{flex-direction:column;gap:.5rem;display:flex}.input-group label{color:var(--text-secondary);font-size:.875rem;font-weight:600}.input-group input,.input-group select,.input-group textarea{border:1px solid var(--border-medium);border-radius:var(--radius-md);background-color:var(--bg-primary);color:var(--text-primary);padding:.75rem 1rem;font-size:1rem;transition:all .2s}.input-group input:focus,.input-group select:focus,.input-group textarea:focus{border-color:var(--brand-500);box-shadow:0 0 0 3px var(--brand-bg);outline:none}.input-group textarea{resize:vertical;min-height:100px}.input-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.array-input-row{gap:.5rem;margin-bottom:.5rem;display:flex}.content-footer{border-top:1px solid var(--border-light);justify-content:space-between;margin-top:2rem;padding-top:2rem;display:flex}.btn{border-radius:var(--radius-md);align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .2s;display:flex}.btn-primary{background-color:var(--brand-500);color:#fff}.btn-primary:hover{background-color:var(--brand-600)}.btn-ghost{color:var(--text-secondary)}.btn-ghost:hover{background-color:var(--bg-secondary)}.btn-success{color:#fff;background-color:#22c55e}.btn-success:hover{background-color:#16a34a}.feature-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin-top:1rem;display:grid}.checkbox-item{border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:.75rem;padding:1rem;font-size:.9rem;transition:all .2s;display:flex}.checkbox-item:hover{border-color:var(--brand-400);background-color:var(--brand-bg)}.checkbox-item input{cursor:pointer;width:18px;height:18px}.btn-add{border:1px dashed var(--brand-400);color:var(--brand-600);border-radius:var(--radius-sm);cursor:pointer;background:0 0;margin-top:.5rem;padding:.5rem;font-size:.85rem;font-weight:600}.btn-add:hover{background-color:var(--brand-bg)}.summary-card{background-color:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-light);padding:0;overflow:hidden}.summary-header{background-color:var(--brand-bg);text-align:center;border-bottom:1px solid var(--brand-200);padding:3rem 2rem}.check-circle{color:#fff;background-color:#22c55e;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1.5rem;display:flex;box-shadow:0 4px 15px rgba(34,197,94,.3)}.summary-header h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.5rem}.summary-grid{grid-template-columns:1fr 1fr;gap:2rem;padding:2.5rem;display:grid}.summary-section h4{color:var(--brand-600);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;font-size:.875rem}.summary-section p{color:var(--text-secondary);margin-bottom:.5rem;font-size:.95rem}.summary-section.full-width{grid-column:span 2}.summary-tags{flex-wrap:wrap;gap:.5rem;display:flex}.tag{background-color:var(--bg-secondary);color:var(--text-secondary);border-radius:var(--radius-sm);padding:.4rem .8rem;font-size:.85rem;font-weight:500}.tag.purple{background-color:var(--brand-bg);color:var(--brand-600)}.checkbox-item.selected{border-color:var(--brand-500);background-color:var(--brand-bg);color:var(--brand-600)}.media-upload-section{flex-direction:column;gap:2.5rem;margin-top:1rem;display:flex}.logo-upload-box{width:140px;height:140px}.logo-preview-area{border:2px dashed var(--border-medium);border-radius:var(--radius-lg);cursor:pointer;background-color:var(--bg-secondary);justify-content:center;align-items:center;width:100%;height:100%;transition:all .2s;display:flex;overflow:hidden}.logo-preview-area:hover{border-color:var(--brand-500);background-color:var(--brand-bg)}.logo-preview-area img{object-fit:cover;width:100%;height:100%}.upload-placeholder{color:var(--text-secondary);flex-direction:column;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;display:flex}.photos-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem;margin-top:.5rem;display:grid}.photo-item{aspect-ratio:1;border-radius:var(--radius-md);border:1px solid var(--border-light);position:relative;overflow:hidden}.photo-item img{object-fit:cover;width:100%;height:100%}.photo-item .btn-remove{color:#fff;cursor:pointer;background-color:rgba(0,0,0,.6);border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex;position:absolute;top:5px;right:5px}.photo-item .btn-remove:hover{background-color:#ef4444;transform:scale(1.1)}.photo-upload-box{aspect-ratio:1}.photo-add-area{border:2px dashed var(--border-medium);border-radius:var(--radius-md);cursor:pointer;width:100%;height:100%;color:var(--text-secondary);background-color:var(--bg-secondary);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;transition:all .2s;display:flex}.photo-add-area:hover{border-color:var(--brand-500);background-color:var(--brand-bg);color:var(--brand-600)}.photo-add-area span{font-size:.8rem;font-weight:600}.summary-with-logo{align-items:center;gap:1.5rem;display:flex}.summary-logo{border-radius:var(--radius-md);object-fit:cover;border:1px solid var(--border-light);width:60px;height:60px}.summary-photos{flex-wrap:wrap;gap:.75rem;margin-top:.5rem;display:flex}.summary-photos img{border-radius:var(--radius-sm);object-fit:cover;border:1px solid var(--border-light);width:80px;height:80px}.text-muted{font-style:italic;color:var(--text-muted)!important}@media (prefers-color-scheme:dark){.onboarding-sidebar{background-color:#020617}}@media (max-width:768px){.onboarding-container{padding:.5rem}.onboarding-card{border-radius:var(--radius-md);flex-direction:column;min-height:auto}.onboarding-sidebar{border-bottom:1px solid rgba(255,255,255,.1);flex-direction:column;align-items:center;gap:1rem;width:100%;padding:1.5rem}.brand-logo{margin-bottom:1rem;font-size:1.25rem}.step-list{scrollbar-width:none;flex-direction:row;justify-content:space-around;gap:.75rem;width:100%;padding-bottom:.5rem;overflow-x:auto}.step-list::-webkit-scrollbar{display:none}.step-item{flex-shrink:0;gap:.25rem}.step-text{display:none}.step-icon-wrapper{width:32px;height:32px}.onboarding-content{padding:1.5rem}.content-header h2{font-size:1.35rem}.content-header p{font-size:.85rem}.input-row{grid-template-columns:1fr;gap:.75rem}.array-input-row{flex-direction:column;gap:.5rem}.media-upload-section{gap:1.5rem}.logo-upload-box{width:100px;height:100px}.summary-grid{grid-template-columns:1fr;gap:1rem;padding:1rem}.summary-section.full-width{grid-column:span 1}.content-footer{flex-direction:column-reverse;gap:.75rem;margin-top:1.5rem;padding-top:1rem}.btn{justify-content:center;width:100%;padding:.65rem 1rem}}.onboarding-modal-overlay{z-index:2000;backdrop-filter:blur(8px);background:rgba(15,23,42,.6);justify-content:center;align-items:center;animation:.3s ease-out modalFadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.onboarding-modal-content{background:var(--bg-primary);border:1px solid var(--border-medium);border-radius:var(--radius-lg);flex-direction:column;gap:1.5rem;width:90%;max-width:450px;padding:2rem;animation:.3s cubic-bezier(.34,1.56,.64,1) modalSlideUp;display:flex;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.onboarding-modal-header{align-items:center;gap:1rem;display:flex;position:relative}.onboarding-modal-header h3{color:var(--text-primary);flex-grow:1;margin:0;font-size:1.25rem;font-weight:700}.onboarding-modal-alert-icon{background:#fef2f2;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;display:flex}.onboarding-modal-close{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.25rem;transition:all .2s;display:flex}.onboarding-modal-close:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.onboarding-modal-body{color:var(--text-secondary);font-size:.95rem;line-height:1.5}.onboarding-modal-footer{justify-content:flex-end;display:flex}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.96)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.categories-select-grid{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;display:flex}.category-select-chip{border-radius:var(--radius-full);border:1px solid var(--border-medium);background-color:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;align-items:center;gap:.25rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.category-select-chip:hover{border-color:var(--brand-500);color:var(--brand-600)}.category-select-chip.selected{background-color:var(--brand-500);color:#fff;border-color:var(--brand-500);box-shadow:0 2px 8px rgba(170,59,255,.2)}.checkbox-label-container{cursor:pointer;align-items:center;gap:.5rem;display:flex}.checkbox-label-container input[type=checkbox]{cursor:pointer;width:18px;height:18px}.checkbox-custom-label{color:var(--text-primary);font-size:.875rem;font-weight:600}.helper-text{color:var(--text-muted);margin-top:-.25rem;margin-bottom:.5rem;font-size:.75rem}.discounts-setup-section{border-top:1px solid var(--border-light);margin-top:1rem;padding-top:1.5rem}.existing-discounts-list{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.discount-item-row{background-color:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);justify-content:space-between;align-items:center;padding:.5rem .75rem;font-size:.875rem;display:flex}.btn-remove-discount{color:#ef4444;cursor:pointer;background:0 0;border:none;font-size:.75rem;font-weight:700}.btn-remove-discount:hover{text-decoration:underline}.add-discount-form-row{align-items:center;gap:.5rem;display:flex}.discount-input-target{flex:2}.discount-select-unit{flex:1}.discount-input-value{width:80px}.btn-add-discount{background-color:var(--brand-500);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;padding:.75rem 1rem;font-size:.875rem;font-weight:700;transition:background-color .2s}.btn-add-discount:hover{background-color:var(--brand-600)}.phone-verification-input-wrapper{align-items:center;gap:.5rem;display:flex}.phone-verification-input-wrapper input{flex:1}.phone-badge.verified{color:#15803d;border-radius:var(--radius-md);white-space:nowrap;background-color:#dcfce7;border:1px solid #bbf7d0;padding:.5rem 1rem;font-size:.875rem;font-weight:600}.btn-verify{background-color:var(--brand-500);color:#fff;cursor:pointer;white-space:nowrap;border-radius:var(--radius-md);border:none;padding:.75rem 1.25rem;font-weight:600;transition:all .2s}.btn-verify:hover:not(:disabled){background-color:var(--brand-600)}.btn-verify:disabled{opacity:.5;cursor:not-allowed}.btn-change-phone{color:#e11d48;cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:.25rem 0;font-size:.75rem;font-weight:600;text-decoration:underline;transition:color .2s}.btn-change-phone:hover{color:#be123c}.otp-verification-section{background-color:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-md);margin-top:.5rem;padding:1.25rem}.otp-input-wrapper{gap:.5rem;display:flex}.otp-input-wrapper input{text-align:center;letter-spacing:.25em;flex:1;font-size:1.25rem;font-weight:700}.btn-otp-confirm{padding:.75rem 1.5rem;font-weight:700}.otp-message{border-radius:var(--radius-md);margin-top:.5rem;padding:.5rem .75rem;font-size:.85rem;font-weight:500}.otp-message.error{color:#be123c;background-color:#ffe4e6;border:1px solid #fecdd3}.otp-message.success{color:#047857;background-color:#ecfdf5;border:1px solid #a7f3d0}.landing-container{min-height:100vh;color:var(--text-primary);background-color:#f8fafc;font-family:Inter,sans-serif}.landing-hero{color:#fff;text-align:center;background:linear-gradient(135deg,#1a1a1a 0%,#333 100%);padding:6rem 2rem;position:relative;overflow:hidden}.landing-hero:after{content:"";background:radial-gradient(circle,rgba(170,59,255,.1) 0%,transparent 70%);position:absolute;top:0;bottom:0;left:0;right:0}.hero-content{z-index:1;max-width:800px;margin:0 auto;position:relative}.business-logo-large{border:4px solid var(--brand-500);background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;margin:0 auto 2rem;display:flex;box-shadow:0 10px 30px rgba(0,0,0,.3)}.business-logo-placeholder{color:var(--brand-500);font-size:3rem;font-weight:800}.landing-hero h1{letter-spacing:-.02em;margin-bottom:1rem;font-size:3.5rem;font-weight:800}.business-badge{backdrop-filter:blur(10px);background-color:rgba(255,255,255,.1);border-radius:100px;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.5rem 1rem;font-size:.9rem;font-weight:600;display:inline-flex}.status-dot{background-color:#22c55e;border-radius:50%;width:10px;height:10px;box-shadow:0 0 10px #22c55e}.landing-main{z-index:2;grid-template-columns:2fr 1fr;gap:2rem;max-width:1100px;margin:-4rem auto 4rem;padding:0 2rem;display:grid;position:relative}.landing-card{border-radius:var(--radius-lg);background-color:#fff;margin-bottom:2rem;padding:2.5rem;box-shadow:0 4px 20px rgba(0,0,0,.05)}.landing-card h2{color:var(--text-primary);align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:1.5rem;display:flex}.landing-card h2 svg{color:var(--brand-500)}.landing-features{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;display:grid}.feature-pill{border-radius:var(--radius-md);background-color:#f1f5f9;align-items:center;gap:.75rem;padding:1rem;font-size:.9rem;font-weight:500;display:flex}.sidebar-info{flex-direction:column;gap:1.5rem;display:flex}.info-box{border-radius:var(--radius-lg);background-color:#fff;padding:2rem;box-shadow:0 4px 20px rgba(0,0,0,.05)}.info-item{gap:1rem;margin-bottom:1.5rem;display:flex}.info-icon{background-color:var(--brand-bg);width:40px;height:40px;color:var(--brand-600);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;display:flex}.info-text h4{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;font-size:.85rem}.info-text p{color:var(--text-primary);font-weight:600}.btn-whatsapp{color:#fff;border-radius:var(--radius-md);background-color:#25d366;justify-content:center;align-items:center;gap:.75rem;width:100%;padding:1rem;font-weight:700;text-decoration:none;transition:all .3s;display:flex;box-shadow:0 4px 15px rgba(37,211,102,.3)}.btn-whatsapp:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(37,211,102,.4)}.breadcrumb-nav{color:rgba(255,255,255,.6);z-index:3;max-width:1100px;margin:2rem auto -4rem;padding:0 2rem;font-size:.85rem;position:relative}.breadcrumb-nav span{margin:0 .5rem}@media (max-width:768px){.landing-main{grid-template-columns:1fr;margin-top:-2rem}.landing-hero h1{font-size:2.5rem}}.panel-container{background-color:var(--bg-primary);width:100vw;height:100vh;display:flex;overflow:hidden}.panel-sidebar{color:#fff;background-color:#0f172a;flex-direction:column;flex-shrink:0;width:260px;display:flex}.sidebar-header{border-bottom:1px solid rgba(255,255,255,.05);padding:2rem 1.5rem}.sidebar-nav{flex-direction:column;flex:1;gap:.5rem;min-height:0;padding:1.5rem 1rem;display:flex;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:rgba(255,255,255,.1)}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.2)}.nav-item{border-radius:var(--radius-md);color:#94a3b8;cursor:pointer;align-items:center;gap:.75rem;padding:.875rem 1rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover{color:#fff;background-color:rgba(255,255,255,.05)}.nav-item.active{background-color:var(--brand-500);color:#fff;box-shadow:0 4px 12px rgba(170,59,255,.25)}.sidebar-footer{border-top:1px solid rgba(255,255,255,.05);flex-direction:column;gap:.5rem;padding:1rem;display:flex}.logout-btn{text-align:left;border:none;width:100%}.logout-btn:hover{color:var(--error);background-color:rgba(239,68,68,.1)}.panel-main{flex-direction:column;flex:1;display:flex;overflow:hidden}.panel-topbar{background-color:var(--bg-primary);border-bottom:1px solid var(--border-light);flex-shrink:0;justify-content:space-between;align-items:center;height:70px;padding:0 2rem;display:flex}.search-bar{background-color:var(--bg-secondary);border-radius:var(--radius-full);width:350px;color:var(--text-secondary);align-items:center;gap:.75rem;padding:.6rem 1rem;display:flex}.search-bar input{width:100%;color:var(--text-primary);background:0 0;border:none;outline:none;font-size:.9rem}.topbar-actions{align-items:center;gap:1.5rem;display:flex}.icon-btn{color:var(--text-secondary);transition:color .2s;position:relative}.icon-btn:hover{color:var(--brand-500)}.badge{background-color:var(--brand-500);color:#fff;border-radius:var(--radius-full);border:2px solid var(--bg-primary);padding:2px 5px;font-size:.7rem;position:absolute;top:-5px;right:-5px}.business-info{border-left:1px solid var(--border-light);align-items:center;gap:.75rem;padding-left:1.5rem;display:flex}.business-avatar{background-color:var(--brand-bg);width:36px;height:36px;color:var(--brand-500);border-radius:var(--radius-md);justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.business-details{flex-direction:column;display:flex}.business-name{color:var(--text-primary);font-size:.9rem;font-weight:600}.business-role{color:var(--text-secondary);font-size:.75rem}.content-area{background-color:var(--bg-secondary);flex:1;padding:2rem;overflow-y:auto}.notification-dropdown-container{display:inline-block;position:relative}.notification-dropdown{background-color:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);z-index:1000;border-color:var(--border-light);flex-direction:column;width:340px;display:flex;position:absolute;top:45px;right:0;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.15)}.notification-header{border-bottom:1px solid var(--border-light);background-color:var(--bg-secondary);justify-content:space-between;align-items:center;padding:1rem;display:flex}.notification-header h3{color:var(--text-primary);margin:0;font-size:.95rem;font-weight:700}.mark-all-read-btn{color:var(--brand-600);cursor:pointer;background:0 0;border:none;padding:0;font-size:.75rem;font-weight:600}.mark-all-read-btn:hover{color:var(--brand-700);text-decoration:underline}.notification-list{flex-direction:column;max-height:380px;display:flex;overflow-y:auto}.notification-item{border-bottom:1px solid var(--border-light);cursor:pointer;text-align:left;flex-direction:column;padding:1rem 1rem 1rem 1.75rem;transition:background-color .2s;display:flex;position:relative}.notification-item:hover{background-color:var(--bg-secondary)}.notification-item.unread{background-color:rgba(170,59,255,.03)}.notification-item.unread:before{content:"";border-radius:var(--radius-full);background-color:var(--brand-500);width:7px;height:7px;box-shadow:0 0 6px var(--brand-500);position:absolute;top:1.25rem;left:12px}.notification-item-header{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.notification-item-title{color:var(--text-primary);font-size:.85rem;font-weight:700}.notification-item-time{color:var(--text-secondary);white-space:nowrap;font-size:.7rem}.notification-item-body{color:var(--text-secondary);font-size:.8rem;line-height:1.35}.notification-empty{text-align:center;color:var(--text-secondary);padding:2.5rem 1rem;font-size:.85rem}@media (prefers-color-scheme:dark){.panel-topbar{border-bottom-color:#1e293b}.business-info{border-left-color:#1e293b}.notification-dropdown{background-color:#0f172a;border-color:#1e293b;box-shadow:0 10px 30px rgba(0,0,0,.3)}.notification-header{background-color:#1e293b;border-bottom-color:#1e293b}.notification-item{border-bottom-color:#1e293b}.notification-item:hover{background-color:#1e293b}.notification-item.unread{background-color:rgba(170,59,255,.05)}}.socket-error-overlay{backdrop-filter:blur(8px);z-index:9999;background-color:rgba(15,23,42,.85);justify-content:center;align-items:center;animation:.3s ease-out fadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.socket-error-modal{background-color:var(--bg-primary,#fff);border:1px solid var(--border-light,#e2e8f0);border-radius:var(--radius-lg,12px);text-align:center;border-top:6px solid var(--error,#ef4444);width:90%;max-width:480px;padding:2.5rem;animation:.3s cubic-bezier(.34,1.56,.64,1) scaleUp;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.socket-error-icon{margin-bottom:1rem;font-size:3.5rem;animation:2s infinite pulse;display:inline-block}.socket-error-modal h2{color:var(--text-primary,#0f172a);margin-bottom:.75rem;font-size:1.5rem;font-weight:700}.socket-error-modal p{color:var(--text-secondary,#475569);margin-bottom:1rem;font-size:.95rem;line-height:1.5}.socket-error-modal .subtext{color:var(--text-muted,#64748b);background-color:var(--bg-secondary,#f8fafc);border-radius:var(--radius-md,8px);margin-bottom:1.5rem;padding:.75rem 1rem;font-size:.85rem}.socket-error-modal .retry-btn{background-color:var(--error,#ef4444);color:#fff;border-radius:var(--radius-md,8px);cursor:pointer;border:none;padding:.75rem 2rem;font-size:.95rem;font-weight:600;transition:background-color .2s,transform .1s;box-shadow:0 4px 6px -1px rgba(239,68,68,.2)}.socket-error-modal .retry-btn:hover{background-color:#dc2626;transform:translateY(-1px)}.socket-error-modal .retry-btn:active{transform:translateY(0)}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@media (prefers-color-scheme:dark){.socket-error-modal{color:#fff;background-color:#1e293b;border-color:#334155}.socket-error-modal h2{color:#fff}.socket-error-modal p{color:#94a3b8}.socket-error-modal .subtext{color:#64748b;background-color:#0f172a}}.mobile-menu-btn,.mobile-sidebar-close-btn,.mobile-search-btn,.mobile-search-overlay,.sidebar-overlay{display:none}@media (max-width:768px){.panel-sidebar{z-index:2000;transition:left .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:-260px;box-shadow:0 0 20px rgba(0,0,0,.3);flex-direction:column!important;height:100%!important;display:flex!important}.panel-sidebar.open{left:0}.sidebar-header{justify-content:space-between;align-items:center;padding:1.5rem 1.25rem;display:flex}.mobile-sidebar-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:color .2s;display:flex}.mobile-sidebar-close-btn:hover{color:#fff}.sidebar-overlay{backdrop-filter:blur(4px);z-index:1999;background-color:rgba(15,23,42,.6);animation:.2s ease-out fadeIn;display:block;position:fixed;top:0;bottom:0;left:0;right:0}.panel-topbar{padding:0 1rem}.search-bar.desktop-only{display:none}.mobile-menu-btn{color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;padding:.5rem .25rem;display:flex}.mobile-search-btn{color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;margin-left:auto;margin-right:.5rem;padding:.5rem;display:flex}.topbar-actions{gap:1rem}.business-info{padding-left:1rem}.content-area{padding:1rem}.mobile-search-overlay{background-color:var(--bg-primary);z-index:100;align-items:center;padding:0 1rem;animation:.2s ease-out fadeIn;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.mobile-search-container{align-items:center;gap:.75rem;width:100%;display:flex}.mobile-search-container input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:1rem}.mobile-search-close{color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;padding:.5rem;display:flex}}@media (max-width:480px){.business-details{display:none}.business-info{border-left:none;padding-left:.5rem}}.is-mobile-app .sidebar-overlay{background-color:rgba(15,23,42,.88)!important}.is-mobile-app .panel-sidebar{background-color:#0f172a!important}.ciro-widget{border-radius:var(--radius-md);color:#fff;background:linear-gradient(135deg,#40136c 0%,#300845 100%);border:1px solid #6629a3;flex-direction:column;gap:.35rem;min-width:280px;margin:0 1.5rem;padding:.5rem 1rem;font-family:inherit;display:flex;box-shadow:0 4px 15px rgba(170,59,255,.2)}.ciro-widget-header{align-items:center;gap:.5rem;font-size:.825rem;display:flex}.heart-icon{font-size:1.1rem;animation:1.2s ease-in-out infinite heartPulse;display:inline-block}.saved-text{color:#d9b3ff;font-weight:500}.saved-text strong{color:#5eed8e}.ciro-progress-bar-container{border-radius:var(--radius-full);background-color:rgba(255,255,255,.15);height:6px;overflow:hidden}.ciro-progress-bar{border-radius:var(--radius-full);background:linear-gradient(90deg,#93f 0%,#30e86e 100%);height:100%;transition:width .4s ease-out}.ciro-widget-footer{color:#ccbddb;justify-content:space-between;font-size:.75rem;font-weight:600;display:flex}@keyframes heartPulse{0%{transform:scale(1)}15%{transform:scale(1.3)}30%{transform:scale(1.1)}45%{transform:scale(1.4)}70%{transform:scale(1)}to{transform:scale(1)}}.nav-item.blink-red{animation:1.5s infinite redBlink;color:#fff!important}@keyframes redBlink{0%{background-color:rgba(239,68,68,.2);box-shadow:0 0 4px rgba(239,68,68,.4)}50%{background-color:rgba(239,68,68,.8);box-shadow:0 0 12px rgba(239,68,68,.8)}to{background-color:rgba(239,68,68,.2);box-shadow:0 0 4px rgba(239,68,68,.4)}}.lockout-overlay{background-color:var(--bg-secondary);justify-content:center;align-items:center;width:100%;min-height:70vh;padding:2rem;display:flex}.lockout-card{background-color:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);text-align:center;border-top:6px solid var(--brand-500);flex-direction:column;gap:1.25rem;width:100%;max-width:540px;padding:3rem 2.5rem;animation:.4s cubic-bezier(.34,1.56,.64,1) scaleUp;display:flex;box-shadow:0 20px 40px rgba(0,0,0,.12)}.lockout-heart-container{margin-bottom:.5rem;font-size:3rem}.lockout-heart-pulse{animation:1.2s ease-in-out infinite heartPulse;display:inline-block}.lockout-card h2{color:var(--text-primary);margin:0;font-size:1.75rem;font-weight:800}.lockout-card p{color:var(--text-secondary);margin:0;font-size:.975rem;line-height:1.6}.lockout-saved-box{border-radius:var(--radius-md);color:var(--text-primary);background:linear-gradient(135deg,rgba(16,185,129,.08) 0%,rgba(16,185,129,.02) 100%);border:1px dashed rgba(16,185,129,.3);padding:1.25rem}.lockout-saved-box span{color:var(--text-secondary);margin-bottom:.25rem;font-size:.85rem;display:block}.lockout-saved-box h3{color:#10b981;margin:0;font-size:2rem;font-weight:800}.lockout-desc{color:var(--text-muted)!important;font-size:.9rem!important}.lockout-actions{flex-direction:column;align-items:center;gap:.75rem;margin-top:.5rem;display:flex}@media (prefers-color-scheme:dark){.lockout-card{background-color:#0f172a;border-color:#1e293b;box-shadow:0 20px 40px rgba(0,0,0,.4)}}html.is-mobile-app .panel-topbar{padding-top:env(safe-area-inset-top,5px);height:calc(70px + env(safe-area-inset-top,5px))}html.is-mobile-app .panel-sidebar{padding-top:env(safe-area-inset-top,5px)}html.is-mobile-app .sidebar-footer{padding-bottom:calc(1rem + env(safe-area-inset-bottom,0px))}.socket-disconnected-banner{color:#fff;text-align:center;z-index:99;box-sizing:border-box;background-color:#ef4444;justify-content:center;align-items:center;width:100%;padding:.6rem 1rem;font-size:.9rem;font-weight:600;display:flex;box-shadow:0 2px 8px rgba(239,68,68,.2)}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.network-toast{z-index:9999;border-radius:var(--radius-xl,12px);box-shadow:var(--shadow-lg,0 10px 25px -5px rgba(0,0,0,.3));backdrop-filter:blur(12px);pointer-events:none;justify-content:center;align-items:center;padding:.75rem 1.5rem;animation:.35s cubic-bezier(.16,1,.3,1) forwards toastSlideDown;display:flex;position:fixed;top:1.5rem;left:50%;transform:translate(-50%)}.network-toast-content{color:#fff;letter-spacing:-.01em;align-items:center;gap:.625rem;font-size:.875rem;font-weight:700;display:flex}.network-toast.offline{background-color:rgba(239,68,68,.9);border:1px solid rgba(239,68,68,.3)}.network-toast.online{background-color:rgba(34,197,94,.9);border:1px solid rgba(34,197,94,.3)}.network-toast-icon{flex-shrink:0}.offline-icon{animation:1.5s ease-in-out infinite wifiOffPulse}.online-icon{animation:.6s ease-out wifiOnBounce}@keyframes toastSlideDown{0%{opacity:0;transform:translate(-50%,-24px)scale(.95)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes wifiOffPulse{0%{opacity:.6;transform:scale(.9)}50%{opacity:1;transform:scale(1.05)}to{opacity:.6;transform:scale(.9)}}@keyframes wifiOnBounce{0%{transform:translateY(0)}30%{transform:translateY(-4px)}50%{transform:translateY(0)}75%{transform:translateY(-2px)}to{transform:translateY(0)}}@media (max-width:480px){.network-toast{width:90%;padding:.65rem 1rem;top:1rem}.network-toast-content{font-size:.813rem}}.dashboard-container{flex-direction:column;gap:2rem;display:flex}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.stat-card{background-color:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);align-items:center;gap:1.25rem;padding:1.5rem;transition:transform .2s;display:flex}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-icon.revenue{color:#10b981;background-color:rgba(16,185,129,.1)}.stat-icon.orders{color:var(--brand-500);background-color:rgba(170,59,255,.1)}.stat-icon.customers{color:#3b82f6;background-color:rgba(59,130,246,.1)}.stat-icon.time{color:#f59e0b;background-color:rgba(245,158,11,.1)}.stat-info{flex-direction:column;display:flex}.stat-label{color:var(--text-secondary);font-size:.85rem}.stat-value{color:var(--text-primary);font-size:1.5rem;font-weight:700}.live-orders-header{justify-content:space-between;align-items:center;margin-bottom:-.5rem;display:flex}.live-orders-header h2{color:var(--text-primary);font-size:1.25rem}.live-indicator{color:#ef4444;border-radius:var(--radius-full);background-color:rgba(239,68,68,.1);align-items:center;gap:.5rem;padding:4px 10px;font-size:.85rem;font-weight:600;display:flex}.live-indicator .dot{background-color:#ef4444;border-radius:50%;width:8px;height:8px;animation:1.5s infinite pulse}.orders-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;display:grid}.order-card{background-color:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);flex-direction:column;gap:1rem;padding:1.25rem;transition:all .2s;display:flex;position:relative}.order-card:hover{box-shadow:var(--shadow-md);border-color:var(--brand-400)}.order-card-header{justify-content:space-between;align-items:center;display:flex}.order-id{color:var(--text-muted);font-size:.8rem;font-weight:700}.order-time{color:var(--text-secondary);font-size:.85rem}.more-btn{color:var(--text-muted);border-radius:4px;padding:4px}.more-btn:hover{background-color:var(--bg-secondary)}.order-customer{flex-direction:column;gap:.5rem;display:flex}.customer-main{flex-direction:column;display:flex}.customer-name{color:var(--text-primary);font-size:1.1rem;font-weight:700}.customer-phone{color:var(--text-secondary);align-items:center;gap:4px;font-size:.85rem;display:flex}.memory-alert-mini{color:#c2410c;border-radius:var(--radius-md);background-color:#fff7ed;border:1px solid #fed7aa;align-items:center;gap:6px;padding:6px 10px;font-size:.8rem;font-weight:600;display:flex}.order-items{border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light);flex-direction:column;gap:.5rem;min-height:80px;padding:1rem 0;display:flex}.order-item{gap:10px;font-size:.95rem;display:flex}.item-qty{color:var(--brand-500);font-weight:700}.item-name{color:var(--text-primary)}.order-footer{justify-content:space-between;align-items:center;margin-top:.5rem;display:flex}.order-total{color:var(--text-primary);font-size:1.25rem;font-weight:800}.btn-action{border-radius:var(--radius-md);color:#fff;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.btn-action.prepare{background-color:var(--brand-500)}.btn-action.prepare:hover{background-color:var(--brand-600)}.btn-action.deliver{background-color:#3b82f6}.btn-action.deliver:hover{background-color:#2563eb}.btn-action.complete{background-color:#10b981}.btn-action.complete:hover{background-color:#059669}.status-badge.delivered{color:#10b981;background-color:rgba(16,185,129,.1)}.order-card.status-pending{border-left:4px solid var(--brand-500)}.order-card.status-preparing{border-left:4px solid #3b82f6}.order-card.status-on_way{border-left:4px solid #f59e0b}.loading-state{height:100%;color:var(--text-secondary);justify-content:center;align-items:center;display:flex}@media (prefers-color-scheme:dark){.memory-alert-mini{background-color:rgba(194,65,12,.1);border-color:rgba(194,65,12,.2)}}.courier-select-card{background-color:var(--bg-primary);border:1px solid var(--border-medium);border-radius:var(--radius-md);justify-content:space-between;align-items:center;padding:.85rem 1rem;transition:all .2s;display:flex}.courier-vehicle{color:var(--text-secondary);font-size:.85rem}@media (max-width:768px){.dashboard-container{gap:1rem}.stats-grid,.orders-grid{grid-template-columns:1fr;gap:1rem}.order-footer{flex-direction:column;align-items:stretch;gap:.75rem}.order-actions{width:100%}.order-actions .btn-action{justify-content:center;width:100%;padding:.75rem 1rem}.modal-backdrop{align-items:center;padding:1rem}.modal-card{width:95%;max-width:100%;max-height:90vh;overflow-y:auto}.courier-select-card{flex-direction:column;gap:1rem;align-items:stretch!important}.courier-select-card button{width:100%}}.customers-container{flex-direction:column;gap:1.5rem;display:flex}.customers-header{justify-content:space-between;align-items:center;display:flex}.header-info h1{color:var(--text-primary);margin-bottom:.25rem;font-size:1.75rem}.header-info p{color:var(--text-secondary)}.search-section{background-color:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-light);padding:1rem}.search-box{background-color:var(--bg-secondary);border-radius:var(--radius-md);color:var(--text-muted);align-items:center;gap:.75rem;width:100%;max-width:500px;padding:.75rem 1.25rem;display:flex}.search-box input{width:100%;color:var(--text-primary);background:0 0;border:none;outline:none;font-size:.95rem}.customers-table-wrapper{background-color:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-light);-webkit-overflow-scrolling:touch;box-shadow:var(--shadow-sm);overflow-x:auto}.customers-table{border-collapse:collapse;text-align:left;width:100%}.customers-table th{background-color:var(--bg-secondary);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);padding:1rem 1.5rem;font-size:.8rem;font-weight:700}.customers-table td{border-bottom:1px solid var(--border-light);color:var(--text-primary);padding:1.25rem 1.5rem;font-size:.95rem}.clickable-row{cursor:pointer;transition:background-color .2s}.clickable-row:hover{background-color:var(--brand-bg)}.customer-cell{align-items:center;gap:.75rem;display:flex}.customer-avatar{background-color:var(--border-medium);width:32px;height:32px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;display:flex}.customer-name{font-weight:600}.contact-cell,.stats-cell,.date-cell{color:var(--text-secondary);align-items:center;gap:8px;display:flex}.note-badge{color:var(--brand-600);border-radius:var(--radius-full);background-color:rgba(170,59,255,.1);align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.kvkk-badge{border-radius:var(--radius-full);align-items:center;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.kvkk-badge.full{color:#10b981;background-color:rgba(16,185,129,.1)}.kvkk-badge.partial{color:#f59e0b;background-color:rgba(245,158,11,.1)}.btn-icon{color:var(--text-muted);transition:color .2s}.btn-icon:hover{color:var(--brand-500)}.modal-overlay{z-index:1000;backdrop-filter:blur(4px);background-color:rgba(0,0,0,.5);justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal-content{background-color:var(--bg-primary);border-radius:var(--radius-lg);width:90%;max-width:600px;max-height:90vh;box-shadow:var(--shadow-lg);flex-direction:column;display:flex}.customer-detail-modal{border-top:4px solid var(--brand-500)}.header-title{color:var(--brand-500);align-items:center;gap:10px;display:flex}.modal-body{flex-direction:column;gap:2rem;padding:2rem;display:flex;overflow-y:auto}.info-card{background-color:var(--bg-secondary);border-radius:var(--radius-md);grid-template-columns:repeat(3,1fr);gap:1rem;padding:1.25rem;display:grid}.info-item{flex-direction:column;gap:4px;display:flex}.info-item label{text-transform:uppercase;color:var(--text-muted);align-items:center;gap:4px;font-size:.7rem;font-weight:700;display:flex}.info-item span{font-size:.95rem;font-weight:600}.section-header{color:var(--text-primary);align-items:center;gap:10px;margin-bottom:1rem;display:flex}.section-header h3{font-size:1.1rem}.memory-textarea{border:2px solid var(--brand-bg);border-radius:var(--radius-md);background-color:#faf5ff;outline:none;width:100%;min-height:120px;padding:1rem;font-family:inherit;font-size:1rem;transition:border-color .2s}.memory-textarea:focus{border-color:var(--brand-400)}.mini-history-list{flex-direction:column;gap:.75rem;display:flex}.history-item{background-color:var(--bg-secondary);border-radius:var(--radius-md);justify-content:space-between;padding:.75rem;font-size:.85rem;display:flex}.history-date{color:var(--text-muted);font-weight:700}.history-items{color:var(--text-primary);flex:1;margin:0 1rem}.history-price{color:var(--brand-600);font-weight:700}.modal-footer{border-top:1px solid var(--border-light);justify-content:flex-end;gap:1rem;padding:1.5rem;display:flex}@media (prefers-color-scheme:dark){.memory-textarea{color:#fff;background-color:rgba(170,59,255,.05);border-color:rgba(170,59,255,.1)}}.btn-danger{background-color:var(--error);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-danger:hover{background-color:#dc2626;box-shadow:0 4px 12px rgba(239,68,68,.2)}.btn-danger:active{transform:translateY(1px)}@media (max-width:768px){.customers-container{gap:1rem}.customers-header{flex-direction:column;align-items:flex-start;gap:.5rem}.customers-header h1{font-size:1.5rem}.customers-table{min-width:700px}.modal-overlay{align-items:center;padding:1rem}.modal-content{width:95%;max-height:90vh;overflow-y:auto}.modal-body{gap:1rem;padding:1rem}.info-card{grid-template-columns:1fr;gap:.75rem;padding:1rem}}.customers-mobile-list{display:none}@media (max-width:768px){.customers-table-wrapper{display:none}.customers-mobile-list{flex-direction:column;gap:.75rem;display:flex}.customer-mobile-card{background-color:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-sm);flex-direction:column;gap:.75rem;padding:1rem;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.customer-mobile-card:hover{box-shadow:var(--shadow-md);border-color:var(--brand-300);transform:translateY(-2px)}.card-header-row{justify-content:space-between;align-items:center;display:flex}.cust-avatar-name{align-items:center;gap:.5rem;display:flex}.card-body-row{border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light);grid-template-columns:1fr 1fr;gap:.5rem;padding:.5rem 0;display:grid}.card-footer-row{justify-content:space-between;align-items:center;font-size:.8rem;display:flex}.no-note{color:var(--text-muted);font-size:.75rem}}.profile-container{max-width:1100px;margin:0 auto;padding:2rem}.profile-header-card{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-light);margin-bottom:2rem;overflow:hidden}.profile-cover{background:linear-gradient(135deg, var(--brand-500), var(--brand-400));background-repeat:no-repeat;height:240px;position:relative}.cover-overlay{background:linear-gradient(transparent 0%,rgba(0,0,0,.3) 100%);position:absolute;top:0;bottom:0;left:0;right:0}.profile-info-row{align-items:flex-end;gap:2.5rem;margin-top:-20px;padding:0 2.5rem 2.5rem;display:flex}.profile-avatar{border-radius:var(--radius-lg);width:140px;height:140px;box-shadow:var(--shadow-lg);z-index:5;background:#fff;border:4px solid #fff;justify-content:center;align-items:center;display:flex;overflow:hidden}.profile-avatar img{object-fit:cover;width:100%;height:100%}.profile-main-meta{flex:1;padding-bottom:1.5rem}.profile-main-meta h1{color:var(--text-primary);word-break:break-word;margin-bottom:.25rem;font-size:2.5rem;font-weight:800}.business-type{color:var(--text-secondary);font-size:1.1rem}.profile-actions{gap:1rem;padding-bottom:.5rem;display:flex}.profile-grid{grid-template-columns:350px 1fr;gap:2rem;display:grid}.card{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);margin-bottom:1.5rem;padding:1.5rem}.card h3{margin-bottom:1.25rem;font-size:1.1rem;font-weight:600}.onboarding-card-link{background:var(--brand-bg);border:1px solid var(--brand-400);text-align:center}.card-icon{border-radius:var(--radius-md);width:50px;height:50px;color:var(--brand-500);box-shadow:var(--shadow-sm);background:#fff;justify-content:center;align-items:center;margin:0 auto 1rem;display:flex}.onboarding-card-link p{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.9rem}.contact-item{color:var(--text-secondary);align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.summary-list{flex-direction:column;gap:1rem;display:flex}.summary-item{justify-content:space-between;display:flex}.summary-item .label{color:var(--text-muted)}.summary-item .value{font-weight:500}.section-divider{background:var(--border-light);height:1px;margin:1.5rem 0}.tag-cloud{flex-wrap:wrap;gap:.5rem;display:flex}.tag{background:var(--bg-secondary);border-radius:var(--radius-full);color:var(--text-secondary);border:1px solid var(--border-light);padding:.4rem .8rem;font-size:.85rem}.tag.purple{background:var(--brand-bg);color:var(--brand-600);border-color:var(--brand-400)}.social-grid{flex-direction:column;gap:1rem;display:flex}.social-link{background:var(--bg-secondary);border-radius:var(--radius-md);color:var(--text-secondary);align-items:center;gap:1rem;padding:.75rem;display:flex}.status-badge{border-radius:var(--radius-sm);padding:.25rem .6rem;font-size:.8rem;font-weight:600}.status-badge.active{color:#166534;background:#dcfce7}.btn-full{justify-content:center;width:100%}.btn-purple{background:var(--brand-500);color:#fff}.btn-purple:hover{background:var(--brand-600)}.welcome-card{text-align:center;background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-light);flex-direction:column;align-items:center;gap:1.5rem;padding:4rem 2rem;display:flex}.welcome-card h1{color:var(--text-primary);font-size:2.5rem}.welcome-card p{color:var(--text-secondary);max-width:500px;font-size:1.2rem}.welcome-card svg{color:var(--brand-500)}@media (max-width:900px){.profile-grid{grid-template-columns:1fr}.profile-info-row{text-align:center;flex-direction:column;align-items:center;margin-top:-60px}.profile-actions{justify-content:center;width:100%}}.icon-secondary{color:var(--text-muted)}.multi-line{flex-direction:column;gap:.25rem;display:flex}.description-text{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.tag-cloud.gray .tag{background:var(--bg-secondary);color:var(--text-muted)}.media-gallery-card{margin-top:1rem}.profile-photo-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;display:grid}.gallery-item{aspect-ratio:16/9;border-radius:var(--radius-md);border:1px solid var(--border-light);cursor:pointer;transition:transform .3s,box-shadow .3s;overflow:hidden}.gallery-item:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.gallery-item img{object-fit:cover;width:100%;height:100%}@media (max-width:600px){.profile-photo-grid{grid-template-columns:1fr}}@media (max-width:576px){.profile-container{padding:1rem}.profile-cover{height:150px}.profile-info-row{gap:1.5rem;margin-top:-50px;padding:0 1.5rem 1.5rem}.profile-avatar{width:100px;height:100px}.profile-main-meta h1{font-size:1.6rem}.profile-actions{flex-direction:column;width:100%}.profile-actions button,.profile-actions a{justify-content:center;width:100%}}.wizard-container{border:1px solid var(--border-medium);max-width:1000px;box-shadow:var(--shadow-lg);color:var(--text-primary);background:#fff;border-radius:24px;margin:2rem auto;padding:2rem}.processing-overlay{z-index:50;background:rgba(255,255,255,.92);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.processing-overlay h3{color:var(--brand-600);margin:0}.progress-text{color:var(--text-muted);margin:0;font-weight:600}.spinner{border:4px solid var(--border-medium);border-top-color:var(--brand-500);border-radius:50%;width:52px;height:52px;animation:1s linear infinite spin}.image-wrapper{background:rgba(0,0,0,.08);border-radius:12px;margin-bottom:1.25rem;position:relative;overflow:hidden}.section-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.section-header h3{color:var(--text-primary);margin:0;font-size:1.1rem}.wizard-actions{flex-direction:column;gap:.75rem;margin-top:1rem;display:flex}.success-circle{background:var(--success);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;display:flex}.wizard-header{text-align:center;margin-bottom:3rem}.wizard-header h1{color:var(--brand-600);margin-bottom:.5rem;font-size:2.5rem;font-weight:800}.wizard-header p{color:var(--text-secondary)}.wizard-steps{justify-content:space-between;margin-bottom:3rem;display:flex;position:relative}.wizard-steps:before{content:"";background:var(--border-light);z-index:0;height:2px;position:absolute;top:20px;left:0;right:0}.step-item{z-index:1;flex-direction:column;flex:1;align-items:center;gap:.5rem;display:flex;position:relative}.step-number{border:2px solid var(--border-medium);width:40px;height:40px;color:var(--text-muted);background:#fff;border-radius:50%;justify-content:center;align-items:center;font-weight:700;transition:all .3s;display:flex}.step-label{color:var(--text-muted);font-size:.875rem;font-weight:500}.step-item.active .step-number{background:var(--brand-500);border-color:var(--brand-500);color:#fff;box-shadow:0 0 15px rgba(170,59,255,.3)}.step-item.active .step-label{color:var(--brand-600);font-weight:600}.step-item.completed .step-number{background:var(--success);border-color:var(--success);color:#fff}.upload-zone{border:2px dashed var(--border-medium);text-align:center;cursor:pointer;background:var(--bg-secondary);border-radius:16px;padding:4rem;transition:all .3s}.upload-zone:hover{border-color:var(--brand-500);background:var(--brand-bg)}.upload-zone h3{color:var(--text-primary);margin:1rem 0 .5rem}.upload-zone p{color:var(--text-secondary)}.progress-bar{background:var(--border-light);border-radius:4px;width:100%;height:8px;margin-top:2rem;overflow:hidden}.progress-inner{background:var(--brand-500);height:100%;transition:width .3s}.subtitle{color:var(--text-secondary);margin-bottom:2rem}.selection-overlay{z-index:10;cursor:crosshair;background:rgba(0,0,0,.4);width:100%;height:100%;position:absolute;top:0;left:0}.selection-box{border:2px solid var(--primary);cursor:move;z-index:15;background:rgba(124,58,237,.2);position:absolute;box-shadow:0 0 15px rgba(124,58,237,.5)}.selection-box .handle{border:2px solid var(--primary);z-index:20;background:#fff;border-radius:50%;width:10px;height:10px;position:absolute}.handle.tl{cursor:nw-resize;top:-5px;left:-5px}.handle.tr{cursor:ne-resize;top:-5px;right:-5px}.handle.bl{cursor:sw-resize;bottom:-5px;left:-5px}.handle.br{cursor:se-resize;bottom:-5px;right:-5px}.handle.tm{cursor:n-resize;top:-5px;left:calc(50% - 5px)}.handle.bm{cursor:s-resize;bottom:-5px;left:calc(50% - 5px)}.handle.lm{cursor:w-resize;top:calc(50% - 5px);left:-5px}.handle.rm{cursor:e-resize;top:calc(50% - 5px);right:-5px}.selection-box:after{content:"Taranacak Alan";color:#fff;background:var(--primary);border-radius:4px;padding:2px 6px;font-size:10px;position:absolute;top:-20px;left:0}.selection-controls{background:rgba(255,255,255,.05);border-radius:12px;align-items:center;gap:15px;margin-top:15px;padding:10px;display:flex}.switch{width:50px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#4b5563;border-radius:24px;transition:all .4s;position:absolute;top:0;bottom:0;left:0;right:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .4s;position:absolute;bottom:3px;left:3px}.cumulative-badge{background:var(--primary);color:#fff;border-radius:99px;margin-left:10px;padding:2px 8px;font-size:12px}.items-grid{flex-direction:column;gap:.75rem;display:flex}.item-row{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:12px;grid-template-columns:40px 1.5fr 1fr 120px 60px;align-items:center;gap:1rem;padding:.75rem 1rem;display:grid}.item-row input,.item-row select{border:1px solid var(--border-medium);color:var(--text-primary);background:#fff;border-radius:8px;width:100%;padding:.625rem;font-size:.875rem}.item-row input:focus,.item-row select:focus{border-color:var(--brand-500);box-shadow:0 0 0 2px var(--brand-bg);outline:none}.btn-icon{color:var(--text-muted);border-radius:8px;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.btn-icon:hover{color:var(--error);background:#fee2e2}.wizard-footer{border-top:1px solid var(--border-light);justify-content:space-between;margin-top:3rem;padding-top:2rem;display:flex}.btn-primary{background:var(--brand-500);color:#fff;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 2rem;font-weight:600;transition:all .3s;display:flex}.btn-primary:hover{background:var(--brand-600);transform:translateY(-1px)}.btn-secondary{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-medium);border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 2rem;font-weight:600;display:flex}.btn-secondary:hover{background:var(--border-light)}@media (prefers-color-scheme:dark){.wizard-container{background:var(--bg-secondary);border-color:var(--border-medium)}.item-row input,.item-row select{background:var(--bg-primary);border-color:var(--border-medium);color:#fff}}.category-group{margin-bottom:2.5rem}.category-header{color:var(--brand-600);border-left:4px solid var(--brand-500);background:var(--brand-bg);border-radius:8px;margin-bottom:1rem;padding:.5rem 1rem;font-size:1.125rem;font-weight:700}.item-details{flex-direction:column;gap:.25rem;display:flex}.item-description{color:var(--text-muted);padding-left:.25rem;font-size:.75rem;font-style:italic}.price-input-wrapper{align-items:center;display:flex;position:relative}.price-input-wrapper:after{content:"₺";color:var(--text-muted);font-size:.875rem;position:absolute;right:10px}.item-row{grid-template-columns:40px 1.5fr 1fr 120px 60px;align-items:center;display:grid}.btn-ai{cursor:pointer;color:#fff;background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .25s;display:flex;box-shadow:0 4px 15px rgba(124,58,237,.35)}.btn-ai:hover{background:linear-gradient(135deg,#6d28d9,#9333ea);transform:translateY(-1px);box-shadow:0 6px 20px rgba(124,58,237,.45)}.ai-modal-backdrop{backdrop-filter:blur(4px);z-index:1000;background:rgba(0,0,0,.55);justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.ai-modal{background:#fff;border-radius:20px;width:100%;max-width:620px;max-height:90vh;animation:.25s modalFadeIn;overflow-y:auto;box-shadow:0 25px 60px rgba(0,0,0,.25)}.ai-modal-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:flex-start;padding:1.5rem 1.5rem 1rem;display:flex}.ai-modal-header h2{color:var(--text-primary);margin:0;font-size:1.2rem}.ai-modal-header p{color:var(--text-secondary);margin:.2rem 0 0;font-size:.85rem}.ai-icon-badge{color:#fff;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.ai-modal-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:8px;padding:4px;transition:background .2s;display:flex}.ai-modal-close:hover{background:var(--border-light)}.ai-tabs{align-items:center;gap:.5rem;padding:1rem 1.5rem 0;display:flex}.ai-tab{cursor:pointer;border:1px solid var(--border-medium);background:var(--bg-secondary);color:var(--text-secondary);border-radius:8px;padding:.5rem 1.1rem;font-size:.9rem;font-weight:600;transition:all .2s}.ai-tab.active{background:var(--brand-500);color:#fff;border-color:var(--brand-500)}.ai-tab-arrow{color:var(--text-muted);font-size:1rem}.ai-tab-content{padding:1.25rem 1.5rem 1.5rem}.ai-info-box{color:#0369a1;background:#f0f9ff;border:1px solid #bae6fd;border-radius:10px;margin-bottom:1rem;padding:.85rem 1rem;font-size:.9rem}.ai-prompt-box{background:#1e1e2e;border-radius:12px;max-height:260px;padding:1rem 1.25rem;overflow:auto}.ai-prompt-box pre{white-space:pre-wrap;word-break:break-word;color:#cdd6f4;margin:0;font-family:Fira Mono,Consolas,monospace;font-size:.8rem;line-height:1.65}.ai-drop-zone{border:2px dashed var(--border-medium);text-align:center;cursor:pointer;background:var(--bg-secondary);color:var(--text-secondary);border-radius:12px;padding:1.5rem;font-size:.9rem;transition:all .2s}.ai-drop-zone:hover{border-color:var(--brand-500);background:#f5f3ff}.ai-drop-zone p{margin:.25rem 0}.ai-json-textarea{border:1px solid var(--border-medium);resize:vertical;width:100%;color:var(--text-primary);box-sizing:border-box;background:#fafafa;border-radius:10px;padding:.75rem 1rem;font-family:Fira Mono,Consolas,monospace;font-size:.8rem;line-height:1.6;transition:border-color .2s}.ai-json-textarea:focus{border-color:var(--brand-500);outline:none;box-shadow:0 0 0 3px rgba(124,58,237,.1)}.ai-result{border-radius:10px;align-items:center;gap:.5rem;margin-top:.75rem;padding:.75rem 1rem;font-size:.9rem;font-weight:500;display:flex}.ai-result.success{color:#16a34a;background:#f0fdf4;border:1px solid #86efac}.ai-result.error{color:#dc2626;background:#fef2f2;border:1px solid #fca5a5}.img-bulk-zone{border:2px dashed var(--border-medium);text-align:center;cursor:pointer;background:var(--bg-secondary);color:var(--text-secondary);border-radius:14px;flex-direction:column;align-items:center;gap:.15rem;margin-bottom:1.25rem;padding:1.5rem 1rem;font-size:.9rem;transition:all .2s;display:flex}.img-bulk-zone:hover,.img-bulk-zone:focus-within{border-color:var(--brand-500);background:#f5f3ff}.img-bulk-zone p{margin:0}.product-image-grid{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:1rem;margin-top:1rem;display:grid}.product-image-card{border:2px solid var(--border-light);background:var(--bg-secondary);cursor:default;border-radius:14px;transition:border-color .2s,box-shadow .2s,transform .15s;overflow:hidden}.product-image-card:hover{border-color:var(--border-medium);transform:translateY(-2px);box-shadow:0 4px 14px rgba(0,0,0,.08)}.product-image-card.drag-over{border-color:var(--brand-500);background:#f5f3ff;box-shadow:0 0 0 3px rgba(124,58,237,.2)}.product-image-assigned{aspect-ratio:1;width:100%;position:relative}.product-thumb{object-fit:cover;width:100%;height:100%;display:block}.product-image-clear{color:#fff;cursor:pointer;background:rgba(0,0,0,.6);border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;padding:0;transition:background .15s;display:flex;position:absolute;top:6px;right:6px}.product-image-clear:hover{background:rgba(220,38,38,.85)}.product-image-empty{aspect-ratio:1;cursor:pointer;width:100%;color:var(--text-muted);border-bottom:1px solid var(--border-light);flex-direction:column;justify-content:center;align-items:center;gap:.4rem;font-size:.78rem;transition:background .2s;display:flex}.product-image-empty:hover{color:var(--brand-500);background:rgba(124,58,237,.05)}.product-image-label{flex-direction:column;gap:.15rem;padding:.55rem .65rem;display:flex}.product-image-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:600;overflow:hidden}.product-image-category{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}@media (max-width:600px){.product-image-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}}.menu-management-container{max-width:1200px;color:var(--text-primary);margin:0 auto;padding:24px}.menu-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.menu-header h1{margin:0;font-size:24px;font-weight:600}.header-actions{gap:12px;display:flex}.btn-primary{background-color:var(--brand-500);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-weight:500;transition:all .2s;display:flex}.btn-primary:hover{background-color:#53f;transform:translateY(-1px)}.btn-secondary{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-medium);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-weight:500;transition:all .2s;display:flex}.btn-secondary:hover{background-color:var(--border-light)}.category-tabs{border-bottom:1px solid var(--border-light);scrollbar-width:none;gap:16px;margin-bottom:32px;padding-bottom:2px;display:flex;overflow-x:auto}.category-tabs::-webkit-scrollbar{display:none}.category-tab{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid transparent;align-items:center;gap:8px;padding:12px 16px;font-weight:500;transition:all .2s;display:flex}.category-tab:hover{color:var(--text-primary)}.category-tab.active{color:var(--brand-500);border-bottom-color:var(--brand-500);font-weight:600}.category-badge{background-color:var(--bg-secondary);color:var(--text-secondary);border-radius:12px;padding:2px 8px;font-size:12px}.category-tab.active .category-badge{color:var(--brand-500);background-color:rgba(99,102,241,.1)}.btn-add-category{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:12px 16px;display:flex}.btn-add-category:hover{color:var(--brand-500)}.product-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;display:grid}.product-card{border:1px solid var(--border-light);background:#fff;border-radius:16px;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,.05)}.product-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.product-image-container{background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%);justify-content:center;align-items:center;height:160px;display:flex;position:relative}.product-image{object-fit:cover;width:100%;height:100%}.product-image-placeholder{color:var(--text-muted);font-size:48px;font-weight:600}.product-availability-badge{cursor:pointer;user-select:none;background:#fff;border-radius:12px;align-items:center;gap:6px;padding:4px 8px;font-size:12px;font-weight:600;display:flex;position:absolute;top:12px;right:12px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.badge-active{color:var(--success)}.badge-inactive{color:var(--text-muted)}.product-info{padding:16px}.product-name{margin:0 0 4px;font-size:18px;font-weight:600}.product-desc{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;height:40px;margin:0 0 12px;font-size:14px;display:-webkit-box;overflow:hidden}.product-footer{border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-top:16px;padding-top:16px;display:flex}.product-price{color:var(--brand-500);font-size:20px;font-weight:700}.product-actions{gap:8px;display:flex}.btn-icon{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px;transition:all .2s}.btn-icon:hover{background-color:var(--bg-secondary);color:var(--brand-500)}.btn-icon.danger:hover{color:#ef4444;background-color:#fef2f2}.modal-overlay{z-index:1000;backdrop-filter:blur(4px);background:rgba(0,0,0,.5);justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal-content{width:95%;max-width:1000px;box-shadow:var(--shadow-lg);background:#fff;border-radius:16px;flex-direction:column;max-height:90vh;margin:auto;padding:28px;display:flex}.modal-form-body{flex:1;margin-top:4px;padding-right:8px;overflow-y:auto}.form-row-flex{gap:16px;display:flex}.option-row-flex{align-items:center;gap:8px;min-width:620px;margin-bottom:8px;display:flex}.variant-row-flex{align-items:center;gap:8px;min-width:620px;display:flex}.product-image-row-flex{align-items:center;gap:16px;display:flex}@media (max-width:768px){.form-row-flex,.product-image-row-flex{flex-direction:column;gap:12px;align-items:stretch!important}}.modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.modal-header h2{margin:0;font-size:20px}.modal-close{cursor:pointer;color:var(--text-secondary);background:0 0;border:none}.form-group{margin-bottom:16px}.form-group label{color:var(--text-primary);margin-bottom:8px;font-weight:500;display:block}.form-control{border:1px solid var(--border-medium);border-radius:8px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .2s}.form-control:focus{border-color:var(--brand-500);outline:none}.modal-footer{border-top:1px solid var(--border-light);justify-content:flex-end;gap:12px;margin-top:24px;padding-top:16px;display:flex}.empty-state{text-align:center;border:1px dashed var(--border-medium);background:#fff;border-radius:16px;padding:64px 24px}.empty-state-icon{color:var(--text-muted);margin-bottom:16px;font-size:48px}.empty-state h3{color:var(--text-primary);margin:0 0 8px}.empty-state p{color:var(--text-secondary);margin-bottom:24px}.view-mode-tabs{gap:12px;margin-bottom:24px;display:flex}.view-tab{border:1px solid var(--border-medium);color:var(--text-secondary);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-weight:500;transition:all .2s;display:flex}.view-tab:hover{background:var(--bg-secondary)}.view-tab.active{background:var(--brand-500);color:#fff;border-color:var(--brand-500)}.menu-sort-view{border:1px solid var(--border-light);background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 6px -1px rgba(0,0,0,.05)}.sort-actions-bar{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.sort-help-text{color:var(--text-secondary);margin:0;font-size:14px}.sort-list-container{flex-direction:column;gap:16px;display:flex}.sort-category-item{border:1px solid var(--border-medium);background:#fafafa;border-radius:12px;overflow:hidden}.sort-category-header{border-bottom:1px solid var(--border-light);background:#fff;align-items:center;gap:12px;padding:12px 16px;display:flex}.sort-category-title{flex:1;margin:0;font-size:16px;font-weight:600}.sort-drag-handle{color:var(--text-muted);cursor:grab;align-items:center;display:flex}.sort-drag-handle:active{cursor:grabbing}.product-handle{color:var(--text-muted)}.sort-input-group{color:var(--text-secondary);align-items:center;gap:8px;font-size:14px;display:flex}.sort-input{border:1px solid var(--border-medium);text-align:center;border-radius:6px;width:60px;padding:4px 8px}.sort-products-list{flex-direction:column;gap:8px;padding:12px;display:flex}.sort-product-item{border:1px solid var(--border-light);background:#fff;border-radius:8px;align-items:center;gap:12px;padding:8px 16px;display:flex}.sort-product-thumb{object-fit:cover;border-radius:6px;width:40px;height:40px}.sort-product-name{flex:1;font-size:14px;font-weight:500}.sort-empty-products{text-align:center;color:var(--text-muted);padding:16px;font-size:14px;font-style:italic}.product-card-options{flex-wrap:wrap;gap:6px;margin-top:8px;margin-bottom:8px;display:flex}.product-option-pill{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-medium);user-select:none;border-radius:6px;padding:3px 8px;font-size:11px;transition:all .2s}.product-option-pill.option-default{color:var(--brand-500);background:rgba(99,102,241,.08);border-color:rgba(99,102,241,.25);font-weight:600}.options-section{flex-direction:column;display:flex}.btn-add-option-sub{transition:all .2s}.btn-add-option-sub:hover{transform:translateY(-1px);background-color:#53f!important}.options-pool-select select{border-style:dashed;border-color:var(--brand-500);color:var(--brand-500);cursor:pointer;background-color:rgba(99,102,241,.02);font-weight:500}.options-pool-select select option{color:var(--text-primary);font-weight:400}.option-row{animation:.2s ease-out optionRowIn}@keyframes optionRowIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.excel-view-container{background:var(--bg-card);backdrop-filter:blur(10px);border:1px solid var(--border-medium);box-shadow:var(--shadow-sm);border-radius:12px;margin-top:16px;padding:20px}.excel-table-wrapper{border:1px solid var(--border-light);border-radius:8px;overflow-x:auto}.excel-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.excel-table th{background-color:var(--bg-secondary);color:var(--text-secondary);border-bottom:2px solid var(--border-medium);padding:12px 16px;font-weight:600}.excel-table td{border-bottom:1px solid var(--border-light);vertical-align:middle;padding:10px 16px;transition:background-color .3s}.excel-table tr{transition:all .2s}.excel-table tr:hover{background-color:rgba(99,102,241,.02)}.product-cell-name{flex-direction:column;gap:2px;display:flex}.product-cell-name strong{color:var(--text-primary);font-weight:500}.product-cell-desc{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:250px;font-size:11px;overflow:hidden}.excel-input,.excel-select{border:1px solid var(--border-medium);background-color:var(--bg-input);width:100%;color:var(--text-primary);border-radius:6px;padding:8px 12px;font-size:13px;transition:all .2s}.excel-input:focus,.excel-select:focus{border-color:var(--brand-500);outline:none;box-shadow:0 0 0 2px rgba(99,102,241,.15)}.helper-text{color:var(--text-muted);margin-top:2px;font-size:10px;font-weight:400;display:block}.row-saving-saving{background-color:rgba(245,158,11,.05)!important}.row-saving-saving .excel-input,.row-saving-saving .excel-select{border-color:#f59e0b!important}.row-saving-saved{animation:1.5s ease-out glowGreen}@keyframes glowGreen{0%{background-color:rgba(16,185,129,.15)}to{background-color:transparent}}.row-saving-saved .excel-input,.row-saving-saved .excel-select{border-color:#10b981!important}.status-badge-excel{border-radius:12px;padding:3px 8px;font-size:11px;font-weight:500;display:inline-block}.status-badge-excel.saving{color:#d97706;background:rgba(245,158,11,.1)}.status-badge-excel.saved{color:#059669;background:rgba(16,185,129,.1)}.status-badge-excel.ok{background:var(--bg-secondary);color:var(--text-muted)}.product-status-badge{border-radius:12px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:600;display:flex;position:absolute;top:12px;left:12px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.product-status-badge.hidden{color:#f3f4f6;background-color:#374151;border:1px solid #4b5563}.product-status-badge.sold-out{color:#ef4444;background-color:#fef2f2;border:1px solid #fee2e2}.product-status-badge.dine-in-only{color:#10b981;background-color:#ecfdf5;border:1px solid #d1fae5}.sold-out-card{opacity:.75;filter:grayscale(30%)}.sold-out-card .product-image-container{filter:brightness(.9)}.dine-in-price-card{color:var(--text-primary);font-size:18px;font-weight:700}@media (max-width:768px){.menu-management-container{padding:1rem}.menu-header{flex-direction:column;align-items:flex-start;gap:1rem}.header-actions{flex-direction:column;gap:.5rem;width:100%}.header-actions button{justify-content:center;width:100%}.excel-table{min-width:800px}.modal-overlay{padding:1rem}.modal-content{width:100%;max-height:90vh;padding:1.25rem}.modal-header h2{font-size:1.15rem}}.allergens-checkbox-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;margin-top:8px;display:grid}.allergens-checkbox-grid label{cursor:pointer;user-select:none;color:var(--text-primary);align-items:center!important;gap:8px!important;margin-bottom:0!important;font-size:13px!important;font-weight:400!important;display:flex!important}.allergens-checkbox-grid input[type=checkbox]{cursor:pointer;-webkit-appearance:checkbox;appearance:checkbox;flex-shrink:0!important;width:16px!important;height:16px!important;margin:0!important;padding:0!important}.settings-container{max-width:1200px;margin:0 auto;padding:1.5rem}.settings-header{align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.settings-header h1{color:var(--text-primary);font-size:1.75rem;font-weight:700}.settings-header p{color:var(--text-secondary);font-size:.95rem}.settings-tabs{border-bottom:1px solid var(--border-medium);gap:1rem;margin-bottom:2rem;padding-bottom:.5rem;display:flex}.tab-btn{color:var(--text-secondary);border-radius:var(--radius-md) var(--radius-md) 0 0;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.95rem;font-weight:600;transition:all .2s;display:flex;position:relative}.tab-btn:hover{color:var(--brand-500);background-color:var(--brand-bg)}.tab-btn.active{color:var(--brand-500)}.tab-btn.active:after{content:"";background-color:var(--brand-500);border-radius:var(--radius-full);height:3px;position:absolute;bottom:-.55rem;left:0;right:0}.settings-tab-content{animation:.3s fadeIn}.content-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.content-card-header h2{font-size:1.35rem;font-weight:700}.content-card-header p{color:var(--text-secondary);max-width:700px;font-size:.9rem}.staff-table-wrapper{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-medium);background-color:var(--bg-primary);overflow-x:auto}.staff-table{border-collapse:collapse;text-align:left;width:100%}.staff-table th{background-color:var(--bg-secondary);text-transform:uppercase;color:var(--text-secondary);border-bottom:1px solid var(--border-medium);padding:1rem;font-size:.85rem;font-weight:600}.staff-table td{border-bottom:1px solid var(--border-medium);color:var(--text-primary);padding:1.15rem 1rem;font-size:.95rem}.staff-table tbody tr:last-child td{border-bottom:none}.staff-name-col{align-items:center;gap:.75rem;display:flex}.avatar-placeholder{border-radius:var(--radius-full);background-color:var(--brand-bg);width:38px;height:38px;color:var(--brand-500);border:1px solid rgba(170,59,255,.2);justify-content:center;align-items:center;font-size:.9rem;font-weight:700;display:flex}.role-badge{border-radius:var(--radius-full);align-items:center;padding:.25rem .75rem;font-size:.8rem;font-weight:600;display:inline-flex}.role-badge.courier{color:#2563eb;background-color:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.2)}.role-badge.kitchen{color:#d97706;background-color:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.2)}.staff-meta-item{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.9rem;display:flex}.vehicle-info{color:var(--text-secondary);align-items:center;gap:.4rem;font-size:.9rem;display:flex}.plate-badge{background-color:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--text-primary);padding:.1rem .4rem;font-family:monospace;font-size:.75rem;font-weight:700}.status-toggle{border-radius:var(--radius-md);border:1px solid var(--border-medium);align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.status-toggle.active{background-color:rgba(16,185,129,.05);border-color:rgba(16,185,129,.2)}.status-toggle.inactive{background-color:rgba(239,68,68,.05);border-color:rgba(239,68,68,.2)}.status-toggle:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.row-disabled td{opacity:.65}.actions-header,.actions-cell{text-align:right}.btn-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:inline-flex}.btn-icon:hover{background-color:rgba(239,68,68,.08)}.modal-backdrop{backdrop-filter:blur(4px);z-index:1000;background-color:rgba(15,23,42,.6);justify-content:center;align-items:flex-start;padding:2rem 1.5rem;display:flex;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto}.modal-card{background-color:var(--bg-primary);border:1px solid var(--border-medium);border-radius:var(--radius-lg);width:100%;max-width:500px;box-shadow:var(--shadow-lg);flex-direction:column;margin:auto 0;display:flex;overflow:hidden}.modal-header h3{font-size:1.2rem;font-weight:700}.form-group-row{gap:1rem;display:flex}.form-group-row .form-group{flex:1}.form-group input:not([type=checkbox]):not([type=radio]),.form-group select{border-radius:var(--radius-md);border:1px solid var(--border-medium);background-color:var(--bg-primary);width:100%;color:var(--text-primary);outline:none;padding:.65rem .85rem;font-size:.95rem;transition:border-color .2s}.form-group input:not([type=checkbox]):not([type=radio]):focus,.form-group select:focus{border-color:var(--brand-500)}.role-selector{gap:1rem;display:flex}.role-option{border:1px solid var(--border-medium);border-radius:var(--radius-md);cursor:pointer;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-weight:600;transition:all .2s;display:flex}.role-option input{display:none}.role-option.selected{border-color:var(--brand-500);background-color:var(--brand-bg);color:var(--brand-500)}.modal-footer{border-top:1px solid var(--border-medium);background-color:var(--bg-secondary);justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}.credentials-modal{max-width:520px}.header-success{border-bottom:none;align-items:center;gap:.75rem;padding-bottom:.5rem;display:flex}.credentials-desc{color:var(--text-secondary);font-size:.95rem;line-height:1.45}.credential-block{background-color:var(--bg-secondary);border-radius:var(--radius-md);flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.cred-item{justify-content:space-between;align-items:center;display:flex}.cred-label{color:var(--text-secondary);font-size:.9rem}.cred-value{color:var(--text-primary);font-size:.95rem}.cred-value.bold{font-weight:700}.password-block{border-top:1px dashed var(--border-medium);margin-top:.25rem;padding-top:.75rem}.temp-pass{color:var(--brand-500);letter-spacing:.5px;font-family:monospace;font-size:1.15rem;font-weight:800}.link-group{margin-top:.5rem}.link-copy-row{gap:.5rem;display:flex}.read-only-input{font-family:monospace;background-color:var(--bg-secondary)!important;color:var(--text-secondary)!important;font-size:.85rem!important}.section-desc{color:var(--text-secondary);margin-bottom:2rem;font-size:.95rem}.settings-options-list{flex-direction:column;gap:1.5rem;display:flex}.option-row{border:1px solid var(--border-medium);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;padding:1.5rem;transition:all .2s;display:flex}.option-row:hover{border-color:var(--brand-400);background-color:var(--brand-bg)}.option-info{align-items:flex-start;gap:1.25rem;max-width:80%;display:flex}.option-icon-wrapper{color:var(--brand-500);background-color:var(--brand-bg);border-radius:var(--radius-md);padding:.65rem;display:inline-flex}.option-info h3{margin-bottom:.25rem;font-size:1.05rem;font-weight:700}.option-info p{color:var(--text-secondary);font-size:.9rem;line-height:1.4}.switch-btn{cursor:pointer;border-radius:var(--radius-full);background:0 0;border:none;padding:.25rem}.animate-scale{animation:.25s cubic-bezier(.34,1.56,.64,1) scaleUp}.sound-settings-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;margin-top:1rem;display:grid}.sound-option-card{background-color:var(--bg-primary);border:1px solid var(--border-medium);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;justify-content:space-between;gap:1rem;padding:1.25rem;transition:all .2s;display:flex}.sound-option-card:hover{border-color:var(--brand-300);box-shadow:var(--shadow-md);transform:translateY(-2px)}.sound-info h3{color:var(--text-primary);margin-bottom:.25rem;font-size:1.05rem;font-weight:700}.sound-info p{color:var(--text-secondary);font-size:.85rem;line-height:1.35}.sound-action-row{align-items:center;gap:.5rem;display:flex}.sound-action-row select{border-radius:var(--radius-md);border:1px solid var(--border-medium);background-color:var(--bg-primary);min-width:0;color:var(--text-primary);cursor:pointer;text-overflow:ellipsis;outline:none;flex:1;padding:.5rem;font-size:.9rem}.sound-action-row select:focus{border-color:var(--brand-500)}.grid-two-columns{grid-template-columns:1fr 1fr;align-items:start;gap:1.5rem;display:grid}@media (max-width:768px){.grid-two-columns{grid-template-columns:1fr}}.region-select-box{border-bottom:1px solid var(--border-medium);flex-direction:column;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1.5rem;display:flex}.active-regions-list h3{color:var(--text-primary);margin-bottom:.75rem;font-size:1.05rem;font-weight:700}.no-regions-text{color:var(--text-secondary);background-color:var(--bg-secondary);border-radius:var(--radius-md);border:1px dashed var(--border-medium);padding:1rem;font-size:.85rem;line-height:1.4}.regions-grid{flex-wrap:wrap;gap:.5rem;max-height:250px;padding-right:.25rem;display:flex;overflow-y:auto}.region-chip{background-color:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-md);align-items:center;gap:.5rem;padding:.4rem .75rem;transition:all .2s;display:inline-flex}.region-chip:hover{border-color:var(--brand-300);background-color:var(--brand-bg)}.region-chip-text{flex-direction:column;line-height:1.2;display:flex}.region-chip-text strong{color:var(--text-primary);font-size:.85rem}.region-chip-text span{color:var(--text-secondary);font-size:.75rem}.delete-region-btn{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:.15rem;transition:all .15s;display:inline-flex}.delete-region-btn:hover{color:var(--text-error);background-color:rgba(239,68,68,.1)}@media (max-width:768px){.settings-container{padding:1rem}.settings-header{gap:.5rem;margin-bottom:1.5rem}.settings-header h1{font-size:1.5rem}.desktop-tabs{display:none!important}.mobile-tabs-dropdown{margin-bottom:1.5rem;display:block}.settings-tabs-dropdown-container{width:100%}.settings-tabs-dropdown{border-radius:var(--radius-md);border:1px solid var(--border-medium);background-color:var(--bg-primary);width:100%;color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow-sm);outline:none;padding:.75rem 1rem;font-size:.95rem;font-weight:600}.form-group-row{flex-direction:column;gap:1rem}.option-row{flex-direction:column;align-items:flex-start;gap:1rem}.option-info{max-width:100%}.sound-settings-grid{grid-template-columns:1fr}.modal-backdrop{align-items:center;padding:1rem}.modal-card{width:95%;max-width:100%;max-height:90vh;overflow-y:auto}}.status-badge-rt{text-transform:uppercase;border-radius:20px;align-items:center;gap:4px;padding:2px 8px;font-size:.72rem;font-weight:800;display:inline-flex}.status-badge-rt:before{content:"";border-radius:50%;width:6px;height:6px;display:inline-block}.status-badge-rt.online{color:#22c55e;background-color:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.2)}.status-badge-rt.online:before{background-color:#22c55e;box-shadow:0 0 6px #22c55e}.status-badge-rt.offline{color:#64748b;background-color:rgba(100,116,139,.15);border:1px solid rgba(100,116,139,.25)}.status-badge-rt.offline:before{background-color:#64748b}.status-badge-rt.delivery{color:#3b82f6;background-color:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.2)}.status-badge-rt.delivery:before{background-color:#3b82f6;animation:1.5s infinite pulseGlow;box-shadow:0 0 6px #3b82f6}.kitchen-container{flex-direction:column;gap:1.5rem;max-width:100%;height:calc(100vh - 80px);padding:1.5rem;display:flex}.kitchen-header{border-bottom:1px solid var(--border-medium);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:1rem;display:flex}.header-meta{align-items:center;gap:1rem;display:flex}.header-icon{color:var(--brand-500)}.kitchen-header h1{color:var(--text-primary);font-size:1.75rem;font-weight:700}.kitchen-header p{color:var(--text-secondary);font-size:.95rem}.header-actions{align-items:center;gap:1.5rem;display:flex}.kitchen-orders-counter{background-color:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-md);color:var(--text-primary);align-items:center;gap:.75rem;padding:.5rem 1rem;font-size:.95rem;display:flex}.kitchen-orders-counter strong{color:var(--brand-500)}.kitchen-orders-counter .divider{color:var(--text-muted)}.kitchen-columns-grid{flex:1;grid-template-columns:1fr 1fr;gap:1.5rem;min-height:0;display:grid}.kitchen-column{background-color:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-lg);flex-direction:column;height:100%;display:flex;overflow:hidden}.column-header{background-color:var(--bg-primary);border-bottom:1px solid var(--border-medium);align-items:center;gap:.75rem;padding:1.25rem;display:flex}.column-header h2{color:var(--text-primary);font-size:1.25rem;font-weight:700}.indicator{border-radius:var(--radius-full);width:12px;height:12px;display:inline-block}.indicator.orange{background-color:#f59e0b;box-shadow:0 0 8px #f59e0b}.indicator.green{background-color:#10b981;box-shadow:0 0 8px #10b981}.column-body{flex-direction:column;flex:1;gap:1.25rem;padding:1.25rem;display:flex;overflow-y:auto}.empty-column-state{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 2rem;display:flex}.kitchen-order-card{background-color:var(--bg-primary);border:1px solid var(--border-medium);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;gap:1rem;padding:1.25rem;transition:all .2s;display:flex;position:relative}.kitchen-order-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-preparing{border-left:4px solid #10b981}.card-top-row{justify-content:space-between;align-items:center;display:flex}.order-id-badge{color:#f59e0b;border-radius:var(--radius-sm);background-color:rgba(245,158,11,.1);padding:.2rem .6rem;font-size:.95rem;font-weight:800}.order-id-badge.preparing{color:#10b981;background-color:rgba(16,185,129,.1)}.elapsed-badge{border-radius:var(--radius-full);align-items:center;gap:.35rem;padding:.2rem .5rem;font-size:.85rem;font-weight:600;display:flex}.elapsed-normal{color:#10b981;background-color:rgba(16,185,129,.15)}.elapsed-warning{color:#f97316;background-color:rgba(249,115,22,.15)}.elapsed-critical{color:#ef4444;background-color:rgba(239,68,68,.15);animation:1.5s infinite pulseGlow}.elapsed-purple{color:#a855f7;background-color:rgba(168,85,247,.15)}.elapsed-pulse{color:#fff;background-color:#a855f7;animation:1.5s infinite pulseGlow}@keyframes pulseGlow{0%{opacity:.8}50%{opacity:1}to{opacity:.8}}.debt-warning-box{border-radius:var(--radius-md);color:#ef4444;background-color:rgba(239,68,68,.06);border:1px dashed rgba(239,68,68,.35);align-items:flex-start;gap:.6rem;padding:.75rem;font-size:.88rem;font-weight:700;line-height:1.4;display:flex}.debt-warning-box svg{flex-shrink:0;margin-top:.1rem}.customer-info-section{flex-direction:column;gap:.25rem;display:flex}.customer-name{color:var(--text-primary);font-size:1.15rem}.customer-address{color:var(--text-secondary);line-height:1.35}.order-items-list{background-color:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--border-medium);padding:.75rem}.order-items-list h4{text-transform:uppercase;color:var(--text-secondary);border-bottom:1px solid var(--border-medium);margin-bottom:.5rem;padding-bottom:.25rem;font-size:.85rem;font-weight:600}.order-items-list ul{list-style:none}.order-items-list li{color:var(--text-primary);align-items:center;gap:.5rem;padding:.35rem 0;font-size:1.1rem;font-weight:700;display:flex}.item-qty{color:var(--brand-500)}.order-note-box{border-left:3px solid var(--brand-500);color:var(--text-primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background-color:rgba(170,59,255,.04);padding:.5rem .75rem;font-size:.95rem}.courier-select-modal{max-width:480px}.modal-desc{color:var(--text-secondary);margin-bottom:.5rem;font-size:.95rem;line-height:1.4}.no-couriers-alert{text-align:center;background-color:rgba(239,68,68,.02);border-color:rgba(239,68,68,.15);flex-direction:column;align-items:center;gap:.5rem;padding:2rem 1.5rem;display:flex}.no-couriers-alert h4{color:var(--text-primary);font-size:1.05rem;font-weight:700}.no-couriers-alert p{color:var(--text-secondary);font-size:.9rem}.couriers-list{flex-direction:column;gap:.75rem;max-height:320px;padding-right:.25rem;display:flex;overflow-y:auto}.courier-select-card{background-color:var(--bg-primary);justify-content:space-between;align-items:center;padding:.85rem 1rem;transition:all .2s;display:flex}.courier-select-card:hover{border-color:var(--brand-500);background-color:var(--brand-bg)}.courier-card-meta{align-items:center;gap:.75rem;display:flex}.courier-avatar{border-radius:var(--radius-full);background-color:var(--bg-secondary);border:1px solid var(--border-medium);width:34px;height:34px;color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.courier-card-meta h4{color:var(--text-primary);font-size:.98rem;font-weight:700}.courier-vehicle{color:var(--text-secondary)}.plate-tag{background-color:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-sm);margin-left:.4rem;padding:.05rem .25rem;font-family:monospace;font-size:.7rem;font-weight:700}.btn-large{justify-content:center;align-items:center;gap:.5rem;padding:.9rem;font-size:1.05rem;font-weight:700;display:flex}.btn-orange{color:#fff;background-color:#f59e0b}.btn-orange:hover{background-color:#d97706}.btn-glow{box-shadow:0 0 10px rgba(138,43,226,.2)}.kitchen-loading{color:var(--text-secondary);justify-content:center;align-items:center;height:60vh;font-size:1.15rem;font-weight:600;display:flex}.order-note-box.blinking{cursor:pointer;transition:all .2s;animation:1.5s infinite kitchenNoteBlink;position:relative}.order-note-box.blinking:hover{transform:scale(1.01);box-shadow:0 4px 12px rgba(239,68,68,.15)}.order-note-box.blinking:after{content:"⚡ Durdur";color:#ef4444;background-color:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:4px;padding:2px 6px;font-size:.75rem;font-weight:800;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}@keyframes kitchenNoteBlink{0%{border-left-color:var(--brand-500);background-color:rgba(170,59,255,.04)}50%{background-color:rgba(239,68,68,.12);border-left-color:#ef4444}to{border-left-color:var(--brand-500);background-color:rgba(170,59,255,.04)}}.reports-container{flex-direction:column;gap:1.5rem;max-width:1200px;margin:0 auto;padding:1.5rem;display:flex}.reports-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.reports-header-row h1{color:var(--text-primary);font-size:1.75rem;font-weight:700}.reports-header-row p{color:var(--text-secondary);font-size:.95rem}.reports-navigation-tabs{background-color:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-lg);align-self:flex-start;gap:.5rem;padding:.4rem;display:flex}.tab-link{color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:.6rem 1.1rem;font-size:.9rem;font-weight:700;transition:all .2s;display:flex}.tab-link:hover{color:var(--brand-500)}.tab-link.active{background-color:var(--brand-500);color:#fff;box-shadow:0 4px 12px rgba(138,43,226,.15)}.reports-filter-card,.z-report-control-card{background-color:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-lg);flex-wrap:wrap;align-items:center;gap:1.25rem;padding:1.25rem;display:flex}.filter-inputs{flex-wrap:wrap;flex:1;gap:1rem;display:flex}.f-group{flex-direction:column;gap:4px;display:flex}.f-group label{text-transform:uppercase;color:var(--text-secondary);letter-spacing:.3px;font-size:.78rem;font-weight:700}.f-group input{border-radius:var(--radius-md);border:1px solid var(--border-medium);background-color:var(--bg-primary);color:var(--text-primary);padding:.55rem .75rem;font-size:.9rem}.filter-actions-row{align-items:flex-end;gap:.5rem;display:flex}.reports-stats-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;display:grid}.r-stat-card{background-color:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);align-items:center;gap:1rem;padding:1.25rem;display:flex}.r-stat-icon{border-radius:var(--radius-full);background-color:var(--brand-bg);width:48px;height:48px;color:var(--brand-500);justify-content:center;align-items:center;display:flex}.r-stat-card.collected .r-stat-icon{color:#10b981;background-color:rgba(16,185,129,.06)}.r-stat-card.debts .r-stat-icon{color:#ef4444;background-color:rgba(239,68,68,.06)}.r-stat-info{flex-direction:column;gap:2px;display:flex}.r-stat-label{color:var(--text-secondary);font-size:.85rem}.r-stat-value{color:var(--text-primary);font-family:monospace;font-size:1.4rem;font-weight:800}.reports-card{background-color:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:1.5rem}.card-header h3{color:var(--text-primary);margin-bottom:2px;font-size:1.15rem;font-weight:700}.card-header p{color:var(--text-secondary);margin-bottom:1.25rem;font-size:.88rem}.breakdown-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;display:grid}.breakdown-item{flex-direction:column;gap:6px;display:flex}.breakdown-meta{justify-content:space-between;align-items:center;display:flex}.breakdown-name-wrapper{align-items:center;gap:6px;display:flex}.breakdown-icon{align-items:center;display:flex}.breakdown-name{color:var(--text-primary);font-size:.88rem;font-weight:700}.breakdown-value-wrapper{align-items:center;gap:8px;display:flex}.breakdown-amount{font-family:monospace;font-size:.88rem;font-weight:700}.breakdown-percentage{color:var(--text-secondary);font-size:.78rem;font-weight:700}.progress-bar-bg{background-color:var(--border-medium);border-radius:var(--radius-full);height:6px;overflow:hidden}.progress-bar-fill{border-radius:var(--radius-full);height:100%}.z-report-pane{flex-direction:column;gap:1.5rem;display:flex}.z-report-slip-preview{border-radius:var(--radius-lg);background-color:#555;justify-content:center;padding:2rem 1.5rem;display:flex;box-shadow:inset 0 0 15px rgba(0,0,0,.2)}.thermal-slip{color:#000;background-color:#fff;border:1px solid #ddd;width:290px;padding:1.25rem;font-family:Courier New,monospace;font-size:11px;line-height:1.35;box-shadow:0 4px 20px rgba(0,0,0,.15)}.slip-center{text-align:center}.slip-header{margin-bottom:2px;font-size:16px;font-weight:900}.sub-title{text-transform:uppercase;font-size:9px}.slip-divider{border-top:1px dashed #000;margin:6px 0}.slip-row{justify-content:space-between;margin:3px 0;display:flex}.net-ciro-row{padding:2px 0;font-size:13px}.slip-barcode{letter-spacing:2px;margin-top:8px;font-size:10px;font-weight:700}.slip-footer{text-align:center;color:#666;margin-top:12px;font-size:8px}.feedback-privacy-warning{color:var(--brand-500);border-radius:var(--radius-lg);background-color:rgba(138,43,226,.05);border:1px solid rgba(138,43,226,.2);align-items:flex-start;gap:10px;padding:1rem 1.25rem;display:flex}.feedback-privacy-warning strong{margin-bottom:2px;font-size:.95rem;display:block}.feedback-privacy-warning p{color:var(--text-secondary);font-size:.85rem;line-height:1.45}.feedback-score-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;display:grid}.score-card{background-color:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-lg);align-items:center;gap:1rem;padding:1.25rem;display:flex}.score-card .star-icon{color:#f59e0b}.score-card .clock-icon{color:#3b82f6}.score-card .nps-icon{color:#10b981}.score-card .lbl{color:var(--text-secondary);font-size:.85rem;display:block}.score-card .val{color:var(--text-primary);font-family:monospace;font-size:1.5rem;font-weight:800}.score-card .val small{color:var(--text-muted);font-size:.9rem}.feedback-segments-card{flex-direction:column;gap:1rem;display:flex}.segments-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}@media (max-width:768px){.segments-grid{grid-template-columns:1fr}}.segment-col{background-color:var(--bg-primary);border:1px solid var(--border-medium);border-radius:var(--radius-lg);flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.segment-col.experienced-col{border-left:4px solid var(--brand-500)}.segment-col.first-time-col{border-left:4px solid #06b6d4}.seg-header{color:var(--text-primary);align-items:center;gap:6px;display:flex}.seg-header h4{font-size:.95rem;font-weight:700}.seg-body{flex-direction:column;gap:.5rem;display:flex}.s-row{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:.88rem;display:flex}.s-row strong{color:var(--text-primary);font-family:monospace}.sub-segment-split{border-top:1px dashed var(--border-medium);flex-direction:column;gap:4px;margin-top:.75rem;padding-top:.75rem;display:flex}.sub-segment-split h5{color:var(--text-primary);margin-top:4px;font-size:.8rem;font-weight:700}.sub-segment-split p{color:var(--text-secondary);font-size:.78rem}.comments-stream-list{flex-direction:column;gap:1rem;max-height:400px;padding-right:6px;display:flex;overflow-y:auto}.empty-comments-state{text-align:center;color:var(--text-muted);padding:3rem}.comment-card-item{background-color:var(--bg-primary);border:1px solid var(--border-medium);border-radius:var(--radius-md);flex-direction:column;gap:.5rem;padding:1rem;display:flex}.comment-card-item.type-experienced{border-left:3px solid var(--brand-500)}.comment-card-item.type-first_time{border-left:3px solid #06b6d4}.comment-header-row{justify-content:space-between;align-items:center;display:flex}.segment-tag{border-radius:var(--radius-sm);padding:.15rem .4rem;font-size:.72rem;font-weight:800}.segment-tag.tag-experienced{color:var(--brand-500);background-color:rgba(138,43,226,.05)}.segment-tag.tag-first_time{color:#06b6d4;background-color:rgba(6,182,212,.05)}.comment-date{color:var(--text-muted);font-size:.75rem}.comment-text{color:var(--text-primary);font-size:.88rem;font-style:italic;line-height:1.4}.comment-rating-badge{color:var(--text-secondary);border-top:1px dashed var(--border-medium);justify-content:space-between;align-items:center;margin-top:.25rem;padding-top:.5rem;font-size:.78rem;display:flex}.comment-rating-badge strong{color:var(--brand-500);font-family:monospace;font-size:.9rem}@media (max-width:768px){.reports-container{gap:1rem;padding:1rem}.reports-header-row h1{font-size:1.5rem}.desktop-tabs{display:none!important}.mobile-tabs-dropdown{margin-bottom:.5rem;display:block}.reports-tabs-dropdown-container{width:100%}.reports-tabs-dropdown{border-radius:var(--radius-md);border:1px solid var(--border-medium);background-color:var(--bg-primary);width:100%;color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow-sm);outline:none;padding:.75rem 1rem;font-size:.95rem;font-weight:600}.reports-filter-card{flex-direction:column;align-items:stretch;gap:1rem}.filter-inputs{flex-direction:column;width:100%}.f-group,.f-group input{width:100%}.filter-actions-row{justify-content:flex-end;width:100%}.reports-stats-grid,.feedback-score-grid{grid-template-columns:1fr}.thermal-slip{width:100%;max-width:290px}}.courier-mobile-layout{background-color:var(--bg-primary);border-left:1px solid var(--border-medium);border-right:1px solid var(--border-medium);flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;display:flex;box-shadow:0 0 30px rgba(0,0,0,.05)}.courier-navbar{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-medium);z-index:10;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex;position:sticky;top:0}.courier-connection-warning{color:#fff;background-color:#ef4444;border-bottom:1px solid rgba(239,68,68,.2);justify-content:space-between;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.8rem;font-weight:700;display:flex;box-shadow:inset 0 -2px 5px rgba(0,0,0,.1)}.courier-connection-warning .btn-white{color:#ef4444;cursor:pointer;white-space:nowrap;background-color:#fff;border:none;border-radius:4px;padding:.35rem .7rem;font-size:.75rem;font-weight:700;transition:all .2s;box-shadow:0 2px 4px rgba(0,0,0,.1)}.courier-connection-warning .btn-white:hover{background-color:#f1f5f9}.courier-profile{align-items:center;gap:.75rem;display:flex}.avatar-courier{border-radius:var(--radius-full);width:38px;height:38px;color:var(--brand-500);background-color:rgba(138,43,226,.08);border:1px solid rgba(138,43,226,.15);justify-content:center;align-items:center;display:flex}.courier-profile h3{color:var(--text-primary);font-size:.95rem;font-weight:700}.courier-profile p{color:#10b981;align-items:center;gap:4px;font-size:.75rem;font-weight:700;display:flex}.courier-profile p:before{content:"";background-color:#10b981;border-radius:50%;width:6px;height:6px;animation:1.5s infinite pulseGlow;display:inline-block}.btn-logout{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;transition:background-color .2s;display:flex}.btn-logout:hover{color:#ef4444;background-color:rgba(239,68,68,.05)}.courier-tabs{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-medium);grid-template-columns:1fr 1fr;display:grid}.tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid transparent;justify-content:center;align-items:center;gap:6px;padding:.9rem;font-size:.88rem;font-weight:700;transition:all .2s;display:flex}.tab-btn.active{color:var(--brand-500);border-bottom-color:var(--brand-500);background-color:rgba(138,43,226,.02)}.courier-main{flex-direction:column;flex:1;gap:1.25rem;padding:1.25rem;display:flex;overflow-y:auto}.empty-courier-state{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:1rem;padding:4rem 1.5rem;display:flex}.empty-courier-state h3{color:var(--text-primary);font-size:1.2rem;font-weight:700}.empty-courier-state p{color:var(--text-secondary);margin-bottom:.5rem;font-size:.9rem;line-height:1.45}.courier-order-card{background-color:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:.85rem;margin-bottom:1rem;padding:1.25rem;display:flex}.courier-order-card.history-card{border-left:4px solid #10b981}.card-top{justify-content:space-between;align-items:center;display:flex}.courier-order-id{color:var(--brand-500);border-radius:var(--radius-sm);background-color:rgba(138,43,226,.06);padding:.15rem .5rem;font-size:.88rem;font-weight:800}.courier-order-id.history{color:#10b981;background-color:rgba(16,185,129,.06)}.courier-order-amount{color:var(--text-primary);font-size:1.2rem;font-weight:800}.courier-debt-warning{border-radius:var(--radius-sm);color:#ef4444;background-color:rgba(239,68,68,.05);border:1px dashed rgba(239,68,68,.25);align-items:center;gap:6px;padding:.5rem .75rem;font-size:.8rem;font-weight:700;display:flex}.courier-customer-details h4{color:var(--text-primary);margin-bottom:.35rem;font-size:1.05rem;font-weight:700}.courier-address{color:var(--text-secondary);align-items:flex-start;gap:4px;font-size:.85rem;line-height:1.4;display:flex}.courier-address svg{flex-shrink:0;margin-top:2px}.courier-order-actions{grid-template-columns:auto auto 1fr;gap:.5rem;margin-top:.25rem;display:grid}.btn-c{border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:4px;padding:.65rem .75rem;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}.btn-c-ghost{background-color:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-medium)}.btn-c-ghost:hover{background-color:var(--border-medium)}.btn-c-success{color:#fff;background-color:#10b981;box-shadow:0 0 10px rgba(16,185,129,.15)}.btn-c-success:hover{background-color:#059669}.btn-c-share{color:var(--brand-500);background-color:rgba(138,43,226,.06);border:1px solid rgba(138,43,226,.15);padding:.45rem .75rem;font-size:.8rem}.btn-c-share:hover{background-color:var(--brand-bg)}.delivered-badge{color:#10b981;align-items:center;gap:4px;font-size:.82rem;font-weight:700;display:inline-flex}.courier-history-actions{justify-content:space-between;align-items:center;margin-top:.25rem;display:flex}.modal-backdrop-c{backdrop-filter:blur(4px);z-index:100;background-color:rgba(0,0,0,.45);justify-content:center;align-items:flex-end;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}@media (min-width:480px){.modal-backdrop-c{align-items:center}}.modal-card-c{background-color:var(--bg-secondary);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);flex-direction:column;width:100%;max-width:480px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 -10px 30px rgba(0,0,0,.1)}@media (min-width:480px){.modal-card-c{border-radius:var(--radius-lg)}}.modal-header-c{border-bottom:1px solid var(--border-medium);justify-content:space-between;align-items:center;padding:1.25rem;display:flex}.modal-header-c h3{color:var(--text-primary);font-size:1.1rem;font-weight:700}.modal-body-c{flex-direction:column;gap:1rem;padding:1.25rem;display:flex;overflow-y:auto}.modal-footer-c{border-top:1px solid var(--border-medium);grid-template-columns:1fr 1fr;gap:.75rem;padding:1.25rem;display:grid}.payment-amounts-box{background-color:var(--bg-primary);border:1px solid var(--border-medium);border-radius:var(--radius-md);flex-direction:column;gap:.6rem;padding:1rem;display:flex}.amt-row{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:.9rem;display:flex}.amt-row strong{color:var(--text-primary);font-size:1.05rem}.payment-items-list h4,.payment-add-form h4,.whatsapp-redirect-box h4{text-transform:uppercase;color:var(--text-secondary);letter-spacing:.5px;margin-bottom:.75rem;font-size:.85rem;font-weight:700}.payment-item-row{border-bottom:1px solid var(--border-medium);color:var(--text-primary);justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.92rem;display:flex}.payment-item-row:last-child{border-bottom:none}.btn-remove-pay{color:#ef4444;cursor:pointer;background:0 0;border:none;font-size:.8rem;font-weight:700}.form-row{grid-template-columns:1.2fr 1fr;gap:.5rem;margin-bottom:.75rem;display:grid}.debt-notice-warning{color:#d97706;background-color:rgba(245,158,11,.05);border:1px dashed rgba(245,158,11,.3);align-items:flex-start;gap:8px;padding:.75rem;display:flex}.debt-notice-warning p{font-size:.82rem;line-height:1.4}.payment-complete-success-alert{color:#10b981;background-color:rgba(16,185,129,.05);border:1px solid rgba(16,185,129,.15);align-items:center;gap:8px;padding:.85rem;font-size:.9rem;font-weight:700;display:flex}.receipt-preview-container{border-radius:var(--radius-md);background-color:#555;justify-content:center;align-items:center;padding:.5rem;display:flex;box-shadow:inset 0 0 10px rgba(0,0,0,.15)}.share-actions-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.whatsapp-redirect-box p{color:var(--text-secondary);text-align:left;font-size:.8rem;line-height:1.45}.courier-loading{color:var(--text-secondary);justify-content:center;align-items:center;height:50vh;font-size:1rem;display:flex}.courier-error{color:#ef4444;text-align:center;padding:2rem;font-weight:700}.btn-c:disabled,.btn-c.btn-disabled{cursor:not-allowed;color:#94a3b8!important;box-shadow:none!important;background-color:#e2e8f0!important;border:1px solid #cbd5e1!important}.courier-availability-bar{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-medium);justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem 1.25rem;display:flex}.availability-toggle{align-items:center;gap:8px;display:flex}.status-label{font-size:.85rem;font-weight:700}.status-label.online{color:#10b981}.status-label.offline{color:#64748b}.toggle-switch{width:38px;height:20px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#cbd5e1;transition:all .3s;position:absolute;top:0;bottom:0;left:0;right:0}.slider:before{content:"";background-color:#fff;width:14px;height:14px;transition:all .3s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:#10b981}input:checked+.slider:before{transform:translate(18px)}.slider.round{border-radius:20px}.slider.round:before{border-radius:50%}.shift-scheduler{align-items:center;gap:4px;display:flex}.shift-label{color:var(--text-secondary);font-size:.75rem;font-weight:700}.shift-input{border:1px solid var(--border-medium);background-color:var(--bg-primary);color:var(--text-primary);text-align:center;border-radius:4px;outline:none;width:70px;padding:3px 6px;font-family:inherit;font-size:.8rem;font-weight:600}.shift-input:focus{border-color:var(--brand-500)}.shift-dash{color:var(--text-secondary);font-size:.75rem}@keyframes blink-badge{0%{opacity:1}50%{opacity:.3}to{opacity:1}}.blink-text-red{color:#ef4444;background-color:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.2);border-radius:4px;padding:1px 5px;font-size:.7rem;font-weight:700;animation:1.5s infinite blink-badge}.btn-c-danger{color:#fff;background-color:#ef4444;box-shadow:0 0 10px rgba(239,68,68,.15)}.btn-c-danger:hover{background-color:#dc2626}.courier-order-actions{flex-wrap:wrap;gap:.5rem;margin-top:.25rem;display:flex}.courier-order-actions .btn-c{flex:auto;min-width:80px}.socket-disconnected-banner{color:#fff;text-align:center;box-sizing:border-box;background-color:#ef4444;justify-content:center;align-items:center;width:100%;padding:.6rem 1rem;font-size:.9rem;font-weight:600;display:flex;box-shadow:0 2px 8px rgba(239,68,68,.2)}.animate-slide-down{animation:.25s ease-out forwards slideDown}.courier-collection-banner{color:#8a2be2;background:rgba(138,43,226,.1);border:1px solid rgba(138,43,226,.2);border-radius:8px;align-items:center;gap:.5rem;margin-top:.5rem;padding:.5rem .75rem;font-size:.875rem;display:flex}.verify-staff-container{background-color:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.verify-card{background-color:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-lg);width:100%;max-width:440px;box-shadow:var(--shadow-lg);text-align:center;flex-direction:column;align-items:center;gap:1.25rem;padding:2.5rem 2rem;display:flex}.verify-icon-wrapper{border-radius:var(--radius-full);background-color:rgba(16,185,129,.06);border:1.5px solid rgba(16,185,129,.25);justify-content:center;align-items:center;width:90px;height:90px;margin-bottom:.5rem;display:flex}.glow{filter:drop-shadow(0 0 12px rgba(16,185,129,.35));animation:2s infinite alternate beatGlow}@keyframes beatGlow{0%{filter:drop-shadow(0 0 8px rgba(16,185,129,.2));transform:scale(.95)}to{filter:drop-shadow(0 0 16px rgba(16,185,129,.55));transform:scale(1.05)}}.verify-card h2{color:var(--text-primary);font-size:1.45rem;font-weight:800}.verify-desc{color:var(--text-secondary);font-size:.95rem;line-height:1.5}.verified-badge{background-color:var(--bg-primary);border:1px solid var(--border-medium);border-radius:var(--radius-md);color:var(--text-secondary);padding:.5rem 1rem;font-size:.88rem}.verified-badge strong{color:var(--text-primary);font-family:monospace}.redirect-notice{color:var(--text-secondary);align-items:center;gap:4px;margin-top:1rem;font-size:.85rem;font-weight:600;display:flex}.loading-spinner-dots span{font-size:1.25rem;font-weight:800;animation:1.4s infinite both bounceDot;display:inline-block}.loading-spinner-dots span:nth-child(2){animation-delay:.2s}.loading-spinner-dots span:nth-child(3){animation-delay:.4s}@keyframes bounceDot{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.orders-container{flex-direction:column;gap:1.5rem;max-width:1200px;margin:0 auto;padding:1.5rem;display:flex}.orders-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.orders-header-row h1{color:var(--text-primary);font-size:1.75rem;font-weight:700}.orders-header-row p{color:var(--text-secondary);font-size:.95rem}.orders-tabs-menu{border-bottom:1px solid var(--border-medium);gap:1rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.tab-btn-o{color:var(--text-secondary);border-radius:var(--radius-md) var(--radius-md) 0 0;cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.95rem;font-weight:600;transition:all .2s;display:flex;position:relative}.tab-btn-o:hover{color:var(--brand-500);background-color:var(--brand-bg)}.tab-btn-o.active{color:var(--brand-500)}.tab-btn-o.active:after{content:"";background-color:var(--brand-500);border-radius:var(--radius-full);height:3px;position:absolute;bottom:-.55rem;left:0;right:0}.tab-btn-o.active.text-success{color:#10b981}.tab-btn-o.active.text-success:after{background-color:#10b981}.tab-btn-o.active.text-error{color:#ef4444}.tab-btn-o.active.text-error:after{background-color:#ef4444}.orders-grid-layout{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:1.5rem;display:grid}.o-card{background-color:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex-direction:column;gap:1rem;padding:1.25rem;transition:all .2s;display:flex;position:relative}.o-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.o-card.status-pending{border-top:4px solid #f59e0b}.o-card.status-preparing{border-top:4px solid #d97706}.o-card.status-on_way{border-top:4px solid #3b82f6}.o-card.status-delivered{border-top:4px solid #10b981}.o-card.status-cancelled{border-top:4px solid #ef4444}.o-card-header{justify-content:space-between;align-items:center;display:flex}.o-badge{color:var(--brand-500);border-radius:var(--radius-sm);background-color:rgba(138,43,226,.06);padding:.2rem .5rem;font-size:.88rem;font-weight:800}.o-meta{align-items:center;gap:8px;display:flex}.o-time{color:var(--text-secondary);font-size:.85rem;font-weight:600}.elapsed-badge-o{border-radius:var(--radius-sm);padding:.15rem .45rem;font-size:.75rem;font-weight:700;display:inline-block}.elapsed-badge-o.duration-green{color:#10b981;background-color:rgba(16,185,129,.08)}.elapsed-badge-o.duration-orange{color:#f97316;background-color:rgba(249,115,22,.08)}.elapsed-badge-o.duration-red{color:#ef4444;background-color:rgba(239,68,68,.08)}.elapsed-badge-o.duration-purple{color:#a855f7;background-color:rgba(168,85,247,.08)}.elapsed-badge-o.duration-pulse{color:#fff;background-color:#a855f7;animation:1.5s infinite pulse-purple}@keyframes pulse-purple{0%,to{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(1.03)}}.o-customer-info{background-color:var(--bg-primary);border:1px solid var(--border-medium);border-radius:var(--radius-md);flex-direction:column;gap:.5rem;padding:.85rem;display:flex}.cust-row{justify-content:space-between;align-items:center;display:flex}.cust-name{color:var(--text-primary);align-items:center;gap:4px;font-size:.95rem;font-weight:700;display:flex}.btn-call-mini{color:var(--brand-500);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;font-size:.8rem;font-weight:700;display:flex}.btn-call-mini:hover{text-decoration:underline}.o-memory-badge{color:#d97706;border-radius:var(--radius-sm);background-color:rgba(217,119,6,.05);border:1px dashed rgba(217,119,6,.25);align-items:center;gap:4px;padding:.35rem .6rem;font-size:.8rem;line-height:1.35;display:flex}.o-debt-alarm{color:#ef4444;border-radius:var(--radius-sm);background-color:rgba(239,68,68,.06);border:1px solid rgba(239,68,68,.2);align-items:center;gap:6px;padding:.4rem .75rem;font-size:.82rem;font-weight:700;display:flex}.animate-pulse-border{animation:1.8s infinite alternate pulseBorder}@keyframes pulseBorder{0%{border-color:rgba(239,68,68,.2);box-shadow:0 0 rgba(239,68,68,0)}to{border-color:rgba(239,68,68,.6);box-shadow:0 0 8px rgba(239,68,68,.25)}}.o-items-details h4{text-transform:uppercase;color:var(--text-secondary);letter-spacing:.5px;margin-bottom:.5rem;font-size:.82rem;font-weight:700}.items-list-box{flex-direction:column;gap:.4rem;max-height:140px;padding-right:4px;display:flex;overflow-y:auto}.o-item-row{color:var(--text-primary);border-bottom:1px dashed var(--border-medium);justify-content:space-between;align-items:center;padding-bottom:.3rem;font-size:.9rem;display:flex}.o-item-row:last-child{border-bottom:none;padding-bottom:0}.o-item-row .qty{color:var(--brand-500);margin-right:6px;font-weight:700}.o-item-row .name{flex:1}.o-item-row .price{font-family:monospace;font-weight:600}.courier-badge-assigned{border-radius:var(--radius-md);color:#2563eb;background-color:rgba(59,130,246,.05);border:1px solid rgba(59,130,246,.15);align-items:center;gap:8px;padding:.75rem;display:flex}.courier-badge-assigned p{margin-top:1px;font-family:monospace;font-size:.78rem;font-weight:700}.courier-badge-unassigned{background-color:var(--bg-primary);border:1px dashed var(--border-medium);border-radius:var(--radius-md);color:var(--text-muted);text-align:center;padding:.75rem;font-size:.85rem;font-weight:600}.o-payment-breakdown{background-color:rgba(16,185,129,.02);flex-direction:column;gap:.4rem;padding:.75rem;display:flex;border:1px dashed rgba(16,185,129,.25)!important}.o-payment-breakdown h4{text-transform:uppercase;color:#059669;letter-spacing:.3px;margin-bottom:.25rem;font-size:.78rem;font-weight:700}.pay-row{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:.85rem;display:flex}.pay-row strong{color:var(--text-primary);font-family:monospace}.o-card-footer{border-top:1px solid var(--border-medium);flex-direction:column;gap:.75rem;margin-top:auto;padding-top:.85rem;display:flex}.o-total{justify-content:space-between;align-items:center;display:flex}.o-total span{color:var(--text-secondary);font-size:.85rem}.o-total strong{color:var(--text-primary);font-family:monospace;font-size:1.25rem;font-weight:800}.o-actions{align-items:center;gap:.5rem;display:flex}.btn-o{border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:4px;padding:.6rem .75rem;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}.btn-o-print{background-color:var(--bg-primary);border:1px solid var(--border-medium);color:var(--text-primary)}.btn-o-print:hover{background-color:var(--border-medium)}.btn-o-share{color:var(--brand-500);background-color:rgba(138,43,226,.05);border:1px solid rgba(138,43,226,.15)}.btn-o-share:hover{background-color:var(--brand-bg)}.btn-o-success{background-color:var(--brand-500);color:#fff;box-shadow:0 0 10px rgba(138,43,226,.15)}.btn-o-success:hover{background-color:var(--brand-600)}.btn-o-complete{color:#fff;background-color:#10b981;box-shadow:0 0 10px rgba(16,185,129,.15)}.btn-o-complete:hover{background-color:#059669}.btn-o-danger{color:#ef4444;background-color:rgba(239,68,68,.06);border:1px solid rgba(239,68,68,.15)}.btn-o-danger:hover{background-color:rgba(239,68,68,.1)}.couriers-assignment-list{flex-direction:column;gap:.65rem;margin-top:.75rem;display:flex}.courier-assign-row-btn{border-radius:var(--radius-md);border:1px solid var(--border-medium);background-color:var(--bg-primary);cursor:pointer;justify-content:space-between;align-items:center;width:100%;padding:.75rem 1rem;transition:all .2s;display:flex}.courier-assign-row-btn:hover{border-color:var(--brand-500);background-color:var(--brand-bg)}.courier-assign-row-btn .c-info{color:var(--text-primary);align-items:center;gap:8px;font-weight:700;display:flex}.courier-assign-row-btn .c-plate{background-color:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-sm);padding:.15rem .4rem;font-family:monospace;font-size:.75rem;font-weight:700}.receipt-preview-box{border-radius:var(--radius-md);background-color:#555;justify-content:center;align-items:center;margin-bottom:.5rem;padding:.5rem;display:flex;box-shadow:inset 0 0 10px rgba(0,0,0,.15)}.empty-couriers-box{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:8px;padding:2rem 1rem;font-size:.88rem;display:flex}.orders-loading-state{text-align:center;color:var(--text-secondary);padding:5rem 1.5rem;font-size:1.1rem}.orders-error-state{color:#ef4444;text-align:center;padding:3rem;font-weight:700}.mobile-tabs-dropdown{display:none}@media (max-width:768px){.orders-container{gap:1rem;padding:1rem}.orders-header-row h1{font-size:1.5rem}.desktop-tabs{display:none!important}.mobile-tabs-dropdown{margin-bottom:.5rem;display:block}.orders-tabs-dropdown-container{width:100%}.orders-tabs-dropdown{border-radius:var(--radius-md);border:1px solid var(--border-medium);background-color:var(--bg-primary);width:100%;color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow-sm);outline:none;padding:.75rem 1rem;font-size:.95rem;font-weight:600}.orders-grid-layout{grid-template-columns:1fr;gap:1rem}.o-card{padding:1rem}.o-actions{flex-wrap:wrap}.o-actions .btn-o{padding:.75rem 1rem}}.o-notes-box.blinking{cursor:pointer;transition:all .2s;animation:1.5s infinite ordersNoteBlink;position:relative}.o-notes-box.blinking:hover{transform:scale(1.01);box-shadow:0 4px 12px rgba(239,68,68,.15)}.o-notes-box.blinking:after{content:"⚡ Durdur";color:#ef4444;background-color:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:4px;padding:2px 6px;font-size:.7rem;font-weight:800;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}@keyframes ordersNoteBlink{0%{background-color:var(--bg-secondary);border-color:var(--border-light)}50%{background-color:rgba(239,68,68,.12);border-color:#fca5a5}to{background-color:var(--bg-secondary);border-color:var(--border-light)}}.o-complaints-warning{border-radius:var(--radius-sm);color:#ef4444;background-color:rgba(239,68,68,.05);border:1px dashed rgba(239,68,68,.4);flex-direction:column;gap:4px;width:100%;margin-top:6px;padding:.5rem .75rem;display:flex}.o-complaints-title{text-transform:uppercase;letter-spacing:.02em;align-items:center;gap:6px;font-size:.82rem;font-weight:800;display:flex}.o-complaints-list{margin:0;padding-left:1.1rem;font-size:.8rem;font-weight:600;line-height:1.4;list-style-type:disc}.online-order-toggle-btn{cursor:pointer;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:#fff;border:1px solid transparent;align-items:center;gap:.5rem;padding:.55rem 1.25rem;font-size:.875rem;font-weight:800;line-height:1.2;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.online-order-toggle-btn.status-active{background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-color:#059669}.online-order-toggle-btn.status-active:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-1px);box-shadow:0 4px 10px rgba(16,185,129,.25)}.online-order-toggle-btn.status-active:active{transform:translateY(0)}.online-order-toggle-btn.status-closed{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border-color:#dc2626}.online-order-toggle-btn.status-closed:hover{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);transform:translateY(-1px);box-shadow:0 4px 10px rgba(239,68,68,.25)}.online-order-toggle-btn.status-closed:active{transform:translateY(0)}.feedback-landing-container{background:radial-gradient(circle at 10% 20%, rgba(98,0,234,.05) 0%, transparent 90%), var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem 1rem;display:flex}.feedback-landing-container .card{background-color:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-xl);width:100%;max-width:500px;padding:2rem 1.75rem;box-shadow:0 12px 40px rgba(0,0,0,.15)}.feedback-loading-card,.feedback-error-card{text-align:center;flex-direction:column;align-items:center;gap:1rem;display:flex}.spinner-icon{color:var(--brand-500)}.feedback-loading-card h3,.feedback-error-card h3{color:var(--text-primary);margin-top:.5rem;font-size:1.25rem;font-weight:700}.feedback-loading-card p,.feedback-error-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.feedback-header{text-align:center;flex-direction:column;align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.logo-badge{border-radius:var(--radius-full);background-color:var(--brand-bg);width:48px;height:48px;color:var(--brand-500);justify-content:center;align-items:center;margin-bottom:.25rem;display:flex;box-shadow:0 4px 12px rgba(138,43,226,.15)}.feedback-header h2{color:var(--text-primary);font-size:1.4rem;font-weight:800}.greeting{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.greeting strong{color:var(--text-primary)}.feedback-items-summary{background-color:var(--bg-primary);border:1px solid var(--border-medium);border-radius:var(--radius-lg);flex-direction:column;gap:6px;margin-bottom:2rem;padding:.9rem 1.1rem;display:flex}.feedback-items-summary .lbl{text-transform:uppercase;color:var(--text-muted);letter-spacing:.3px;font-size:.75rem;font-weight:800}.items-pills{flex-wrap:wrap;gap:6px;display:flex}.items-pills .pill{background-color:var(--bg-secondary);border:1px solid var(--border-medium);color:var(--text-primary);border-radius:var(--radius-md);padding:.25rem .6rem;font-size:.8rem;font-weight:700}.feedback-form{flex-direction:column;gap:2rem;display:flex}.rating-selector-group{flex-direction:column;gap:1rem;display:flex}.group-title{align-items:flex-start;gap:12px;display:flex}.icon-wrap{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-top:2px;display:flex}.icon-wrap.quality{color:#f59e0b;background-color:rgba(245,158,11,.08)}.icon-wrap.speed{color:#3b82f6;background-color:rgba(59,130,246,.08)}.icon-wrap.recommend{color:#10b981;background-color:rgba(16,185,129,.08)}.icon-wrap.discovery{color:#06b6d4;background-color:rgba(6,182,212,.08)}.icon-wrap.comment-icon{color:var(--brand-500);background-color:rgba(138,43,226,.08)}.group-title h4{color:var(--text-primary);font-size:.95rem;font-weight:700}.group-title p{color:var(--text-secondary);margin-top:2px;font-size:.8rem;line-height:1.4}.numeric-selector-grid{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.numeric-selector-grid.total-eleven{grid-template-columns:repeat(6,1fr)}@media (max-width:440px){.numeric-selector-grid.total-eleven{grid-template-columns:repeat(4,1fr)}}.num-btn{background-color:var(--bg-primary);border:1px solid var(--border-medium);height:42px;color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;font-family:monospace;font-size:.95rem;font-weight:800;transition:all .2s;display:flex}.num-btn:hover{border-color:var(--brand-500);background-color:rgba(138,43,226,.03)}.num-btn.active{background:linear-gradient(135deg, var(--brand-500) 0%, var(--brand-600) 100%);border-color:var(--brand-500);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(138,43,226,.2)}.score-feedback-text{color:var(--brand-500);border-radius:var(--radius-full);background-color:rgba(138,43,226,.05);align-self:center;padding:.25rem .75rem;font-size:.88rem;font-weight:700}.discovery-section{border-radius:var(--radius-lg);background-color:rgba(6,182,212,.03);border:1px solid rgba(6,182,212,.15);padding:1.25rem}.discovery-buttons-split{flex-direction:column;gap:8px;margin-top:.5rem;display:flex}.disc-btn{background-color:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-md);text-align:left;cursor:pointer;align-items:center;gap:12px;width:100%;padding:1rem;transition:all .2s;display:flex}.disc-btn:hover{background-color:rgba(6,182,212,.02);border-color:#06b6d4}.disc-btn .disc-check{border-radius:var(--radius-full);border:2px solid var(--border-medium);flex-shrink:0;width:18px;height:18px;transition:all .2s;position:relative}.disc-btn.active{background-color:rgba(6,182,212,.05);border-color:#06b6d4}.disc-btn.active .disc-check{background-color:#06b6d4;border-color:#06b6d4}.disc-btn.active .disc-check:after{content:"";border-radius:var(--radius-full);background-color:#fff;width:6px;height:6px;position:absolute;top:4px;left:4px}.disc-btn strong{color:var(--text-primary);font-size:.88rem;font-weight:700;display:block}.disc-btn p{color:var(--text-secondary);margin-top:2px;font-size:.75rem;line-height:1.35}.disc-btn .chevron{color:var(--text-muted);margin-left:auto}.disc-btn.active .chevron{color:#06b6d4}.comment-textarea{border-radius:var(--radius-md);border:1px solid var(--border-medium);background-color:var(--bg-primary);width:100%;height:100px;color:var(--text-primary);resize:none;padding:.75rem;font-family:inherit;font-size:.88rem;line-height:1.45}.comment-textarea:focus{border-color:var(--brand-500);outline:none;box-shadow:0 0 0 3px rgba(138,43,226,.08)}.btn-submit{margin-top:1rem}.feedback-success-card{flex-direction:column;align-items:center;gap:1.25rem;display:flex}.success-icon-wrapper{border-radius:var(--radius-full);background-color:rgba(16,185,129,.05);border:1px solid rgba(16,185,129,.15);justify-content:center;align-items:center;width:90px;height:90px;margin-bottom:.5rem;animation:2s infinite pulse-green;display:flex}@keyframes pulse-green{0%{box-shadow:0 0 rgba(16,185,129,.2)}70%{box-shadow:0 0 0 15px rgba(16,185,129,0)}to{box-shadow:0 0 rgba(16,185,129,0)}}.feedback-success-card h2{color:var(--text-primary);font-size:1.5rem;font-weight:800}.feedback-success-card .subtitle{color:var(--text-secondary);font-size:.95rem}.feedback-receipt-box{background-color:var(--bg-primary);border:1px solid var(--border-medium);border-radius:var(--radius-lg);flex-direction:column;align-items:center;gap:6px;width:100%;padding:1.25rem;display:flex}.feedback-receipt-box h4{color:var(--text-primary);font-size:1.1rem;font-weight:700}.feedback-receipt-box p{color:var(--text-secondary);font-family:monospace;font-size:.85rem}.items-badge-row{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:.5rem;display:flex}.item-b{background-color:var(--bg-secondary);border:1px solid var(--border-medium);color:var(--text-primary);border-radius:var(--radius-sm);padding:.2rem .5rem;font-size:.78rem;font-weight:700}.feedback-privacy-note{border-radius:var(--radius-md);text-align:left;color:var(--brand-500);background-color:rgba(138,43,226,.03);border:1px solid rgba(138,43,226,.1);align-items:flex-start;gap:8px;padding:.9rem;display:flex}.feedback-privacy-note p{color:var(--text-secondary);font-size:.78rem;line-height:1.45}.feedback-privacy-note strong{color:var(--brand-500)}.speed-locked-notice{border-radius:var(--radius-lg);flex-direction:column;gap:4px;padding:1rem 1.25rem;font-size:.85rem;line-height:1.5;display:flex}.speed-locked-notice.exempt{color:#d97706;background-color:rgba(245,158,11,.05);border:1px dashed rgba(245,158,11,.25)}.speed-locked-notice.exempt p{color:#b45309}.speed-locked-notice.autoten{color:#059669;background-color:rgba(16,185,129,.05);border:1px dashed rgba(16,185,129,.25)}.speed-locked-notice.autoten p{color:#047857}.force-password-change-view,.forgot-password-view{width:100%}.auth-success-state p{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.938rem;line-height:1.5}.reset-password-view{width:100%}.back-link{color:var(--brand-purple);align-items:center;gap:.375rem;margin-bottom:1rem;font-size:.813rem;font-weight:600;text-decoration:none;transition:opacity .2s;display:inline-flex}.back-link:hover{opacity:.8}.auth-success-state{text-align:center;border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-color);margin-top:1rem;padding:2rem 1.5rem}.success-icon{margin-bottom:1rem;font-size:2.5rem;display:block}.auth-success-state p{color:var(--text-secondary);font-size:.938rem;line-height:1.5}.cari-page-container{flex-direction:column;gap:1.5rem;max-width:1200px;min-height:calc(100vh - 80px);margin:0 auto;padding:1.5rem;display:flex}.cari-header{border-bottom:1px solid var(--border-medium);justify-content:space-between;align-items:center;padding-bottom:1rem;display:flex}.cari-header h1{color:var(--text-primary);font-size:1.75rem;font-weight:700}.cari-header .subtitle{color:var(--text-secondary);margin-top:.25rem;font-size:.875rem}.btn-refresh{border-radius:var(--radius-md);border:1px solid var(--border-medium);width:40px;height:40px;color:var(--text-secondary);background:var(--bg-primary);justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-refresh:hover{background:var(--bg-secondary);color:var(--brand-500);border-color:var(--brand-500);transform:rotate(45deg)}.cari-layout-grid{grid-template-columns:350px 1fr;align-items:start;gap:1.5rem;display:grid}@media (max-width:900px){.cari-layout-grid{grid-template-columns:1fr}}.cari-left-panel{background:var(--bg-primary);border:1px solid var(--border-medium);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:1rem;min-height:500px;max-height:calc(100vh - 180px);padding:1rem;display:flex}.cari-left-panel .search-box{align-items:center;display:flex;position:relative}.cari-left-panel .search-icon{color:var(--text-muted);position:absolute;left:12px}.cari-left-panel .search-box input{border:1px solid var(--border-medium);border-radius:var(--radius-md);background:var(--bg-secondary);width:100%;color:var(--text-primary);padding:.625rem .625rem .625rem 2.5rem;font-size:.875rem;transition:all .2s}.cari-left-panel .search-box input:focus{border-color:var(--brand-500);background:var(--bg-primary);box-shadow:0 0 0 3px var(--brand-bg);outline:none}.customer-list-box{flex-direction:column;flex:1;gap:.5rem;padding-right:4px;display:flex;overflow-y:auto}.customer-list-box::-webkit-scrollbar{width:6px}.customer-list-box::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-full)}.customer-cari-card{border-radius:var(--radius-md);border:1px solid var(--border-light);background:var(--bg-primary);cursor:pointer;align-items:center;gap:.75rem;padding:.75rem;transition:all .2s;display:flex}.customer-cari-card:hover{background:var(--bg-secondary);border-color:var(--border-medium);transform:translate(2px)}.customer-cari-card.active{background:var(--brand-bg);border-color:var(--brand-500)}.cc-avatar{border-radius:var(--radius-full);background:var(--bg-secondary);width:36px;height:36px;color:var(--text-secondary);border:1px solid var(--border-medium);flex-shrink:0;justify-content:center;align-items:center;display:flex}.customer-cari-card.active .cc-avatar{background:var(--brand-500);color:#fff;border-color:var(--brand-500)}.cc-info{flex:1;min-width:0}.cc-info h4{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.cc-info p{color:var(--text-muted);font-size:.75rem}.cc-balance{border-radius:var(--radius-sm);white-shrink:0;padding:.25rem .5rem;font-size:.875rem;font-weight:700}.cc-balance.debt{color:var(--error);background:rgba(239,68,68,.1)}.cc-balance.clear{color:var(--success);background:rgba(16,185,129,.1)}.cari-right-panel{background:var(--bg-primary);border:1px solid var(--border-medium);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;min-height:500px;max-height:calc(100vh - 180px);padding:1.5rem;display:flex}.select-prompt-state{text-align:center;color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;display:flex}.select-prompt-state h3{color:var(--text-secondary);font-weight:600}.cari-detail-content{flex-direction:column;flex:1;gap:1.5rem;min-height:0;display:flex}.detail-header{border-bottom:1px solid var(--border-light);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:1rem;display:flex}.avatar-large{border-radius:var(--radius-full);background:var(--brand-bg);width:48px;height:48px;color:var(--brand-500);border:1px solid var(--brand-400);justify-content:center;align-items:center;display:flex}.balance-summary-box{flex-direction:column;align-items:flex-end;display:flex}.balance-summary-box .lbl{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.75rem}.balance-summary-box .val{font-size:1.5rem;font-weight:800}.balance-summary-box .val.debt{color:var(--error)}.balance-summary-box .val.clear{color:var(--success)}.action-buttons-row{gap:1rem;display:flex}@media (max-width:600px){.action-buttons-row{flex-direction:column}}.btn{border-radius:var(--radius-md);cursor:pointer;color:#fff;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-emerald{background:var(--success)}.btn-emerald:not(:disabled):hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px rgba(16,185,129,.2)}.btn-purple{background:var(--brand-500)}.btn-purple:not(:disabled):hover{background:var(--brand-600);transform:translateY(-1px);box-shadow:0 4px 12px rgba(170,59,255,.2)}.flex-1{flex:1}.transactions-section{flex-direction:column;flex:1;gap:1rem;min-height:0;display:flex}.transactions-section h4{color:var(--text-primary);border-bottom:1px solid var(--border-light);padding-bottom:.5rem;font-size:1rem;font-weight:600}.transactions-list{flex-direction:column;flex:1;gap:.75rem;min-height:0;padding-right:4px;display:flex;overflow-y:auto}.transactions-list::-webkit-scrollbar{width:6px}.transactions-list::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-full)}.no-transactions{text-align:center;color:var(--text-muted);padding:2rem 0;font-size:.875rem}.transaction-item{border-radius:var(--radius-md);border:1px solid var(--border-light);background:var(--bg-secondary);align-items:center;gap:.75rem;padding:.75rem;display:flex}.t-icon{border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.t-icon.down{color:var(--error);background:rgba(239,68,68,.1)}.t-icon.up{color:var(--success);background:rgba(16,185,129,.1)}.t-desc{flex:1;min-width:0}.t-desc strong{color:var(--text-primary);font-size:.875rem}.t-comment{color:var(--text-secondary);align-items:center;gap:4px;margin-top:.25rem;font-size:.75rem;font-style:italic;display:flex}.t-amount{flex-shrink:0;font-size:.875rem;font-weight:700}.t-amount.minus{color:var(--error)}.t-amount.plus{color:var(--success)}.modal-overlay{backdrop-filter:blur(4px);z-index:1000;background:rgba(0,0,0,.5);justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal-content{background:var(--bg-primary);border:1px solid var(--border-medium);border-radius:var(--radius-lg);width:100%;max-width:450px;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;overflow:hidden}.modal-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.modal-header h3{color:var(--text-primary);font-size:1.125rem;font-weight:600}.close-btn{color:var(--text-muted);cursor:pointer;transition:color .2s}.close-btn:hover{color:var(--text-primary)}.modal-body{flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.form-group{flex-direction:column;gap:.375rem;display:flex}.form-group label{color:var(--text-secondary);font-size:.75rem;font-weight:600}.form-group input:not([type=checkbox]):not([type=radio]),.form-group select{border:1px solid var(--border-medium);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);padding:.625rem;font-size:.875rem}.form-group input:not([type=checkbox]):not([type=radio]):focus,.form-group select:focus{border-color:var(--brand-500);outline:none}.form-group input:not([type=checkbox]):not([type=radio]):disabled{background:var(--bg-secondary);color:var(--text-muted);cursor:not-allowed}.modal-footer{border-top:1px solid var(--border-light);background:var(--bg-secondary);justify-content:flex-end;gap:.75rem;padding:1rem 1.25rem;display:flex}.btn-ghost{border-radius:var(--radius-md);color:var(--text-secondary);border:1px solid var(--border-medium);background:var(--bg-primary);padding:.5rem 1rem;font-size:.875rem;font-weight:600}.btn-ghost:hover{background:var(--bg-secondary);color:var(--text-primary)}.fade-in{animation:.3s fadeIn}.animate-in{animation:.3s cubic-bezier(.16,1,.3,1) slideIn}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-spin{animation:1s linear infinite spin}.text-brand{color:var(--brand-500)}#root{text-align:left;width:100%;margin:0}