@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=DM+Sans:wght@300;400;500;600;700&display=swap";.custom-alert-container{position:fixed;top:20px;right:20px;z-index:99999;display:flex;flex-direction:column;gap:10px;max-width:400px;width:calc(100vw - 40px);pointer-events:none}.custom-alert-item{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:12px;box-shadow:0 4px 20px #0000001f,0 2px 8px #0000000f;pointer-events:all;transform:translate(120%);opacity:0;transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .25s ease;border-left:4px solid transparent}.custom-alert-item.show{transform:translate(0);opacity:1}.custom-alert-success{background:#f0faf4;border-left-color:#2e7d32}.custom-alert-success .custom-alert-icon,.custom-alert-success .custom-alert-label{color:#2e7d32}.custom-alert-error{background:#fef2f2;border-left-color:#ba1a1a}.custom-alert-error .custom-alert-icon,.custom-alert-error .custom-alert-label{color:#ba1a1a}.custom-alert-warning{background:#fffbeb;border-left-color:#d97706}.custom-alert-warning .custom-alert-icon,.custom-alert-warning .custom-alert-label{color:#d97706}.custom-alert-info{background:#eff6ff;border-left-color:#2563eb}.custom-alert-info .custom-alert-icon,.custom-alert-info .custom-alert-label{color:#2563eb}.custom-alert-icon{flex-shrink:0;margin-top:1px}.custom-alert-content{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.custom-alert-label{font-size:13px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.custom-alert-message{font-size:14px;color:#3c2a22;line-height:1.5;white-space:pre-line;word-break:break-word}.custom-alert-close{flex-shrink:0;background:none;border:none;cursor:pointer;color:#9c8a82;padding:2px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s;margin-top:-1px}.custom-alert-close:hover{color:#3c2a22;background:#0000000f}.sakopi-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sakopi-space-2);padding:.75rem 1.5rem;font-family:var(--sakopi-font-body);font-size:.875rem;font-weight:600;letter-spacing:.02em;border:none;border-radius:var(--sakopi-radius-sm);cursor:pointer;transition:var(--sakopi-transition);text-decoration:none;line-height:1;white-space:nowrap;position:relative;text-transform:uppercase}.sakopi-btn-small{padding:.5rem 1rem;font-size:.8125rem}.sakopi-btn-medium{padding:.75rem 1.5rem;font-size:.875rem}.sakopi-btn-large{padding:1rem 2rem;font-size:.9375rem}.sakopi-btn-primary{background:var(--sakopi-primary);color:#fff;box-shadow:0 4px 12px #61331f40}.sakopi-btn-primary:hover:not(:disabled){background:var(--sakopi-primary-container);box-shadow:0 6px 20px #61331f59;transform:translateY(-2px)}.sakopi-btn-secondary{background:transparent;color:var(--sakopi-primary);border:1.5px solid var(--sakopi-primary)}.sakopi-btn-secondary:hover:not(:disabled){background:var(--sakopi-primary);color:#fff}.sakopi-btn-danger{background:transparent;color:var(--sakopi-error);border:1.5px solid rgba(186,26,26,.3)}.sakopi-btn-danger:hover:not(:disabled){background:var(--sakopi-error);color:#fff;border-color:var(--sakopi-error)}.sakopi-btn-success{background:var(--sakopi-success);color:#fff}.sakopi-btn-success:hover:not(:disabled){background:#245a32;transform:translateY(-1px)}.sakopi-btn-icon{padding:.5rem;border-radius:50%;width:36px;height:36px}.sakopi-btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:currentColor;border-radius:50%;animation:btnSpin .8s linear infinite}.sakopi-card{background:var(--sakopi-surface-container-lowest);border:1px solid rgba(215,194,187,.5);border-radius:var(--sakopi-radius-xl);padding:var(--sakopi-space-6);box-shadow:var(--sakopi-shadow-md)}.sakopi-card-hover{transition:var(--sakopi-transition);cursor:pointer}.sakopi-card-hover:hover{transform:translateY(-4px);box-shadow:var(--sakopi-shadow-lg);border-color:var(--sakopi-accent)}.sakopi-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sakopi-space-4);padding-bottom:var(--sakopi-space-4);border-bottom:1px solid rgba(215,194,187,.5)}.sakopi-card-title{font-family:var(--sakopi-font-body);font-size:1.125rem;font-weight:600;color:var(--sakopi-darkest);margin:0}.sakopi-status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:var(--sakopi-radius-full);font-size:.75rem;font-weight:700;letter-spacing:.06em;white-space:nowrap;text-transform:uppercase}.sakopi-status-small{padding:.125rem .5rem;font-size:.6875rem}.sakopi-status-medium{padding:.25rem .75rem;font-size:.75rem}.sakopi-status-large{padding:.375rem 1rem;font-size:.8125rem}.sakopi-status-success{background:#2e7d321a;color:var(--sakopi-success);border:1px solid rgba(46,125,50,.2)}.sakopi-status-warning{background:#b07d581f;color:var(--sakopi-accent);border:1px solid rgba(176,125,88,.2)}.sakopi-status-danger{background:#ba1a1a1a;color:var(--sakopi-error);border:1px solid rgba(186,26,26,.2)}.sakopi-status-info{background:#61331f14;color:var(--sakopi-primary);border:1px solid rgba(97,51,31,.15)}.sakopi-status-default{background:var(--sakopi-surface-container-low);color:var(--sakopi-on-surface-variant);border:1px solid var(--sakopi-outline-variant)}.sakopi-modal{background:var(--sakopi-surface-container-lowest);border-radius:var(--sakopi-radius-xl) var(--sakopi-radius-xl) 0 0;width:100%;max-width:520px;max-height:92vh;display:flex;flex-direction:column;box-shadow:var(--sakopi-shadow-xl);animation:modalSlideUp .4s cubic-bezier(.16,1,.3,1);overflow:hidden}.sakopi-modal-small{max-width:400px}.sakopi-modal-medium{max-width:520px}.sakopi-modal-large{max-width:640px}.sakopi-modal-wide{max-width:800px}.sakopi-modal-header{padding:var(--sakopi-space-6) var(--sakopi-space-6) var(--sakopi-space-4);background:var(--sakopi-surface-container-low);border-bottom:1px solid rgba(215,194,187,.5);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.sakopi-modal-title{font-family:var(--sakopi-font-body);font-size:1.25rem;font-weight:700;color:var(--sakopi-darkest);margin:0;line-height:1.25}.sakopi-modal-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#7d4a341a;border:none;border-radius:50%;cursor:pointer;color:var(--sakopi-deep);transition:var(--sakopi-transition-fast);font-size:1.25rem}.sakopi-modal-close:hover{background:var(--sakopi-primary);color:#fff}.sakopi-modal-body{padding:var(--sakopi-space-6);overflow-y:auto;flex:1;background:var(--sakopi-surface-container-lowest)}@media(max-width:480px){.sakopi-modal-body{padding:var(--sakopi-space-4)}}.sakopi-form-group{display:flex;flex-direction:column;gap:var(--sakopi-space-1)}.sakopi-form-label{font-size:.75rem;font-weight:700;color:var(--sakopi-on-surface-variant);text-transform:uppercase;letter-spacing:.05em}.sakopi-form-input,.sakopi-form-select,.sakopi-form-textarea{padding:.75rem 1rem;border:1.5px solid var(--sakopi-outline-variant);border-radius:var(--sakopi-radius-sm);font-size:.9375rem;font-family:var(--sakopi-font-body);background:var(--sakopi-surface-container-lowest);color:var(--sakopi-on-surface);transition:var(--sakopi-transition-fast)}.sakopi-form-input:focus,.sakopi-form-select:focus,.sakopi-form-textarea:focus{outline:none;border-color:var(--sakopi-primary);box-shadow:0 0 0 3px #61331f1a}.sakopi-form-input::-moz-placeholder{color:var(--sakopi-outline)}.sakopi-form-input::placeholder{color:var(--sakopi-outline)}.sakopi-form-error{font-size:.75rem;color:var(--sakopi-error);font-weight:500}.sakopi-form-hint{font-size:.75rem;color:var(--sakopi-outline);font-style:italic}.sakopi-table-container{background:var(--sakopi-surface-container-lowest);border:1px solid rgba(215,194,187,.5);border-radius:var(--sakopi-radius-xl);overflow:hidden;box-shadow:var(--sakopi-shadow-sm)}.sakopi-table{width:100%;border-collapse:collapse;font-size:.875rem}.sakopi-table thead{background:linear-gradient(135deg,var(--sakopi-darkest),var(--sakopi-deep));color:var(--sakopi-latte)}.sakopi-table th{padding:var(--sakopi-space-4) var(--sakopi-space-6);text-align:left;font-weight:600;font-size:.8125rem;letter-spacing:.02em;white-space:nowrap}.sakopi-table td{padding:var(--sakopi-space-4) var(--sakopi-space-6);border-bottom:1px solid rgba(215,194,187,.3);vertical-align:middle}.sakopi-table tbody tr:hover{background:#b07d580a}.sakopi-table tbody tr:last-child td{border-bottom:none}.sakopi-spinner{width:40px;height:40px;border:3px solid rgba(215,194,187,.5);border-top-color:var(--sakopi-accent);border-radius:50%;animation:spin .8s linear infinite}.sakopi-loading-overlay{position:absolute;inset:0;background:#fffc;display:flex;align-items:center;justify-content:center;z-index:10}.sakopi-loading-center{display:flex;flex-direction:column;align-items:center;gap:var(--sakopi-space-4);color:var(--sakopi-on-surface-variant)}.sakopi-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sakopi-space-12) var(--sakopi-space-8);text-align:center}.sakopi-empty-icon{width:80px;height:80px;margin-bottom:var(--sakopi-space-6);opacity:.5;color:var(--sakopi-outline);font-size:4rem}.sakopi-empty-title{font-family:var(--sakopi-font-body);font-size:1.25rem;font-weight:600;color:var(--sakopi-darkest);margin-bottom:var(--sakopi-space-2)}.sakopi-empty-description{color:var(--sakopi-on-surface-variant);max-width:400px}.sakopi-qty-control{display:inline-flex;align-items:center;gap:var(--sakopi-space-1);background:var(--sakopi-surface-container-low);border:1px solid var(--sakopi-outline-variant);border-radius:var(--sakopi-radius-lg);padding:4px}.sakopi-qty-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--sakopi-surface-container-lowest);border:none;border-radius:var(--sakopi-radius-sm);cursor:pointer;font-size:1.25rem;font-weight:600;color:var(--sakopi-primary);transition:var(--sakopi-transition-fast)}.sakopi-qty-btn:hover{background:var(--sakopi-primary);color:#fff}.sakopi-qty-btn:disabled{opacity:.3;cursor:not-allowed}.sakopi-qty-value{min-width:40px;text-align:center;font-weight:700;font-size:.9375rem;color:var(--sakopi-darkest)}.sakopi-search{position:relative;display:flex;align-items:center}.sakopi-search-icon{position:absolute;left:var(--sakopi-space-3);color:var(--sakopi-outline);pointer-events:none}.sakopi-search-input{padding-left:44px}.sakopi-filter-bar{background:var(--sakopi-surface-container-lowest);border:1px solid rgba(215,194,187,.5);border-radius:var(--sakopi-radius-xl);padding:var(--sakopi-space-4);margin-bottom:var(--sakopi-space-8);box-shadow:var(--sakopi-shadow-sm)}.sakopi-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--sakopi-space-4)}.sakopi-filter-group{display:flex;flex-direction:column;gap:var(--sakopi-space-1)}.sakopi-pagination{display:flex;align-items:center;justify-content:center;gap:var(--sakopi-space-2);padding:var(--sakopi-space-4)}.sakopi-pagination-btn{min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--sakopi-outline-variant);border-radius:var(--sakopi-radius-sm);background:var(--sakopi-surface-container-lowest);color:var(--sakopi-on-surface);cursor:pointer;transition:var(--sakopi-transition-fast);font-weight:600}.sakopi-pagination-btn:hover:not(:disabled){border-color:var(--sakopi-accent);color:var(--sakopi-primary)}.sakopi-pagination-btn.active{background:var(--sakopi-primary);border-color:var(--sakopi-primary);color:#fff}.sakopi-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.admin-page{padding:var(--sakopi-space-4)}.admin-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sakopi-space-8);flex-wrap:wrap;gap:var(--sakopi-space-4)}.admin-page-title{font-family:var(--sakopi-font-body);font-size:clamp(1.5rem,3vw,2rem);font-weight:700;color:var(--sakopi-darkest);margin:0}.admin-card{background:var(--sakopi-surface-container-lowest);border:1px solid rgba(215,194,187,.5);border-radius:var(--sakopi-radius-xl);padding:var(--sakopi-space-6);box-shadow:var(--sakopi-shadow-md);margin-bottom:var(--sakopi-space-8)}.admin-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sakopi-space-4);padding-bottom:var(--sakopi-space-4);border-bottom:1px solid rgba(215,194,187,.5)}.admin-card-title{font-family:var(--sakopi-font-body);font-size:1.125rem;font-weight:600;color:var(--sakopi-darkest);margin:0}.admin-stat-card{background:var(--sakopi-surface-container-lowest);border-radius:var(--sakopi-radius-xl);padding:var(--sakopi-space-6);box-shadow:var(--sakopi-shadow-md);border:1px solid rgba(215,194,187,.5);transition:var(--sakopi-transition);position:relative;overflow:hidden}.admin-stat-card:hover{transform:translateY(-4px);box-shadow:var(--sakopi-shadow-lg);border-color:var(--sakopi-accent)}.admin-stat-title{font-size:.8125rem;font-weight:600;color:var(--sakopi-outline);text-transform:uppercase;letter-spacing:.5px}.admin-stat-value{font-size:2rem;font-weight:700;color:var(--sakopi-darkest);font-family:var(--sakopi-font-body)}.admin-filters{background:var(--sakopi-surface-container-lowest);border:1px solid rgba(215,194,187,.5);border-radius:var(--sakopi-radius-xl);padding:var(--sakopi-space-4);margin-bottom:var(--sakopi-space-8);box-shadow:var(--sakopi-shadow-sm)}.admin-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--sakopi-space-4)}.admin-filter-group{display:flex;flex-direction:column;gap:var(--sakopi-space-1)}.admin-filter-label{font-size:.75rem;font-weight:700;color:var(--sakopi-on-surface-variant);text-transform:uppercase;letter-spacing:.05em}.admin-filter-input,.admin-filter-select{padding:.625rem .875rem;border:1.5px solid var(--sakopi-outline-variant);border-radius:var(--sakopi-radius-sm);font-size:.875rem;background:var(--sakopi-surface-container-lowest);color:var(--sakopi-on-surface);transition:var(--sakopi-transition-fast)}.admin-filter-input:focus,.admin-filter-select:focus{outline:none;border-color:var(--sakopi-primary);box-shadow:0 0 0 3px #61331f1a}.admin-actions{display:flex;gap:var(--sakopi-space-2);flex-wrap:wrap}.admin-pagination{display:flex;justify-content:space-between;align-items:center;padding:var(--sakopi-space-4);border-top:1px solid rgba(215,194,187,.5)}.admin-pagination-info{font-size:.875rem;color:var(--sakopi-outline)}.admin-pagination-controls{display:flex;gap:var(--sakopi-space-2)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--sakopi-space-5);margin-bottom:var(--sakopi-space-8)}.menu-card-admin{background:var(--sakopi-surface-container-lowest);border:1px solid rgba(215,194,187,.5);border-radius:var(--sakopi-radius-xl);overflow:hidden;transition:var(--sakopi-transition)}.menu-card-admin:hover{transform:translateY(-4px);box-shadow:var(--sakopi-shadow-lg)}.menu-image-admin{width:100%;height:160px;background:linear-gradient(135deg,var(--sakopi-accent),var(--sakopi-primary-container));display:flex;align-items:center;justify-content:center;font-size:4em;color:#ffffff80}.menu-content-admin{padding:var(--sakopi-space-4)}.menu-name-admin{font-family:var(--sakopi-font-body);font-size:1rem;font-weight:600;color:var(--sakopi-darkest);margin:0}.menu-description-admin{font-size:.8125rem;color:var(--sakopi-outline);margin-bottom:var(--sakopi-space-3);line-height:1.4}.menu-footer-admin{display:flex;justify-content:space-between;align-items:center;margin-top:var(--sakopi-space-3);padding-top:var(--sakopi-space-3);border-top:1px solid rgba(215,194,187,.5)}.menu-price-admin{font-weight:700;color:var(--sakopi-primary)}.menu-actions-admin{display:flex;gap:var(--sakopi-space-2)}.btn-action-admin{padding:6px 12px;border:none;border-radius:var(--sakopi-radius-sm);font-size:.75rem;font-weight:600;cursor:pointer;transition:var(--sakopi-transition-fast)}.btn-action-admin.delete{background:#ba1a1a1a;color:var(--sakopi-error)}.btn-action-admin.toggle{background:#2e7d321a;color:var(--sakopi-success)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sakopi-space-12) var(--sakopi-space-5);gap:var(--sakopi-space-3)}.empty-state{text-align:center;padding:var(--sakopi-space-12) var(--sakopi-space-5);color:var(--sakopi-outline)}.empty-icon{font-size:4rem;margin-bottom:var(--sakopi-space-4);opacity:.3}.spinner-small{width:20px;height:20px;border-width:2px}.spinner-large{width:60px;height:60px;border-width:4px}.category-tabs{display:flex;gap:var(--sakopi-space-6);min-width:-moz-max-content;min-width:max-content;border-bottom:1px solid rgba(215,194,187,.3);padding-bottom:var(--sakopi-space-1)}.category-tab{font-family:var(--sakopi-font-body);font-size:.875rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--sakopi-on-surface-variant);background:transparent;border:none;padding:var(--sakopi-space-2);cursor:pointer;transition:var(--sakopi-transition-fast);border-bottom:2px solid transparent;margin-bottom:-1px}.category-tab:hover{color:var(--sakopi-primary)}.category-tab.active{color:var(--sakopi-primary);border-bottom-color:var(--sakopi-primary)}.product-card{background:var(--sakopi-surface-container-lowest);border:1px solid rgba(215,194,187,.5);border-radius:var(--sakopi-radius-xl);overflow:hidden;transition:var(--sakopi-transition);display:flex;flex-direction:column}.product-card:hover{transform:translateY(-4px);box-shadow:var(--sakopi-shadow-lg);border-color:var(--sakopi-accent)}.product-card-image{width:100%;aspect-ratio:4 / 5;overflow:hidden;position:relative}.product-card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s ease}.product-card:hover .product-card-image img{transform:scale(1.05)}.product-card-badge{position:absolute;top:var(--sakopi-space-3);left:var(--sakopi-space-3);padding:var(--sakopi-space-1) var(--sakopi-space-3);background:#fdfaf7e6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--sakopi-primary);font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;border-radius:var(--sakopi-radius-sm);border:1px solid rgba(215,194,187,.3)}.product-card-content{padding:var(--sakopi-space-4);flex:1;display:flex;flex-direction:column}.product-card-title{font-family:var(--sakopi-font-body);font-size:1rem;font-weight:600;color:var(--sakopi-darkest);margin-bottom:var(--sakopi-space-2)}.product-card-description{font-size:.8125rem;color:var(--sakopi-outline);line-height:1.5;margin-bottom:var(--sakopi-space-3);flex:1}.product-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--sakopi-space-3);border-top:1px solid rgba(215,194,187,.3)}.product-card-price{font-weight:700;color:var(--sakopi-primary);font-size:1rem}.btn-add-circle{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:1.5px solid var(--sakopi-primary);border-radius:50%;color:var(--sakopi-primary);cursor:pointer;transition:var(--sakopi-transition)}.btn-add-circle:hover{background:var(--sakopi-primary);color:#fff}.receipt-card{background:var(--sakopi-surface-container-lowest);padding:var(--sakopi-space-6);box-shadow:var(--sakopi-shadow-lg);border-top:4px solid var(--sakopi-primary);position:relative}.receipt-card-header{text-align:center;margin-bottom:var(--sakopi-space-6);padding-bottom:var(--sakopi-space-4);border-bottom:1px dashed var(--sakopi-outline-variant)}.receipt-card-items{display:flex;flex-direction:column;gap:var(--sakopi-space-3);margin-bottom:var(--sakopi-space-6)}.receipt-card-item{display:flex;justify-content:space-between;font-size:.875rem;padding-bottom:var(--sakopi-space-2);border-bottom:1px dashed rgba(215,194,187,.3)}.receipt-card-totals{border-top:1px solid rgba(215,194,187,.5);padding-top:var(--sakopi-space-4);display:flex;flex-direction:column;gap:var(--sakopi-space-2)}.ambient-shadow{box-shadow:0 10px 30px -5px #4d2d2614}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 20px 40px -10px #4d2d261f}.form-group,.form-group-menu{margin-bottom:var(--sakopi-space-4, 1rem)}.form-label{display:block;font-size:.75rem;font-weight:700;color:var(--sakopi-on-surface-variant, #52443e);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--sakopi-space-2, .5rem)}.form-control{width:100%;padding:.75rem 1rem;font-family:var(--sakopi-font-body, sans-serif);font-size:.9375rem;color:var(--sakopi-on-surface, #281717);background:var(--sakopi-surface-container-lowest, #fff);border:1.5px solid var(--sakopi-outline-variant, #d7c2bb);border-radius:var(--sakopi-radius-sm, 4px);transition:border-color .2s ease;outline:none}.form-control:focus{border-color:var(--sakopi-primary, #61331f);box-shadow:0 0 0 3px #61331f1a}.form-control::-moz-placeholder{color:var(--sakopi-outline, #84736d)}.form-control::placeholder{color:var(--sakopi-outline, #84736d)}.form-control-menu{width:100%;padding:.625rem .875rem;font-family:var(--sakopi-font-body, sans-serif);font-size:.875rem;color:var(--sakopi-on-surface, #281717);background:var(--sakopi-surface-container-lowest, #fff);border:1px solid rgba(215,194,187,.5);border-radius:var(--sakopi-radius-lg, 8px);outline:none}.filter-group{display:flex;flex-direction:column;gap:var(--sakopi-space-1, .25rem)}.filter-input{width:100%;padding:.625rem .875rem;font-size:.875rem;color:var(--sakopi-on-surface, #281717);background:var(--sakopi-bg-card, #fff);border:1px solid var(--sakopi-outline-variant, #d7c2bb);border-radius:var(--sakopi-radius-lg, 8px);outline:none}.filter-input:focus{border-color:var(--sakopi-primary, #61331f);box-shadow:0 0 0 3px #61331f1a}.filter-input-menu{width:100%;padding:.625rem .875rem;font-size:.875rem;color:var(--sakopi-on-surface, #281717);background:var(--sakopi-bg-card, #fff);border:1px solid rgba(215,194,187,.5);border-radius:var(--sakopi-radius-lg, 8px);outline:none}.filter-select{width:100%;padding:.625rem .875rem;font-size:.875rem;color:var(--sakopi-on-surface, #281717);background:var(--sakopi-bg-card, #fff);border:1px solid var(--sakopi-outline-variant, #d7c2bb);border-radius:var(--sakopi-radius-lg, 8px);outline:none;cursor:pointer}.admin-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;font-family:var(--sakopi-font-body, sans-serif);font-size:.8125rem;font-weight:600;border-radius:var(--sakopi-radius-sm, 4px);cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.02em}.admin-btn-primary{background:var(--sakopi-primary, #61331f);color:#fff;border:none}.admin-btn-primary:hover{background:var(--sakopi-primary-container, #7d4a34)}.admin-btn-secondary{background:transparent;color:var(--sakopi-primary, #61331f);border:1.5px solid var(--sakopi-primary, #61331f)}.admin-btn-secondary:hover{background:var(--sakopi-primary, #61331f);color:#fff}.admin-modal{background:var(--sakopi-bg-card, #fff);border-radius:var(--sakopi-radius-xl, 12px);padding:var(--sakopi-space-6, 1.5rem);max-width:600px;margin:0 auto;box-shadow:var(--sakopi-shadow-xl, 0 25px 50px -12px rgba(77, 45, 38, .15))}.admin-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sakopi-space-4, 1rem);padding-bottom:var(--sakopi-space-4, 1rem);border-bottom:1px solid rgba(215,194,187,.5)}.admin-modal-overlay{position:fixed;inset:0;background:#2b1a1a80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--sakopi-space-4, 1rem)}.info-item{display:flex;justify-content:space-between;align-items:baseline;padding:var(--sakopi-space-2, .5rem) 0;border-bottom:1px dashed rgba(215,194,187,.3);font-size:.875rem}.info-item:last-child{border-bottom:none}.legend-item{display:flex;align-items:center;gap:var(--sakopi-space-2, .5rem);font-size:.8125rem;color:var(--sakopi-on-surface-variant, #52443e);padding:var(--sakopi-space-1, .25rem) 0}.tbl-col{padding:var(--sakopi-space-3, .75rem) var(--sakopi-space-4, 1rem);vertical-align:middle;border-bottom:1px solid rgba(215,194,187,.3)}.spinner{width:40px;height:40px;border:3px solid rgba(215,194,187,.5);border-top-color:var(--sakopi-accent, #b07d58);border-radius:50%;animation:spin .8s linear infinite}.close-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#7d4a341a;border:none;border-radius:50%;cursor:pointer;color:var(--sakopi-deep, #4d2d26);font-size:1.25rem;transition:all .2s ease}.close-btn:hover{background:var(--sakopi-primary, #61331f);color:#fff}.required{color:var(--sakopi-error, #ba1a1a);margin-left:2px}.breakdown-label{font-size:.8125rem;color:var(--sakopi-outline, #84736d)}.sakopi-label{display:block;font-family:var(--sakopi-font-body, sans-serif);font-size:.6875rem;font-weight:700;color:var(--sakopi-on-surface-variant, #52443e);letter-spacing:.1em;text-transform:uppercase;margin-bottom:var(--sakopi-space-2, .5rem)}.admin-page{padding:var(--sakopi-space-4, 1rem)}.admin-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sakopi-space-8, 2rem);flex-wrap:wrap;gap:var(--sakopi-space-4, 1rem)}.admin-page-title{font-family:var(--sakopi-font-display, serif);font-size:clamp(1.5rem,3vw,2rem);font-weight:700;color:var(--sakopi-darkest, #2b1a1a);margin:0}.admin-card{background:var(--sakopi-surface-container-lowest, #fff);border:1px solid rgba(215,194,187,.5);border-radius:var(--sakopi-radius-xl, 12px);padding:var(--sakopi-space-6, 1.5rem);box-shadow:var(--sakopi-shadow-md, 0 10px 30px -5px rgba(77, 45, 38, .08));margin-bottom:var(--sakopi-space-8, 2rem)}.admin-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sakopi-space-4, 1rem);padding-bottom:var(--sakopi-space-4, 1rem);border-bottom:1px solid rgba(215,194,187,.5)}.admin-card-title{font-family:var(--sakopi-font-display, serif);font-size:1.125rem;font-weight:600;color:var(--sakopi-darkest, #2b1a1a);margin:0}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sakopi-space-12, 3rem) var(--sakopi-space-5, 1.25rem);gap:var(--sakopi-space-3, .75rem)}.empty-state{text-align:center;padding:var(--sakopi-space-12, 3rem) var(--sakopi-space-5, 1.25rem);color:var(--sakopi-outline, #84736d)}.search-menu-input{width:100%;padding:.625rem .875rem .625rem 2.5rem;font-size:.875rem;color:var(--sakopi-on-surface, #281717);background:var(--sakopi-bg-card, #fff);border:1px solid rgba(215,194,187,.5);border-radius:var(--sakopi-radius-lg, 8px);outline:none}.admin-filter-input{width:100%;padding:.625rem .875rem;border:1.5px solid var(--sakopi-outline-variant, #d7c2bb);border-radius:var(--sakopi-radius-sm, 4px);font-size:.875rem;background:var(--sakopi-surface-container-lowest, #fff);color:var(--sakopi-on-surface, #281717);transition:var(--sakopi-transition-fast, all .15s ease);outline:none}.admin-filter-input:focus{border-color:var(--sakopi-primary, #61331f);box-shadow:0 0 0 3px #61331f1a}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--sakopi-space-5, 1.25rem);margin-bottom:var(--sakopi-space-8, 2rem)}.menu-grid-admin{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--sakopi-space-5, 1.25rem)}.menu-card-admin{background:var(--sakopi-surface-container-lowest, #fff);border:1px solid rgba(215,194,187,.5);border-radius:var(--sakopi-radius-xl, 12px);overflow:hidden;transition:var(--sakopi-transition, all .3s ease)}.menu-card-admin:hover{transform:translateY(-4px);box-shadow:var(--sakopi-shadow-lg, 0 20px 40px -10px rgba(77, 45, 38, .12))}.category-tabs{display:flex;gap:var(--sakopi-space-6, 1.5rem);min-width:-moz-max-content;min-width:max-content;border-bottom:1px solid rgba(215,194,187,.3);padding-bottom:var(--sakopi-space-1, .25rem)}.category-tab{font-family:var(--sakopi-font-body, sans-serif);font-size:.875rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--sakopi-on-surface-variant, #52443e);background:transparent;border:none;padding:var(--sakopi-space-2, .5rem);cursor:pointer;transition:var(--sakopi-transition-fast, all .15s ease);border-bottom:2px solid transparent;margin-bottom:-1px}.category-tab:hover{color:var(--sakopi-primary, #61331f)}.category-tab.active{color:var(--sakopi-primary, #61331f);border-bottom-color:var(--sakopi-primary, #61331f)}.sakopi-receipt-divider{height:1px;background:#d7c2bb66;margin:var(--sakopi-space-4, 1rem) 0}.admin-stat-card{background:var(--sakopi-surface-container-lowest, #fff);border-radius:var(--sakopi-radius-xl, 12px);padding:var(--sakopi-space-6, 1.5rem);box-shadow:var(--sakopi-shadow-md, 0 10px 30px -5px rgba(77, 45, 38, .08));border:1px solid rgba(215,194,187,.5);transition:var(--sakopi-transition, all .3s ease);position:relative;overflow:hidden}.admin-stat-card:hover{transform:translateY(-4px);box-shadow:var(--sakopi-shadow-lg, 0 20px 40px -10px rgba(77, 45, 38, .12));border-color:var(--sakopi-accent, #b07d58)}.admin-stat-content{display:flex;justify-content:space-between;align-items:flex-start}.admin-stat-title{font-size:.8125rem;font-weight:600;color:var(--sakopi-outline, #84736d);text-transform:uppercase;letter-spacing:.5px}.admin-stat-value{font-size:2rem;font-weight:700;color:var(--sakopi-darkest, #2b1a1a);font-family:var(--sakopi-font-display, serif)}.admin-filters{background:var(--sakopi-surface-container-lowest, #fff);border:1px solid rgba(215,194,187,.5);border-radius:var(--sakopi-radius-xl, 12px);padding:var(--sakopi-space-4, 1rem);margin-bottom:var(--sakopi-space-8, 2rem);box-shadow:var(--sakopi-shadow-sm, 0 1px 2px rgba(77, 45, 38, .04))}.admin-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--sakopi-space-4, 1rem)}.admin-filter-group{display:flex;flex-direction:column;gap:var(--sakopi-space-1, .25rem)}.admin-filter-label{font-size:.75rem;font-weight:700;color:var(--sakopi-on-surface-variant, #52443e);text-transform:uppercase;letter-spacing:.05em}.admin-filter-select{padding:.625rem .875rem;border:1.5px solid var(--sakopi-outline-variant, #d7c2bb);border-radius:var(--sakopi-radius-sm, 4px);font-size:.875rem;background:var(--sakopi-surface-container-lowest, #fff);color:var(--sakopi-on-surface, #281717);transition:var(--sakopi-transition-fast, all .15s ease)}.admin-filter-select:focus{outline:none;border-color:var(--sakopi-primary, #61331f);box-shadow:0 0 0 3px #61331f1a}.admin-actions{display:flex;gap:var(--sakopi-space-2, .5rem);flex-wrap:wrap}.admin-pagination{display:flex;justify-content:space-between;align-items:center;padding:var(--sakopi-space-4, 1rem);border-top:1px solid rgba(215,194,187,.5)}.admin-pagination-info{font-size:.875rem;color:var(--sakopi-outline, #84736d)}.admin-pagination-controls{display:flex;gap:var(--sakopi-space-2, .5rem)}.admin-input-text{width:100%;padding:.625rem .875rem;border:1.5px solid var(--sakopi-outline-variant, #d7c2bb);border-radius:var(--sakopi-radius-sm, 4px);font-size:.875rem;background:var(--sakopi-surface-container-lowest, #fff);color:var(--sakopi-on-surface, #281717);transition:var(--sakopi-transition-fast, all .15s ease);outline:none}.admin-input-text:focus{border-color:var(--sakopi-primary, #61331f);box-shadow:0 0 0 3px #61331f1a}.sakopi-table-responsive{overflow-x:auto}:root{--sakopi-darkest: #2b1a1a;--sakopi-deep: #4d2d26;--sakopi-primary: #61331f;--sakopi-primary-container: #7d4a34;--sakopi-on-primary: #ffffff;--sakopi-accent: #b07d58;--sakopi-latte: #d4a387;--sakopi-cream: #fdfaf7;--sakopi-surface: #fff8f7;--sakopi-surface-bright: #fff8f7;--sakopi-surface-dim: #f2d3d2;--sakopi-surface-container-lowest: #ffffff;--sakopi-surface-container-low: #fff0ef;--sakopi-surface-container: #ffe9e8;--sakopi-surface-container-high: #ffe1e0;--sakopi-surface-container-highest:#fbdbda;--sakopi-on-surface: #281717;--sakopi-on-surface-variant: #52443e;--sakopi-inverse-surface: #3f2b2b;--sakopi-inverse-on-surface: #ffedec;--sakopi-outline: #84736d;--sakopi-outline-variant: #d7c2bb;--sakopi-outline-clay: #D4A387;--sakopi-surface-tint: #86513b;--sakopi-success: #2E7D32;--sakopi-success-light: #eef7f1;--sakopi-error: #BA1A1A;--sakopi-error-light: #fdf0ee;--sakopi-bg: var(--sakopi-cream);--sakopi-bg-card: var(--sakopi-surface-container-lowest);--sakopi-text: var(--sakopi-on-surface);--sakopi-text-muted: var(--sakopi-on-surface-variant);--sakopi-text-light: var(--sakopi-latte);--sakopi-border: var(--sakopi-outline-variant);--sakopi-border-light: rgba(215, 194, 187, .5);--sakopi-danger: var(--sakopi-error);--sakopi-danger-light: var(--sakopi-error-light);--sakopi-font-display: "Playfair Display", Georgia, serif;--sakopi-font-body: "DM Sans", -apple-system, sans-serif;--sakopi-text-xs: .75rem;--sakopi-text-sm: .875rem;--sakopi-text-base: 1rem;--sakopi-text-lg: 1.125rem;--sakopi-text-xl: 1.25rem;--sakopi-text-2xl: 1.5rem;--sakopi-text-3xl: 1.875rem;--sakopi-text-4xl: 2.25rem;--sakopi-text-5xl: 3rem;--sakopi-text-6xl: 4rem;--sakopi-leading-tight: 1.1;--sakopi-leading-snug: 1.25;--sakopi-leading-normal: 1.5;--sakopi-leading-relaxed: 1.625;--sakopi-leading-loose: 1.75;--sakopi-space-unit: 8px;--sakopi-space-0: 0;--sakopi-space-1: .25rem;--sakopi-space-2: .5rem;--sakopi-space-3: .75rem;--sakopi-space-4: 1rem;--sakopi-space-5: 1.25rem;--sakopi-space-6: 1.5rem;--sakopi-space-8: 2rem;--sakopi-space-10: 2.5rem;--sakopi-space-12: 3rem;--sakopi-space-16: 4rem;--sakopi-space-20: 5rem;--sakopi-stack-sm: var(--sakopi-space-2);--sakopi-stack-md: var(--sakopi-space-6);--sakopi-stack-lg: var(--sakopi-space-12);--sakopi-stack-xl: var(--sakopi-space-20);--sakopi-gutter: var(--sakopi-space-6);--sakopi-container-max: 1280px;--sakopi-margin-desktop: var(--sakopi-space-16);--sakopi-margin-mobile: var(--sakopi-space-5);--sakopi-radius-none: 0;--sakopi-radius-xs: .125rem;--sakopi-radius-sm: .25rem;--sakopi-radius-md: .375rem;--sakopi-radius-lg: .5rem;--sakopi-radius-xl: .75rem;--sakopi-radius-2xl: 1rem;--sakopi-radius-full: 9999px;--sakopi-radius-sm: var(--sakopi-radius-lg);--sakopi-radius-md: var(--sakopi-radius-xl);--sakopi-radius-lg: var(--sakopi-radius-2xl);--sakopi-shadow-sm: 0 1px 2px rgba(77, 45, 38, .04);--sakopi-shadow-md: 0 10px 30px -5px rgba(77, 45, 38, .08);--sakopi-shadow-lg: 0 20px 40px -10px rgba(77, 45, 38, .12);--sakopi-shadow-xl: 0 25px 50px -12px rgba(77, 45, 38, .15);--sakopi-ambient-shadow: 0 10px 30px -5px rgba(77, 45, 38, .08);--sakopi-shadow-glow: 0 0 0 4px rgba(176, 125, 88, .15);--sakopi-shadow-up: 0 -4px 20px rgba(77, 45, 38, .05);--sakopi-transition: all .3s cubic-bezier(.4, 0, .2, 1);--sakopi-transition-fast: all .15s ease;--sakopi-transition-slow: all .45s cubic-bezier(.16, 1, .3, 1);--sakopi-z-base: 1;--sakopi-z-dropdown: 50;--sakopi-z-sticky: 100;--sakopi-z-navbar: 200;--sakopi-z-modal-backdrop: 900;--sakopi-z-modal: 1000;--sakopi-z-tooltip: 1100}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--sakopi-font-body);color:var(--sakopi-text);background-color:var(--sakopi-bg);line-height:var(--sakopi-leading-relaxed);min-height:100vh}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 20%,rgba(176,125,88,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(125,74,52,.02) 0%,transparent 50%);pointer-events:none;z-index:0}.font-display-lg{font-family:var(--sakopi-font-body);font-size:var(--sakopi-text-6xl);font-weight:700;line-height:var(--sakopi-leading-tight);letter-spacing:-.02em}.font-display-lg-mobile{font-family:var(--sakopi-font-body);font-size:var(--sakopi-text-4xl);font-weight:700;line-height:var(--sakopi-leading-snug)}.font-headline-lg{font-family:var(--sakopi-font-body);font-size:var(--sakopi-text-4xl);font-weight:600;line-height:var(--sakopi-leading-snug)}.font-headline-lg-mobile{font-family:var(--sakopi-font-body);font-size:var(--sakopi-text-3xl);font-weight:600;line-height:var(--sakopi-leading-snug)}.font-headline-md{font-family:var(--sakopi-font-body);font-size:var(--sakopi-text-2xl);font-weight:600;line-height:var(--sakopi-leading-normal)}.font-body-lg{font-family:var(--sakopi-font-body);font-size:var(--sakopi-text-lg);font-weight:400;line-height:var(--sakopi-leading-relaxed)}.font-body-md{font-family:var(--sakopi-font-body);font-size:var(--sakopi-text-base);font-weight:400;line-height:var(--sakopi-leading-relaxed)}.font-label-lg{font-family:var(--sakopi-font-body);font-size:var(--sakopi-text-sm);font-weight:700;letter-spacing:.1em;text-transform:uppercase}.font-label-md{font-family:var(--sakopi-font-body);font-size:var(--sakopi-text-xs);font-weight:500;letter-spacing:.05em}.text-primary{color:var(--sakopi-primary)}.text-primary-container{color:var(--sakopi-primary-container)}.text-on-surface{color:var(--sakopi-on-surface)}.text-on-surface-variant{color:var(--sakopi-on-surface-variant)}.text-on-primary{color:var(--sakopi-on-primary)}.text-secondary{color:var(--sakopi-accent)}.text-success{color:var(--sakopi-success)}.text-error{color:var(--sakopi-error)}.text-outline{color:var(--sakopi-outline)}.bg-background{background-color:var(--sakopi-cream)}.bg-surface{background-color:var(--sakopi-surface)}.bg-surface-container-lowest{background-color:var(--sakopi-surface-container-lowest)}.bg-surface-container-low{background-color:var(--sakopi-surface-container-low)}.bg-surface-container{background-color:var(--sakopi-surface-container)}.bg-primary{background-color:var(--sakopi-primary)}.bg-primary-container{background-color:var(--sakopi-primary-container)}.bg-surface-variant{background-color:var(--sakopi-surface-container-highest)}.border-outline-variant{border-color:var(--sakopi-outline-variant)}.border-outline{border-color:var(--sakopi-outline)}.border-primary{border-color:var(--sakopi-primary)}.border-surface-variant{border-color:var(--sakopi-surface-container-highest)}.sakopi-logo{width:120px;height:auto;margin-bottom:var(--sakopi-space-4)}.sakopi-page{position:relative;z-index:var(--sakopi-z-base);max-width:720px;margin:0 auto;padding:var(--sakopi-space-8) var(--sakopi-space-6);min-height:100vh;display:flex;flex-direction:column}.sakopi-page-wide{max-width:var(--sakopi-container-max)}.sakopi-container{width:100%;max-width:var(--sakopi-container-max);margin-left:auto;margin-right:auto;padding-left:var(--sakopi-margin-mobile);padding-right:var(--sakopi-margin-mobile)}@media(min-width:768px){.sakopi-container{padding-left:var(--sakopi-margin-desktop);padding-right:var(--sakopi-margin-desktop)}}.sakopi-section{margin-bottom:var(--sakopi-space-12)}.sakopi-heading-1{font-family:var(--sakopi-font-body);font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;color:var(--sakopi-darkest);line-height:1.2;letter-spacing:-.02em}.sakopi-heading-2{font-family:var(--sakopi-font-body);font-size:clamp(1.25rem,3vw,1.5rem);font-weight:700;color:var(--sakopi-darkest);line-height:1.3;letter-spacing:-.01em}.sakopi-heading-3{font-family:var(--sakopi-font-body);font-size:1.125rem;font-weight:700;color:var(--sakopi-deep);line-height:1.4}.sakopi-subtitle{font-size:.975rem;color:var(--sakopi-text-muted);font-weight:400;line-height:1.5}.sakopi-text-small{font-size:.8125rem;color:var(--sakopi-text-muted)}.sakopi-text-accent{color:var(--sakopi-accent)}.sakopi-text-primary{color:var(--sakopi-primary)}.sakopi-text-danger{color:var(--sakopi-danger)}.sakopi-text-center{text-align:center}.sakopi-text-bold{font-weight:700}.sakopi-navbar{position:sticky;top:0;z-index:var(--sakopi-z-navbar);background:#fdfaf7e6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(215,194,187,.3)}.sakopi-navbar-inner{max-width:var(--sakopi-container-max);margin:0 auto;padding:var(--sakopi-space-4) var(--sakopi-space-6);display:flex;align-items:center;justify-content:space-between}.sakopi-navbar-title{font-family:var(--sakopi-font-body);font-size:1.5rem;font-weight:700;color:var(--sakopi-primary);letter-spacing:-.01em}.sakopi-btn-back{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:#7d4a3414;color:var(--sakopi-primary);border:1px solid rgba(125,74,52,.15);border-radius:var(--sakopi-radius-full);font-family:var(--sakopi-font-body);font-size:.8125rem;font-weight:500;cursor:pointer;transition:var(--sakopi-transition);text-decoration:none}.sakopi-btn-back:hover{background:#7d4a3426;border-color:#7d4a3440;color:var(--sakopi-deep)}.sakopi-header{text-align:center;padding:var(--sakopi-space-12) var(--sakopi-space-6);margin-bottom:var(--sakopi-space-8);position:relative}.sakopi-header:after{content:"";display:block;width:60px;height:3px;background:linear-gradient(90deg,var(--sakopi-accent),var(--sakopi-latte));border-radius:var(--sakopi-radius-full);margin:var(--sakopi-space-4) auto 0}.sakopi-header .sakopi-heading-1{margin-bottom:var(--sakopi-space-2)}.sakopi-header .sakopi-subtitle{margin-bottom:var(--sakopi-space-4)}.sakopi-header-actions{display:flex;flex-direction:column;align-items:center;gap:var(--sakopi-space-4);margin-top:var(--sakopi-space-6)}.sakopi-ramadan-badge{display:inline-flex;align-items:center;gap:var(--sakopi-space-2);padding:var(--sakopi-space-2) var(--sakopi-space-4);background:linear-gradient(135deg,#b07d581a,#d4a38714);border:1px solid rgba(176,125,88,.2);border-radius:var(--sakopi-radius-full);font-size:.875rem;color:var(--sakopi-deep)}.sakopi-ramadan-icon{font-size:1rem}.sakopi-ramadan-text{font-weight:600;letter-spacing:.02em}.sakopi-track-btn{display:inline-flex;align-items:center;gap:var(--sakopi-space-2);padding:.625rem 1.25rem;background:transparent;color:var(--sakopi-primary);border:1.5px solid var(--sakopi-primary);border-radius:var(--sakopi-radius-full);font-family:var(--sakopi-font-body);font-size:.875rem;font-weight:600;cursor:pointer;transition:var(--sakopi-transition)}.sakopi-track-btn:hover{background:var(--sakopi-primary);color:#fff}.sakopi-track-icon{font-size:1rem}.sakopi-stepper{background:var(--sakopi-bg-card);border:1px solid var(--sakopi-outline-variant);border-radius:var(--sakopi-radius-xl);padding:var(--sakopi-space-6);margin-bottom:var(--sakopi-space-8);box-shadow:var(--sakopi-shadow-md)}.sakopi-stepper-track{display:flex;align-items:flex-start;justify-content:space-between;position:relative}.sakopi-stepper-track:before{content:"";position:absolute;top:16px;left:48px;right:48px;height:2px;background:var(--sakopi-outline-variant);z-index:0}.sakopi-step{display:flex;flex-direction:column;align-items:center;gap:var(--sakopi-space-1);position:relative;z-index:1;flex:1}.sakopi-step-number{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.8125rem;font-weight:700;background:var(--sakopi-bg);color:var(--sakopi-outline);border:2px solid var(--sakopi-outline-variant);transition:var(--sakopi-transition)}.sakopi-step-label{font-size:.6875rem;font-weight:500;color:var(--sakopi-outline);text-align:center;letter-spacing:.02em;white-space:nowrap;text-transform:uppercase}.sakopi-step-active .sakopi-step-number{background:var(--sakopi-primary);color:#fff;border-color:var(--sakopi-primary);box-shadow:0 4px 12px #61331f4d}.sakopi-step-active .sakopi-step-label{color:var(--sakopi-primary);font-weight:700}.sakopi-step-done .sakopi-step-number{background:var(--sakopi-success);color:#fff;border-color:var(--sakopi-success)}.sakopi-badge{display:inline-flex;align-items:center;gap:var(--sakopi-space-1);padding:.4rem 1rem;background:var(--sakopi-primary);color:var(--sakopi-on-primary);font-size:.75rem;font-weight:700;letter-spacing:.04em;border-radius:var(--sakopi-radius-full);box-shadow:var(--sakopi-shadow-sm);text-transform:uppercase}.sakopi-badge-outline{background:transparent;border:1.5px solid var(--sakopi-accent);color:var(--sakopi-accent);box-shadow:none}.sakopi-badge-success{background:#2e7d321a;color:var(--sakopi-success)}.sakopi-badge-info{display:block;background:var(--sakopi-surface-container-low);color:var(--sakopi-on-surface-variant);border:1px solid var(--sakopi-outline-variant);border-radius:var(--sakopi-radius-lg);padding:var(--sakopi-space-3) var(--sakopi-space-4);font-size:.875rem;line-height:1.5;text-align:center}.sakopi-card{background:var(--sakopi-bg-card);border:1px solid rgba(215,194,187,.5);border-radius:var(--sakopi-radius-xl);padding:var(--sakopi-space-6);box-shadow:var(--sakopi-shadow-md);transition:var(--sakopi-transition);position:relative;overflow:hidden}.sakopi-card-interactive{cursor:pointer;border-color:var(--sakopi-outline-variant)}.sakopi-card-interactive:hover{box-shadow:var(--sakopi-shadow-lg);transform:translateY(-4px);border-color:var(--sakopi-accent)}.sakopi-card-interactive:active{transform:translateY(-2px);box-shadow:var(--sakopi-shadow-md)}.sakopi-branch-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--sakopi-surface-container);border-radius:var(--sakopi-radius-xl);font-size:2rem;margin-bottom:var(--sakopi-space-4)}.sakopi-branch-address{font-size:.875rem;color:var(--sakopi-on-surface-variant);line-height:1.6;margin-bottom:var(--sakopi-space-4)}.sakopi-card-title{font-family:var(--sakopi-font-body);font-size:1.125rem;font-weight:600;color:var(--sakopi-darkest);margin-bottom:var(--sakopi-space-2)}.sakopi-card-desc{font-size:.875rem;color:var(--sakopi-text-muted);line-height:1.6;margin-bottom:var(--sakopi-space-4)}.sakopi-card-grid{display:grid;gap:var(--sakopi-space-6)}.sakopi-card-grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.sakopi-card-grid-3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.sakopi-card-compact{padding:var(--sakopi-space-4);box-shadow:var(--sakopi-shadow-sm)}.ambient-shadow{box-shadow:var(--sakopi-ambient-shadow)}.hover-lift{transition:transform .3s ease,box-shadow .3s ease}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--sakopi-shadow-lg)}.hover-scale{transition:transform .3s ease}.hover-scale:hover{transform:scale(1.02)}.sakopi-product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:var(--sakopi-space-4)}.sakopi-product-card{background:var(--sakopi-bg-card);border:1px solid rgba(215,194,187,.5);border-radius:var(--sakopi-radius-xl);overflow:hidden;transition:var(--sakopi-transition);display:flex;flex-direction:column}.sakopi-product-card:hover{box-shadow:var(--sakopi-shadow-lg);transform:translateY(-4px);border-color:var(--sakopi-accent)}.sakopi-product-img{width:100%;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,var(--sakopi-surface-container-low),var(--sakopi-surface-container));font-size:2.25rem;color:var(--sakopi-accent);overflow:hidden}.sakopi-product-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s ease}.sakopi-product-card:hover .sakopi-product-img img{transform:scale(1.05)}.sakopi-product-body{padding:var(--sakopi-space-3);display:flex;flex-direction:column;gap:var(--sakopi-space-1);flex:1}.sakopi-product-name{font-size:.8125rem;font-weight:600;color:var(--sakopi-darkest);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sakopi-product-price{font-size:.875rem;font-weight:700;color:var(--sakopi-primary);margin-top:auto}.sakopi-btn-add{display:flex;align-items:center;justify-content:center;width:100%;padding:.5rem;margin-top:var(--sakopi-space-2);background:transparent;color:var(--sakopi-primary);border:1.5px solid var(--sakopi-primary);border-radius:var(--sakopi-radius-sm);font-family:var(--sakopi-font-body);font-size:.75rem;font-weight:700;letter-spacing:.03em;cursor:pointer;transition:var(--sakopi-transition);text-transform:uppercase}.sakopi-btn-add:hover{background:var(--sakopi-primary);color:#fff;border-color:var(--sakopi-primary)}.accordion-section{margin-bottom:var(--sakopi-space-4);background:var(--sakopi-bg-card);border:1px solid rgba(215,194,187,.5);border-radius:var(--sakopi-radius-xl);overflow:hidden}.accordion-section.accordion-featured{background:linear-gradient(145deg,#fff,var(--sakopi-surface-container-low))}.accordion-section.accordion-featured.seasonal{border-color:#2e7d3273}.accordion-featured.seasonal .accordion-header:hover{background:#2e7d3214}.accordion-featured.seasonal .accordion-title{color:#2e7d32}.accordion-featured.seasonal .accordion-icon,.accordion-featured.seasonal .accordion-header svg{color:#43a047}.accordion-section.accordion-featured.best_seller{border-color:#e6510073}.accordion-featured.best_seller .accordion-header:hover{background:#e6510014}.accordion-featured.best_seller .accordion-title{color:#e65100}.accordion-featured.best_seller .accordion-icon,.accordion-featured.best_seller .accordion-header svg{color:#ff8f00}.accordion-section.accordion-featured.favorit{border-color:#c2185b73}.accordion-featured.favorit .accordion-header:hover{background:#c2185b14}.accordion-featured.favorit .accordion-title{color:#c2185b}.accordion-featured.favorit .accordion-icon,.accordion-featured.favorit .accordion-header svg{color:#e91e63}.accordion-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--sakopi-space-4);background:transparent;border:none;cursor:pointer;transition:var(--sakopi-transition)}.accordion-header:hover{background:var(--sakopi-surface-container-low)}.accordion-title{font-family:var(--sakopi-font-body);font-size:1rem;font-weight:600;color:var(--sakopi-darkest)}.accordion-count{font-size:.8125rem;color:var(--sakopi-outline);margin-left:var(--sakopi-space-2)}.accordion-icon{font-size:.75rem;color:var(--sakopi-outline);transition:transform .3s ease}.accordion-content{padding:0 var(--sakopi-space-4) var(--sakopi-space-4)}.sakopi-tabs{display:flex;gap:var(--sakopi-space-2);overflow-x:auto;padding-bottom:var(--sakopi-space-2);margin-bottom:var(--sakopi-space-6);scrollbar-width:none;-ms-overflow-style:none}.sakopi-tabs::-webkit-scrollbar{display:none}.sakopi-tab{padding:.5rem 1rem;background:transparent;color:var(--sakopi-on-surface-variant);border:1.5px solid var(--sakopi-outline-variant);border-radius:var(--sakopi-radius-full);font-family:var(--sakopi-font-body);font-size:.8125rem;font-weight:500;cursor:pointer;transition:var(--sakopi-transition);white-space:nowrap;flex-shrink:0;text-transform:uppercase;letter-spacing:.02em}.sakopi-tab:hover{border-color:var(--sakopi-accent);color:var(--sakopi-accent);background:#b07d580a}.sakopi-tab-active{background:var(--sakopi-primary);color:#fff;border-color:var(--sakopi-primary);box-shadow:0 2px 8px #61331f33}.sakopi-tab-active:hover{color:#fff;background:var(--sakopi-primary-container)}.sakopi-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sakopi-space-2);padding:.75rem 1.5rem;font-family:var(--sakopi-font-body);font-size:.875rem;font-weight:700;letter-spacing:.1em;border:none;border-radius:var(--sakopi-radius-lg);cursor:pointer;transition:var(--sakopi-transition);text-decoration:none;line-height:1;white-space:nowrap;text-transform:uppercase}.sakopi-btn:focus-visible{outline:2px solid var(--sakopi-accent);outline-offset:2px}.sakopi-btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important;box-shadow:none!important}.sakopi-btn-primary{background:var(--sakopi-primary);color:#fff}.sakopi-btn-primary:hover:not(:disabled){background:var(--sakopi-primary-container)}.sakopi-btn-secondary{background:transparent;color:var(--sakopi-primary);border:1.5px solid var(--sakopi-outline-clay)}.sakopi-btn-secondary:hover:not(:disabled){background:#d4a3870d}.sakopi-btn-ghost{background:transparent;color:var(--sakopi-on-surface-variant);padding:.5rem 1rem}.sakopi-btn-ghost:hover:not(:disabled){background:#61331f0d;color:var(--sakopi-primary)}.sakopi-btn-danger{background:#ba1a1a1a;color:var(--sakopi-danger);border:1.5px solid var(--sakopi-danger)}.sakopi-btn-danger:hover:not(:disabled){background:var(--sakopi-danger);color:#fff}.sakopi-btn-success{background:#2e7d321a;color:var(--sakopi-success);border:1.5px solid var(--sakopi-success)}.sakopi-btn-success:hover:not(:disabled){background:var(--sakopi-success);color:#fff}.sakopi-btn-sm{padding:.5rem 1rem;font-size:.8125rem}.sakopi-btn-lg{padding:1rem 2rem;font-size:.9375rem}.sakopi-btn-full{width:100%}@media(max-width:480px){.sakopi-btn-lg{padding:.75rem 1.25rem;font-size:.875rem}}@media(max-width:400px){.sakopi-sticky-bar-inner .sakopi-btn-primary{padding:.65rem .875rem;font-size:.8125rem;white-space:nowrap}}.sakopi-qty,.qty-control,.qty-selector{display:inline-flex;align-items:center;background:var(--sakopi-surface-container-low);border:1px solid var(--sakopi-outline-variant);border-radius:var(--sakopi-radius-lg);overflow:hidden}.sakopi-qty-btn,.qty-btn,.qty-btn-minus,.qty-btn-plus{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--sakopi-bg-card);border:none;color:var(--sakopi-primary);font-size:1.25rem;font-weight:600;cursor:pointer;transition:var(--sakopi-transition-fast);font-family:var(--sakopi-font-body)}.sakopi-qty-btn:hover,.qty-btn:hover{background:var(--sakopi-primary);color:#fff}.qty-btn-sm{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--sakopi-surface-container);border:1.5px solid var(--sakopi-outline-variant);border-radius:var(--sakopi-radius-md);cursor:pointer;font-size:1rem;font-weight:700;color:var(--sakopi-primary);transition:var(--sakopi-transition-fast);font-family:var(--sakopi-font-body);line-height:1}.qty-btn-sm:hover{background:var(--sakopi-primary);color:#fff;border-color:var(--sakopi-primary);transform:scale(1.05)}.qty-btn-sm:active{transform:scale(.95)}.qty-num{min-width:32px;text-align:center;font-size:.9375rem;font-weight:700;color:var(--sakopi-darkest)}.qty-buttons-modal button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--sakopi-primary);border:none;border-radius:var(--sakopi-radius-md);color:#fff;font-size:1.25rem;font-weight:700;cursor:pointer;transition:var(--sakopi-transition-fast)}.sakopi-qty-value,.qty-value,.qty-display{min-width:44px;text-align:center;font-size:1rem;font-weight:700;color:var(--sakopi-darkest);padding:0 var(--sakopi-space-2)}.sakopi-qty-sm .sakopi-qty-btn{width:28px;height:28px;font-size:1rem}.sakopi-qty-sm .sakopi-qty-value{min-width:30px;font-size:.8125rem}.sakopi-label,.form-label,.sakopi-form-label,.form-group label{display:block;font-family:var(--sakopi-font-body);font-size:.6875rem;font-weight:700;color:var(--sakopi-on-surface-variant);letter-spacing:.1em;text-transform:uppercase;margin-bottom:var(--sakopi-space-2)}.sakopi-label .required,.form-label .required,.sakopi-form-label .required{color:var(--sakopi-error);margin-left:2px}.sakopi-input,.sakopi-select,.sakopi-textarea,.form-control,.form-control-menu,.login-container .form-control,.admin-input-text,.form-group .form-control,.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--sakopi-space-3) 0;font-family:var(--sakopi-font-body);font-size:1rem;font-weight:400;color:var(--sakopi-on-surface);background:transparent;border:none;border-bottom:1px solid var(--sakopi-outline-clay);border-radius:0;transition:border-color .2s ease,box-shadow .2s ease;outline:none}.filter-input,.filter-input-menu,.filter-select,.search-menu-input,.admin-filter-input,select.filter-input,select.filter-select{width:100%;padding:var(--sakopi-space-3) var(--sakopi-space-4);font-family:var(--sakopi-font-body);font-size:.875rem;font-weight:400;color:var(--sakopi-on-surface);background:var(--sakopi-bg-card);border:1px solid var(--sakopi-outline-variant);border-radius:var(--sakopi-radius-lg);transition:border-color .2s ease,box-shadow .2s ease;outline:none;cursor:pointer}.sakopi-input:focus,.sakopi-select:focus,.sakopi-textarea:focus,.form-control:focus,.form-control-menu:focus,.login-container .form-control:focus,.admin-input-text:focus,.form-group .form-control:focus,.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-bottom:2px solid var(--sakopi-primary)}.filter-input:focus,.filter-input-menu:focus,.filter-select:focus,.search-menu-input:focus,.admin-filter-input:focus{outline:none;border-color:var(--sakopi-primary);box-shadow:0 0 0 3px #61331f1a}.sakopi-input::-moz-placeholder,.sakopi-textarea::-moz-placeholder,.form-control::-moz-placeholder,.login-container .form-control::-moz-placeholder,textarea::-moz-placeholder{color:var(--sakopi-on-surface);opacity:.4;font-weight:400}.sakopi-input::placeholder,.sakopi-textarea::placeholder,.form-control::placeholder,.login-container .form-control::placeholder,textarea::placeholder{color:var(--sakopi-on-surface);opacity:.4;font-weight:400}.sakopi-textarea,textarea{min-height:100px;resize:vertical;padding:var(--sakopi-space-3);border:1px solid var(--sakopi-outline-clay);border-radius:var(--sakopi-radius-lg);background:var(--sakopi-bg-card)}.sakopi-textarea:focus,textarea:focus{border-color:var(--sakopi-primary)}.sakopi-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2384736d' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0 center;padding-right:var(--sakopi-space-6);cursor:pointer}.sakopi-input-error,input.error,textarea.error,.sakopi-input.is-error{border-color:var(--sakopi-error)!important}.sakopi-error-text,.error-text,.error-message{display:block;font-size:.6875rem;font-weight:500;color:var(--sakopi-error);margin-top:var(--sakopi-space-1)}.sakopi-form-group,.form-group,.form-group-menu{margin-bottom:var(--sakopi-space-6)}.sakopi-form-row,.form-row,.form-row-menu{display:grid;grid-template-columns:1fr 1fr;gap:var(--sakopi-space-4)}@media(max-width:480px){.sakopi-form-row,.form-row,.form-row-menu{grid-template-columns:1fr}}.sakopi-input-hint,.input-hint{display:block;font-size:.6875rem;color:var(--sakopi-outline);margin-top:var(--sakopi-space-1);font-style:italic}.box-input,.sakopi-box-input{padding:var(--sakopi-space-3) var(--sakopi-space-4);background:var(--sakopi-bg-card);border:1px solid rgba(215,194,187,.5);border-radius:var(--sakopi-radius-sm);font-family:var(--sakopi-font-body);font-size:.875rem;color:var(--sakopi-on-surface);transition:border-color .2s ease,box-shadow .2s ease}.box-input:focus,.sakopi-box-input:focus{outline:none;border-color:var(--sakopi-primary);box-shadow:0 0 0 3px #61331f1a}.sakopi-cart-section{background:var(--sakopi-bg-card);border:1px solid rgba(215,194,187,.5);border-radius:var(--sakopi-radius-xl);padding:var(--sakopi-space-4);box-shadow:var(--sakopi-shadow-md);margin-bottom:var(--sakopi-space-8)}.sakopi-cart-section .sakopi-heading-3{margin-bottom:var(--sakopi-space-4);padding-bottom:var(--sakopi-space-2);border-bottom:1px solid var(--sakopi-outline-variant)}.sakopi-cart-list{display:flex;flex-direction:column}.sakopi-cart-item{display:flex;align-items:center;justify-content:space-between;gap:var(--sakopi-space-4);padding:var(--sakopi-space-4) 0;border-bottom:1px solid rgba(215,194,187,.5);transition:var(--sakopi-transition-fast)}.sakopi-cart-item:last-child{border-bottom:none}.sakopi-cart-item-info{flex:1;min-width:0}.sakopi-cart-item-name{font-size:.9375rem;font-weight:600;color:var(--sakopi-darkest);margin-bottom:2px}.sakopi-cart-item-variant{font-size:.75rem;color:var(--sakopi-accent);font-weight:500}.sakopi-cart-item-price{font-size:.8125rem;color:var(--sakopi-text-muted);margin-top:2px}.sakopi-modal-overlay{position:fixed;inset:0;background:#2b1a1a80;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:flex-end;justify-content:center;z-index:var(--sakopi-z-modal);animation:modalFadeIn .3s ease}@media(min-width:480px){.sakopi-modal-overlay{align-items:center;padding:var(--sakopi-space-6)}}.sakopi-modal{background:var(--sakopi-bg-card);border-radius:var(--sakopi-radius-xl) var(--sakopi-radius-xl) 0 0;width:100%;max-width:520px;max-height:92vh;display:flex;flex-direction:column;box-shadow:var(--sakopi-shadow-xl);animation:modalSlideUp .4s cubic-bezier(.16,1,.3,1);overflow:hidden}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@media(min-width:480px){.sakopi-modal{border-radius:var(--sakopi-radius-xl)}}.sakopi-modal-header{padding:var(--sakopi-space-6) var(--sakopi-space-6) var(--sakopi-space-4);background:var(--sakopi-surface-container-low);border-bottom:1px solid var(--sakopi-outline-variant);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.sakopi-modal-header h3{font-family:var(--sakopi-font-body);font-size:1.25rem;font-weight:700;color:var(--sakopi-darkest);margin:0;line-height:1.25}.sakopi-modal-body{padding:var(--sakopi-space-6);overflow-y:auto;flex:1;background:var(--sakopi-bg-card)}.sakopi-modal-footer{padding:var(--sakopi-space-4) var(--sakopi-space-6) var(--sakopi-space-6);background:linear-gradient(180deg,var(--sakopi-bg-card) 0%,var(--sakopi-surface-container-low) 100%);border-top:1px solid var(--sakopi-outline-variant);display:flex;flex-direction:column;gap:var(--sakopi-space-3)}.sakopi-modal-section{margin-bottom:var(--sakopi-space-6)}.sakopi-modal-desc{font-size:.9375rem;color:var(--sakopi-on-surface-variant);line-height:1.7;margin:0;padding:var(--sakopi-space-4);background:var(--sakopi-surface-container-low);border-radius:var(--sakopi-radius-lg);border-left:3px solid var(--sakopi-accent)}.sakopi-variant-group{margin-bottom:var(--sakopi-space-5)}.sakopi-variant-group h4{font-size:.875rem;font-weight:700;color:var(--sakopi-darkest);margin-bottom:var(--sakopi-space-3);text-transform:uppercase;letter-spacing:.02em}.sakopi-variant-options{display:flex;flex-direction:column;gap:var(--sakopi-space-2)}.sakopi-variant-option{display:flex;align-items:center;gap:var(--sakopi-space-3);padding:var(--sakopi-space-3) var(--sakopi-space-4);background:var(--sakopi-bg-card);border:1.5px solid var(--sakopi-outline-variant);border-radius:var(--sakopi-radius-lg);cursor:pointer;transition:var(--sakopi-transition);font-size:.9375rem}.sakopi-variant-option:hover{border-color:var(--sakopi-accent);background:#b07d580a}.sakopi-variant-option input[type=radio]{accent-color:var(--sakopi-primary)}.sakopi-variant-price-adj{color:var(--sakopi-success);font-size:.8125rem;font-weight:600;margin-left:auto}.sakopi-modal-qty-row{display:flex;align-items:center;justify-content:space-between;padding-top:var(--sakopi-space-4);border-top:1px solid var(--sakopi-outline-variant)}.sakopi-modal-qty-row label{font-size:.875rem;font-weight:700;color:var(--sakopi-darkest)}.sakopi-qty-input{width:60px;text-align:center;padding:.5rem;border:1px solid var(--sakopi-outline-variant);border-radius:var(--sakopi-radius-sm);font-weight:600;font-family:var(--sakopi-font-body)}.sakopi-modal-subtotal{display:flex;justify-content:space-between;align-items:center;padding:var(--sakopi-space-4);background:var(--sakopi-surface-container-low);border-radius:var(--sakopi-radius-lg);margin-top:var(--sakopi-space-4)}.sakopi-modal-subtotal-price{font-family:var(--sakopi-font-body);font-size:1.25rem;font-weight:700;color:var(--sakopi-primary)}.sakopi-base-price-info{font-size:.9375rem;color:var(--sakopi-on-surface-variant);margin-bottom:var(--sakopi-space-4);padding:var(--sakopi-space-3);background:var(--sakopi-surface-container-low);border-radius:var(--sakopi-radius-md);text-align:center}.sakopi-sticky-bar{position:fixed;bottom:0;left:0;right:0;z-index:var(--sakopi-z-sticky);background:#fffffff2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--sakopi-outline-variant);box-shadow:0 -4px 20px #4d2d2614}.sakopi-sticky-bar-inner{max-width:720px;margin:0 auto;padding:var(--sakopi-space-4) var(--sakopi-space-6);display:flex;align-items:center;justify-content:space-between;gap:var(--sakopi-space-4)}.sakopi-sticky-bar-info{flex:1;min-width:0}.sakopi-sticky-bar-label{font-size:.75rem;color:var(--sakopi-outline);font-weight:600;letter-spacing:.05em;text-transform:uppercase}.sakopi-sticky-bar-value{font-family:var(--sakopi-font-body);font-size:1.5rem;font-weight:700;color:var(--sakopi-darkest);line-height:1.2}.sakopi-receipt{background:#fffefa;border:1px dashed var(--sakopi-outline-variant);border-radius:var(--sakopi-radius-lg);padding:var(--sakopi-space-6) var(--sakopi-space-4);box-shadow:var(--sakopi-shadow-md);position:relative;overflow:hidden}.sakopi-receipt-header{text-align:center;padding-bottom:var(--sakopi-space-4);margin-bottom:var(--sakopi-space-4);border-bottom:1px dashed var(--sakopi-outline-variant)}.sakopi-receipt-row{display:flex;justify-content:space-between;align-items:baseline;padding:var(--sakopi-space-1) 0;font-size:.875rem}.sakopi-receipt-label{color:var(--sakopi-text-muted)}.sakopi-receipt-value{font-weight:600;color:var(--sakopi-darkest);text-align:right}.sakopi-receipt-divider{border:none;border-top:1px dashed var(--sakopi-outline-variant);margin:var(--sakopi-space-3) 0}.sakopi-receipt-total{font-size:1.125rem;font-weight:700;color:var(--sakopi-primary)}.sakopi-receipt-v2{background:#fffefa;border-radius:var(--sakopi-radius-xl);box-shadow:var(--sakopi-shadow-lg);overflow:hidden;position:relative;max-width:480px;margin:0 auto}.sakopi-receipt-v2-header{background:linear-gradient(135deg,var(--sakopi-darkest),var(--sakopi-deep));padding:var(--sakopi-space-6) var(--sakopi-space-4);padding-top:calc(var(--sakopi-space-6) + 8px);text-align:center;color:var(--sakopi-latte)}.sakopi-receipt-v2-header h2{font-family:var(--sakopi-font-body);font-size:1.375rem;font-weight:700;color:#fff;margin-bottom:var(--sakopi-space-1);letter-spacing:.04em}.sakopi-receipt-v2-header-sub{font-size:.75rem;color:var(--sakopi-latte);letter-spacing:.06em;text-transform:uppercase;font-weight:500}.sakopi-receipt-v2-body{padding:var(--sakopi-space-6) var(--sakopi-space-5);padding-bottom:calc(var(--sakopi-space-6) + 8px)}.sakopi-receipt-v2-code{text-align:center;margin-bottom:var(--sakopi-space-4)}.sakopi-receipt-v2-code-label{font-size:.6875rem;text-transform:uppercase;letter-spacing:.1em;color:var(--sakopi-outline);font-weight:600;margin-bottom:var(--sakopi-space-1)}.sakopi-receipt-v2-code-value{font-family:Courier New,monospace;font-size:1.25rem;font-weight:700;color:var(--sakopi-primary);letter-spacing:.08em}.sakopi-receipt-v2 .sakopi-receipt-row{padding:var(--sakopi-space-2) 0;font-size:.875rem}.sakopi-receipt-v2 .sakopi-receipt-label{color:var(--sakopi-outline);font-weight:400;flex-shrink:0}.sakopi-receipt-v2 .sakopi-receipt-value{font-weight:600;color:var(--sakopi-darkest);text-align:right;word-break:break-word}.sakopi-receipt-v2-section-title{font-family:var(--sakopi-font-body);font-size:.9375rem;font-weight:600;color:var(--sakopi-deep);margin-bottom:var(--sakopi-space-2);margin-top:var(--sakopi-space-2)}.sakopi-receipt-v2-menu-item{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--sakopi-space-3);padding:var(--sakopi-space-2) 0;border-bottom:1px solid rgba(215,194,187,.3);font-size:.875rem}.sakopi-receipt-v2-menu-item:last-of-type{border-bottom:none}.sakopi-receipt-v2-menu-detail{flex:1;min-width:0}.sakopi-receipt-v2-menu-name{font-weight:600;color:var(--sakopi-darkest)}.sakopi-receipt-v2-menu-qty{font-size:.8125rem;color:var(--sakopi-outline);margin-top:2px}.sakopi-receipt-v2-menu-price{font-weight:700;color:var(--sakopi-primary);flex-shrink:0;text-align:right;font-size:.9375rem}.sakopi-receipt-v2-total{display:flex;justify-content:space-between;align-items:center;padding:var(--sakopi-space-3) var(--sakopi-space-4);margin:var(--sakopi-space-3) calc(var(--sakopi-space-4) * -1);background:#b07d5814}.sakopi-receipt-v2-total-label{font-size:.875rem;font-weight:700;color:var(--sakopi-deep);letter-spacing:.04em}.sakopi-receipt-v2-total-value{font-family:var(--sakopi-font-body);font-size:1.25rem;font-weight:700;color:var(--sakopi-primary)}.sakopi-receipt-v2-empty{text-align:center;padding:var(--sakopi-space-6);color:var(--sakopi-outline);font-size:.875rem;font-style:italic}.sakopi-variant-list{margin-top:var(--sakopi-space-1);padding-left:var(--sakopi-space-3);border-left:2px solid rgba(215,194,187,.5)}.sakopi-variant-inline{display:flex;justify-content:space-between;align-items:center;padding:2px 0;font-size:.8125rem}.sakopi-variant-inline-name{color:var(--sakopi-outline);font-style:italic}.sakopi-variant-inline-price{color:var(--sakopi-success);font-weight:600;font-size:.75rem;margin-left:var(--sakopi-space-2);flex-shrink:0}.sakopi-action-bar{display:flex;gap:var(--sakopi-space-3);justify-content:center;flex-wrap:wrap;margin-bottom:var(--sakopi-space-8)}.sakopi-btn-action{display:inline-flex;align-items:center;gap:.375rem;padding:.625rem 1.125rem;font-family:var(--sakopi-font-body);font-size:.8125rem;font-weight:600;border:1.5px solid var(--sakopi-outline-variant);border-radius:var(--sakopi-radius-full);cursor:pointer;transition:var(--sakopi-transition);background:var(--sakopi-bg-card);color:var(--sakopi-on-surface-variant);text-transform:uppercase;letter-spacing:.02em}.sakopi-btn-action:hover{border-color:var(--sakopi-accent);color:var(--sakopi-primary);background:#b07d580a;transform:translateY(-1px);box-shadow:var(--sakopi-shadow-sm)}.sakopi-btn-action-download{border-color:var(--sakopi-primary);color:var(--sakopi-primary)}.sakopi-btn-action-download:hover{background:var(--sakopi-primary);color:#fff}.sakopi-btn-action-whatsapp{border-color:#25d366;color:#25d366}.sakopi-btn-action-whatsapp:hover{background:#25d366;color:#fff;border-color:#25d366}.sakopi-success-hero{text-align:center;padding:var(--sakopi-space-8) var(--sakopi-space-4);margin-bottom:var(--sakopi-space-8);position:relative}.sakopi-success-icon{font-size:3.5rem;margin-bottom:var(--sakopi-space-4);display:block;animation:successPopIn .5s cubic-bezier(.16,1,.3,1) both}@keyframes successPopIn{0%{opacity:0;transform:scale(.8)}60%{opacity:1;transform:scale(1.05)}to{transform:scale(1)}}.sakopi-success-title{font-family:var(--sakopi-font-body);font-size:clamp(1.5rem,4vw,2rem);font-weight:700;color:var(--sakopi-darkest);margin-bottom:var(--sakopi-space-2);line-height:1.2}.sakopi-success-message{font-size:.9375rem;color:var(--sakopi-text-muted);line-height:1.6;margin-bottom:var(--sakopi-space-6)}.sakopi-success-message b,.sakopi-success-message strong{color:var(--sakopi-darkest);font-weight:600}.sakopi-booking-code{display:inline-block;padding:var(--sakopi-space-3) var(--sakopi-space-5);background:var(--sakopi-surface-container);border:2px dashed var(--sakopi-accent);border-radius:var(--sakopi-radius-lg);font-family:monospace;font-size:1rem;font-weight:700;color:var(--sakopi-primary);letter-spacing:.05em}.track-modal-overlay{position:fixed;inset:0;background:#2b1a1acc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9999}.track-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--sakopi-bg-card);border-radius:var(--sakopi-radius-2xl);width:90%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:var(--sakopi-shadow-xl);z-index:10000;padding:var(--sakopi-space-6);animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}.track-modal-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--sakopi-surface-container);border:1.5px solid var(--sakopi-border);border-radius:var(--sakopi-radius-full);cursor:pointer;color:var(--sakopi-on-surface-variant);transition:var(--sakopi-transition-fast);flex-shrink:0}.track-modal-close:hover{background:var(--sakopi-primary);color:#fff}.track-step{padding-top:var(--sakopi-space-4)}.track-step-header{text-align:center;margin-bottom:var(--sakopi-space-6)}.track-step-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--sakopi-primary) 0%,var(--sakopi-accent) 100%);border-radius:50%;margin:0 auto var(--sakopi-space-4);color:#fff}.track-step-title{font-family:var(--sakopi-font-body);font-size:1.25rem;font-weight:600;color:var(--sakopi-darkest);margin:0 0 var(--sakopi-space-2)}.track-step-subtitle{font-size:.875rem;color:var(--sakopi-on-surface-variant);margin:0}.track-branch-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--sakopi-surface-container);border-radius:var(--sakopi-radius-lg);color:var(--sakopi-accent);flex-shrink:0}.track-branch-logo-large{width:100px;height:100px;-o-object-fit:contain;object-fit:contain}.track-back-btn{display:inline-flex;align-items:center;gap:var(--sakopi-space-2);padding:var(--sakopi-space-2) 0;background:transparent;border:none;cursor:pointer;color:var(--sakopi-accent);font-size:.875rem;font-weight:500;margin-bottom:var(--sakopi-space-4);transition:var(--sakopi-transition-fast)}.track-back-btn:hover{color:var(--sakopi-primary)}.track-branch-list{display:flex;flex-direction:column;gap:var(--sakopi-space-3)}.track-branch-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--sakopi-space-4);background:var(--sakopi-surface-container-low);border:1.5px solid rgba(215,194,187,.5);border-radius:var(--sakopi-radius-lg);cursor:pointer;transition:var(--sakopi-transition-fast);text-align:left}.track-branch-btn:hover{border-color:var(--sakopi-accent);background:var(--sakopi-surface-container);transform:translate(4px)}.track-branch-info{flex:1}.track-branch-name{font-family:var(--sakopi-font-body);font-size:1rem;font-weight:600;color:var(--sakopi-darkest);margin-bottom:var(--sakopi-space-1)}.track-branch-address{display:flex;align-items:flex-start;gap:var(--sakopi-space-1);font-size:.75rem;color:var(--sakopi-on-surface-variant)}.track-branch-arrow{color:var(--sakopi-accent);flex-shrink:0}.track-form{margin-top:var(--sakopi-space-4)}.track-label{display:block;font-size:.8125rem;font-weight:600;color:var(--sakopi-darkest);margin-bottom:var(--sakopi-space-2)}.track-input-wrap{position:relative}.track-input-icon{position:absolute;left:var(--sakopi-space-4);top:50%;transform:translateY(-50%);color:var(--sakopi-outline);pointer-events:none}.track-input{width:100%;padding:var(--sakopi-space-3) var(--sakopi-space-4);padding-left:calc(var(--sakopi-space-4) + 24px + var(--sakopi-space-2));background:var(--sakopi-surface-container-lowest);border:1.5px solid rgba(215,194,187,.6);border-radius:var(--sakopi-radius-lg);font-family:var(--sakopi-font-body);font-size:.9375rem;color:var(--sakopi-on-surface);transition:var(--sakopi-transition-fast)}.track-input:focus{outline:none;border-color:var(--sakopi-primary);box-shadow:0 0 0 3px #61331f1a}.track-input.is-error{border-color:var(--sakopi-error)}.track-input::-moz-placeholder{color:var(--sakopi-outline)}.track-input::placeholder{color:var(--sakopi-outline)}.track-error{margin-top:var(--sakopi-space-2);font-size:.8125rem;color:var(--sakopi-error)}.track-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--sakopi-space-2);padding:var(--sakopi-space-4);background:var(--sakopi-primary);color:#fff;border:none;border-radius:var(--sakopi-radius-lg);font-family:var(--sakopi-font-body);font-size:.9375rem;font-weight:600;cursor:pointer;transition:var(--sakopi-transition-fast)}.track-btn:hover:not(:disabled){background:var(--sakopi-primary-container)}.track-btn:disabled{opacity:.7;cursor:not-allowed}.track-help{margin-top:var(--sakopi-space-5);text-align:center;padding-top:var(--sakopi-space-4);border-top:1px solid rgba(215,194,187,.3)}.track-help-text{font-size:.8125rem;color:var(--sakopi-on-surface-variant);margin-bottom:var(--sakopi-space-2)}.track-wa-link{display:inline-flex;align-items:center;gap:var(--sakopi-space-2);padding:var(--sakopi-space-2) var(--sakopi-space-4);background:#25d366;color:#fff;text-decoration:none;border-radius:var(--sakopi-radius-full);font-size:.875rem;font-weight:500;transition:var(--sakopi-transition-fast)}.track-wa-link:hover{background:#128c7e;transform:scale(1.02)}.track-success-header{text-align:center;padding:var(--sakopi-space-4) 0}.track-success-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--sakopi-success-light);border-radius:50%;margin:0 auto var(--sakopi-space-4);color:var(--sakopi-success)}.track-success-title{font-family:var(--sakopi-font-body);font-size:1.25rem;font-weight:600;color:var(--sakopi-success);margin:0 0 var(--sakopi-space-2)}.track-success-message{font-size:.875rem;color:var(--sakopi-on-surface-variant);margin:0 0 var(--sakopi-space-4)}.track-booking-code{display:inline-block;padding:var(--sakopi-space-3) var(--sakopi-space-5);background:var(--sakopi-surface-container);border:2px dashed var(--sakopi-accent);border-radius:var(--sakopi-radius-lg);font-family:monospace;font-size:1rem;font-weight:700;color:var(--sakopi-primary);letter-spacing:.05em}.track-action-buttons{display:flex;gap:var(--sakopi-space-3);margin-bottom:var(--sakopi-space-5)}.track-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--sakopi-space-2);padding:var(--sakopi-space-3);background:var(--sakopi-primary);color:#fff;border:none;border-radius:var(--sakopi-radius-lg);font-size:.875rem;font-weight:600;cursor:pointer;transition:var(--sakopi-transition-fast)}.track-action-btn:hover{background:var(--sakopi-primary-container)}.track-action-btn-secondary{background:var(--sakopi-surface-container);color:var(--sakopi-on-surface);border:1.5px solid rgba(215,194,187,.5)}.track-action-btn-secondary:hover{background:var(--sakopi-surface-container-high)}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sakopi-receipt-v2{background:var(--sakopi-surface-container-lowest);border-radius:var(--sakopi-radius-xl);border:1px solid rgba(215,194,187,.4);overflow:hidden}.sakopi-receipt-v2-header{background:linear-gradient(135deg,var(--sakopi-primary) 0%,var(--sakopi-accent) 100%);color:#fff;padding:var(--sakopi-space-5);text-align:center}.sakopi-receipt-v2-header h2{font-family:var(--sakopi-font-body);font-size:1.125rem;font-weight:700;margin:0;letter-spacing:.05em}.sakopi-receipt-v2-header-sub{font-size:.75rem;opacity:.9;margin-top:var(--sakopi-space-1)}.sakopi-receipt-v2-branch{display:flex;align-items:center;justify-content:center;gap:var(--sakopi-space-1);font-size:.8125rem;margin-top:var(--sakopi-space-2);opacity:.9}.sakopi-receipt-v2-body{padding:var(--sakopi-space-4)}.sakopi-receipt-v2-code{text-align:center;padding:var(--sakopi-space-4);background:var(--sakopi-surface-container);border-radius:var(--sakopi-radius-lg);margin-bottom:var(--sakopi-space-4)}.sakopi-receipt-v2-code-label{font-size:.6875rem;text-transform:uppercase;letter-spacing:.1em;color:var(--sakopi-on-surface-variant);margin-bottom:var(--sakopi-space-1)}.sakopi-receipt-v2-code-value{font-family:monospace;font-size:1rem;font-weight:700;color:var(--sakopi-primary);letter-spacing:.05em}.sakopi-receipt-divider{height:1px;background:#d7c2bb66;margin:var(--sakopi-space-4) 0}.sakopi-receipt-row{display:flex;justify-content:space-between;align-items:center;padding:var(--sakopi-space-2) 0}.sakopi-receipt-label{font-size:.8125rem;color:var(--sakopi-on-surface-variant)}.sakopi-receipt-value{font-size:.8125rem;font-weight:600;color:var(--sakopi-on-surface)}.sakopi-status-badge{padding:2px 8px;background:var(--sakopi-primary);color:#fff;border-radius:var(--sakopi-radius-full);font-size:.6875rem;font-weight:700;letter-spacing:.05em}.sakopi-receipt-v2-section-title{font-family:var(--sakopi-font-body);font-size:.875rem;font-weight:600;color:var(--sakopi-darkest);margin:var(--sakopi-space-3) 0 var(--sakopi-space-2)}.sakopi-receipt-v2-menu-item{display:flex;justify-content:space-between;padding:var(--sakopi-space-3);background:var(--sakopi-surface-container-low);border-radius:var(--sakopi-radius-md);margin-bottom:var(--sakopi-space-2)}.sakopi-receipt-v2-menu-detail{flex:1}.sakopi-receipt-v2-menu-name{font-size:.875rem;font-weight:600;color:var(--sakopi-darkest)}.sakopi-variant-list{margin-top:var(--sakopi-space-1)}.sakopi-variant-inline{display:flex;gap:var(--sakopi-space-2);font-size:.75rem;color:var(--sakopi-on-surface-variant)}.sakopi-variant-inline-price{color:var(--sakopi-success)}.sakopi-receipt-v2-menu-qty{font-size:.75rem;color:var(--sakopi-on-surface-variant);margin-top:var(--sakopi-space-1)}.sakopi-receipt-v2-menu-price{font-size:.875rem;font-weight:700;color:var(--sakopi-primary)}.sakopi-receipt-v2-empty{text-align:center;padding:var(--sakopi-space-4);color:var(--sakopi-on-surface-variant);font-size:.875rem}.sakopi-receipt-v2-total{display:flex;justify-content:space-between;align-items:center;padding:var(--sakopi-space-4);background:linear-gradient(135deg,var(--sakopi-primary) 0%,var(--sakopi-accent) 100%);margin-top:var(--sakopi-space-3)}.sakopi-receipt-v2-total-label{font-size:.875rem;font-weight:700;color:#ffffffe6;letter-spacing:.05em}.sakopi-receipt-v2-total-value{font-family:var(--sakopi-font-body);font-size:1.25rem;font-weight:700;color:#fff}.track-field{margin-bottom:var(--sakopi-space-4)}.track-label{display:block;font-size:.75rem;font-weight:700;color:var(--sakopi-on-surface-variant);margin-bottom:var(--sakopi-space-2);text-transform:uppercase;letter-spacing:.05em}.track-input-wrap{display:flex;align-items:center;background:var(--sakopi-bg-card);border:1.5px solid var(--sakopi-outline-variant);border-radius:var(--sakopi-radius-lg);overflow:hidden;transition:var(--sakopi-transition-fast)}.track-input-wrap:focus-within{border-color:var(--sakopi-primary);box-shadow:0 0 0 3px #61331f1a}.track-input-prefix{padding:0 var(--sakopi-space-3);background:var(--sakopi-surface-container-low);color:var(--sakopi-outline);font-size:1rem}.track-input{flex:1;padding:var(--sakopi-space-3) var(--sakopi-space-4);border:none;background:transparent;font-family:var(--sakopi-font-body);font-size:1rem;color:var(--sakopi-text);outline:none}.track-input.is-error{color:var(--sakopi-danger)}.track-error{display:flex;align-items:center;gap:var(--sakopi-space-1);font-size:.75rem;color:var(--sakopi-danger);margin-top:var(--sakopi-space-2)}.track-btn{display:flex;align-items:center;justify-content:center;gap:var(--sakopi-space-2);width:100%;padding:var(--sakopi-space-4);background:var(--sakopi-primary);color:#fff;border:none;border-radius:var(--sakopi-radius-lg);font-family:var(--sakopi-font-body);font-size:.9375rem;font-weight:700;cursor:pointer;transition:var(--sakopi-transition);text-transform:uppercase;letter-spacing:.02em}.track-btn:hover:not(:disabled){background:var(--sakopi-primary-container);transform:translateY(-2px);box-shadow:0 6px 20px #61331f4d}.track-spin{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:btnSpin .8s linear infinite}@keyframes btnSpin{to{transform:rotate(360deg)}}.track-wa{display:flex;align-items:center;gap:var(--sakopi-space-2);padding:var(--sakopi-space-3) var(--sakopi-space-4);background:#25d3661a;color:#25d366;border:1.5px solid rgba(37,211,102,.3);border-radius:var(--sakopi-radius-full);font-size:.8125rem;font-weight:600;text-decoration:none;transition:var(--sakopi-transition)}.track-wa:hover{background:#25d366;color:#fff;border-color:#25d366}.sakopi-footer{text-align:center;padding:var(--sakopi-space-8) 0 var(--sakopi-space-4);margin-top:auto;font-size:.8125rem;color:var(--sakopi-outline)}.sakopi-footer a{color:var(--sakopi-accent);text-decoration:none;font-weight:600;transition:var(--sakopi-transition-fast)}.sakopi-footer a:hover{color:var(--sakopi-primary);text-decoration:underline}.sakopi-flex{display:flex}.sakopi-flex-col{flex-direction:column}.sakopi-flex-center{align-items:center;justify-content:center}.sakopi-flex-between{justify-content:space-between;align-items:center}.sakopi-gap-xs{gap:var(--sakopi-space-1)}.sakopi-gap-sm{gap:var(--sakopi-space-2)}.sakopi-gap-md{gap:var(--sakopi-space-4)}.sakopi-gap-lg{gap:var(--sakopi-space-6)}.sakopi-mt-xs{margin-top:var(--sakopi-space-1)}.sakopi-mt-sm{margin-top:var(--sakopi-space-2)}.sakopi-mt-md{margin-top:var(--sakopi-space-4)}.sakopi-mt-lg{margin-top:var(--sakopi-space-6)}.sakopi-mb-xs{margin-bottom:var(--sakopi-space-1)}.sakopi-mb-sm{margin-bottom:var(--sakopi-space-2)}.sakopi-mb-md{margin-bottom:var(--sakopi-space-4)}.sakopi-mb-lg{margin-bottom:var(--sakopi-space-6)}.sakopi-mb-xl{margin-bottom:var(--sakopi-space-8)}@keyframes sakopiFadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes sakopiFadeIn{0%{opacity:0}to{opacity:1}}.sakopi-animate-in{animation:sakopiFadeInUp .5s ease-out both}.sakopi-animate-in-delay-1{animation-delay:.1s}.sakopi-animate-in-delay-2{animation-delay:.2s}.sakopi-animate-in-delay-3{animation-delay:.3s}@media(max-width:600px){.sakopi-page{padding:var(--sakopi-space-4) var(--sakopi-space-3)}.sakopi-header{padding:var(--sakopi-space-8) var(--sakopi-space-3)}.sakopi-card{padding:var(--sakopi-space-4)}.sakopi-card-grid-2,.sakopi-card-grid-3,.sakopi-form-row{grid-template-columns:1fr}.sakopi-stepper-track:before{left:32px;right:32px}.sakopi-step-label{font-size:.5625rem}}.glass-panel{background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(212,163,135,.2)}.glass-nav{background:#fdfaf7e6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(215,194,187,.3)}.sakopi-status-badge{display:inline-block;padding:.25rem .75rem;background:#b07d581f;color:var(--sakopi-accent);font-size:.75rem;font-weight:700;letter-spacing:.06em;border-radius:var(--sakopi-radius-full);border:1px solid rgba(176,125,88,.2);text-transform:uppercase}.sakopi-status-success{background:#2e7d321a;color:var(--sakopi-success);border-color:#2e7d3233}.sakopi-status-warning{background:#b07d581f;color:var(--sakopi-accent);border-color:#b07d5833}.sakopi-status-danger{background:#ba1a1a1a;color:var(--sakopi-error);border-color:#ba1a1a33}.smooth-transition{transition:all .3s cubic-bezier(.4,0,.2,1)}.sakopi-summary{background:var(--sakopi-surface-container-low);border:1px solid rgba(215,194,187,.5);border-radius:var(--sakopi-radius-xl);padding:var(--sakopi-space-4);margin-top:var(--sakopi-space-4);position:relative}.sakopi-summary-title{font-family:var(--sakopi-font-body);font-size:1rem;font-weight:600;color:var(--sakopi-deep);margin-bottom:var(--sakopi-space-3);padding-bottom:var(--sakopi-space-2);border-bottom:1px dashed var(--sakopi-outline-variant)}.sakopi-summary-row{display:flex;justify-content:space-between;align-items:baseline;gap:var(--sakopi-space-2);padding:var(--sakopi-space-2) 0;font-size:.875rem}.sakopi-summary-row-label{color:var(--sakopi-outline);flex-shrink:0;font-weight:500}.sakopi-summary-row-value{font-weight:600;color:var(--sakopi-darkest);text-align:right}.sakopi-summary-item{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--sakopi-space-3);padding:var(--sakopi-space-2) 0;font-size:.875rem;border-bottom:1px solid rgba(215,194,187,.3)}.sakopi-summary-item:last-of-type{border-bottom:none}.sakopi-summary-item-name{font-weight:600;color:var(--sakopi-darkest)}.sakopi-summary-item-variants{margin-top:2px}.sakopi-variant-detail{display:flex;align-items:center;gap:var(--sakopi-space-2);font-size:.75rem}.sakopi-variant-name{color:var(--sakopi-outline);font-style:italic}.sakopi-variant-price{color:var(--sakopi-success);font-weight:600}.sakopi-summary-item-desc{font-size:.75rem;color:var(--sakopi-outline);font-style:italic;margin-top:2px}.sakopi-summary-item-pricing{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0}.sakopi-summary-item-qty{color:var(--sakopi-accent);font-weight:600;font-size:.8125rem}.sakopi-summary-item-price{font-weight:700;color:var(--sakopi-primary);font-size:.875rem}.sakopi-summary-divider{border:none;border-top:1px dashed var(--sakopi-outline-variant);margin:var(--sakopi-space-3) 0}.sakopi-summary-total{display:flex;justify-content:space-between;align-items:center;padding-top:var(--sakopi-space-2)}.sakopi-summary-total-label{font-size:.9375rem;font-weight:700;color:var(--sakopi-deep)}.sakopi-summary-total-value{font-family:var(--sakopi-font-body);font-size:1.25rem;font-weight:700;color:var(--sakopi-primary)}.sakopi-input-hint{font-size:.75rem;color:var(--sakopi-outline);margin-top:var(--sakopi-space-1);font-style:italic}.confirm-modal-overlay{position:fixed;inset:0;background:#2b1a1a99;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--sakopi-space-4)}.confirm-modal{background:var(--sakopi-bg-card);border-radius:var(--sakopi-radius-xl);width:100%;max-width:420px;max-height:90vh;overflow-y:auto;box-shadow:var(--sakopi-shadow-xl)}.confirm-modal-header{padding:var(--sakopi-space-6);background:var(--sakopi-surface-container-low);border-bottom:1px solid var(--sakopi-outline-variant);text-align:center}.confirm-modal-icon{font-size:3rem;margin-bottom:var(--sakopi-space-3)}.confirm-modal-title{font-family:var(--sakopi-font-body);font-size:1.25rem;font-weight:700;color:var(--sakopi-darkest);margin-bottom:var(--sakopi-space-2)}.confirm-modal-subtitle{font-size:.875rem;color:var(--sakopi-outline);margin:0}.confirm-modal-body{padding:var(--sakopi-space-4)}.confirm-modal-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--sakopi-space-4);padding:var(--sakopi-space-3) 0;border-bottom:1px solid rgba(215,194,187,.3)}.confirm-modal-label{font-size:.8125rem;color:var(--sakopi-outline);flex-shrink:0}.confirm-modal-value{font-size:.875rem;font-weight:600;color:var(--sakopi-darkest);text-align:right;word-break:break-word}.confirm-modal-footer{padding:var(--sakopi-space-4);display:flex;gap:var(--sakopi-space-3);border-top:1px solid var(--sakopi-outline-variant);background:var(--sakopi-surface-container-low)}.confirm-modal-footer .sakopi-btn{flex:1}.sakopi-info-grid{display:flex;flex-direction:column}.sakopi-info-row{display:flex;justify-content:space-between;align-items:baseline;gap:var(--sakopi-space-3);padding:var(--sakopi-space-2) 0;border-bottom:1px solid rgba(215,194,187,.3);font-size:.875rem}.sakopi-info-row:last-child{border-bottom:none}.sakopi-info-label{color:var(--sakopi-outline);flex-shrink:0;font-weight:500}.sakopi-info-value{font-weight:600;color:var(--sakopi-darkest);text-align:right;word-break:break-word}.sakopi-bank-card{background:linear-gradient(180deg,var(--sakopi-surface-container-low) 0%,var(--sakopi-surface-container) 100%);border:1px solid rgba(215,194,187,.5);border-radius:var(--sakopi-radius-xl);padding:var(--sakopi-space-4);margin-bottom:var(--sakopi-space-4)}.sakopi-bank-row{display:flex;justify-content:space-between;align-items:center;gap:var(--sakopi-space-2);padding:var(--sakopi-space-2) 0;font-size:.875rem}.sakopi-bank-row+.sakopi-bank-row{border-top:1px solid rgba(215,194,187,.3)}.sakopi-bank-label{color:var(--sakopi-outline);flex-shrink:0}.sakopi-bank-value{font-weight:600;color:var(--sakopi-darkest);text-align:right}.sakopi-bank-value-highlight{font-family:var(--sakopi-font-body);font-size:1.125rem;font-weight:700;color:var(--sakopi-primary)}.sakopi-bank-row-inline{display:flex;align-items:center;gap:var(--sakopi-space-2)}.sakopi-bank-row-total{background:#b07d5814;margin:var(--sakopi-space-2) calc(var(--sakopi-space-4) * -1);margin-bottom:calc(var(--sakopi-space-2) * -1);padding:var(--sakopi-space-3) var(--sakopi-space-4);border-radius:0 0 var(--sakopi-radius-lg) var(--sakopi-radius-lg);border-top:1px dashed var(--sakopi-outline-variant)}.sakopi-btn-copy{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:#b07d581a;color:var(--sakopi-primary);border:1px solid rgba(176,125,88,.2);border-radius:var(--sakopi-radius-sm);font-family:var(--sakopi-font-body);font-size:.6875rem;font-weight:700;cursor:pointer;transition:var(--sakopi-transition-fast);white-space:nowrap;letter-spacing:.02em;text-transform:uppercase}.sakopi-btn-copy:hover{background:var(--sakopi-primary);color:#fff;border-color:var(--sakopi-primary)}.sakopi-upload-area{display:block;position:relative;cursor:pointer;border:2px dashed var(--sakopi-outline-variant);border-radius:var(--sakopi-radius-xl);padding:var(--sakopi-space-6) var(--sakopi-space-4);text-align:center;transition:var(--sakopi-transition);background:var(--sakopi-surface-container-low);margin-bottom:var(--sakopi-space-3)}.sakopi-upload-area:hover{border-color:var(--sakopi-accent);background:#b07d580a}.sakopi-upload-area input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.sakopi-upload-icon{font-size:2rem;margin-bottom:var(--sakopi-space-2)}.sakopi-upload-text{font-size:.875rem;color:var(--sakopi-outline);font-weight:500}.sakopi-upload-filename{color:var(--sakopi-primary);font-weight:600;font-size:.875rem}.sakopi-preview-container{position:relative;margin-top:var(--sakopi-space-2);border-radius:var(--sakopi-radius-lg);overflow:hidden;border:1px solid rgba(215,194,187,.5);box-shadow:var(--sakopi-shadow-sm)}.sakopi-preview-img{width:100%;max-height:280px;-o-object-fit:cover;object-fit:cover;display:block}.sakopi-preview-remove{position:absolute;top:var(--sakopi-space-2);right:var(--sakopi-space-2);width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#2b1a1a99;color:#fff;border:none;border-radius:50%;font-size:1rem;cursor:pointer;transition:var(--sakopi-transition-fast);line-height:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sakopi-preview-remove:hover{background:var(--sakopi-error)}.sakopi-menu-list{max-height:320px;overflow-y:auto;margin-bottom:var(--sakopi-space-3);scrollbar-width:thin;scrollbar-color:var(--sakopi-outline-variant) transparent}.sakopi-menu-list::-webkit-scrollbar{width:4px}.sakopi-menu-list::-webkit-scrollbar-thumb{background:var(--sakopi-outline-variant);border-radius:var(--sakopi-radius-full)}.sakopi-menu-item{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--sakopi-space-3);padding:var(--sakopi-space-3) 0;border-bottom:1px dashed rgba(215,194,187,.3)}.sakopi-menu-item:last-child{border-bottom:none}.sakopi-menu-item-detail{flex:1;min-width:0}.sakopi-menu-item-name{font-weight:600;color:var(--sakopi-darkest);font-size:.9375rem;margin-bottom:2px}.sakopi-menu-item-qty{font-size:.8125rem;color:var(--sakopi-outline);margin-top:4px}.sakopi-menu-item-price{font-weight:700;color:var(--sakopi-primary);font-size:.9375rem;flex-shrink:0;text-align:right}.sakopi-total-bar{display:flex;justify-content:space-between;align-items:center;padding:var(--sakopi-space-3) var(--sakopi-space-4);background:#b07d5814;border:1px solid rgba(176,125,88,.15);border-radius:var(--sakopi-radius-lg);margin-top:var(--sakopi-space-3)}.sakopi-total-bar-label{font-size:.875rem;font-weight:600;color:var(--sakopi-deep)}.sakopi-total-bar-value{font-family:var(--sakopi-font-body);font-size:1.25rem;font-weight:700;color:var(--sakopi-primary)}.sakopi-grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:var(--sakopi-space-6)}@media(max-width:768px){.sakopi-grid-2col{grid-template-columns:1fr}}.sakopi-btn-group{display:flex;gap:var(--sakopi-space-3);margin-top:var(--sakopi-space-6)}.sakopi-btn-group>.sakopi-btn{flex:1}@media(max-width:480px){.sakopi-btn-group{flex-direction:column-reverse}}.sakopi-divider{display:flex;align-items:center;gap:var(--sakopi-space-3);margin:var(--sakopi-space-6) 0;color:var(--sakopi-outline);font-size:.8125rem}.sakopi-divider:before,.sakopi-divider:after{content:"";flex:1;height:1px;background:var(--sakopi-outline-variant)}.sakopi-loading{text-align:center;padding:var(--sakopi-space-8);color:var(--sakopi-outline);font-size:.9375rem}@keyframes sakopiPulse{0%,to{opacity:1}50%{opacity:.5}}.sakopi-loading-pulse{animation:sakopiPulse 1.5s ease-in-out infinite}.sakopi-text-muted{color:var(--sakopi-on-surface-variant)}.sakopi-card-body{flex:1}.sakopi-btn-action-home{border-color:var(--sakopi-outline-variant);color:var(--sakopi-on-surface-variant)}.sakopi-btn-action-home:hover{background:var(--sakopi-deep);color:var(--sakopi-latte);border-color:var(--sakopi-deep)}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--sakopi-cream);padding:var(--sakopi-space-6);position:relative;overflow:hidden}.login:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 20%,rgba(176,125,88,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(125,74,52,.02) 0%,transparent 50%);pointer-events:none;z-index:0}.login-container{width:100%;max-width:420px;padding:var(--sakopi-space-8);background:var(--sakopi-surface-container-lowest);border-radius:var(--sakopi-radius-xl);box-shadow:var(--sakopi-shadow-lg);position:relative;z-index:1}.login-container .logo-section{text-align:center;margin-bottom:var(--sakopi-space-8)}.login-container .logo-icon{width:72px;height:72px;margin:0 auto var(--sakopi-space-4);display:flex;align-items:center;justify-content:center;overflow:hidden}.login-container .logo-icon img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.login-container .logo-text{font-family:var(--sakopi-font-body);font-size:1.5rem;font-weight:700;color:var(--sakopi-darkest);margin-bottom:var(--sakopi-space-1)}.login-container .logo-subtitle{font-size:.875rem;color:var(--sakopi-on-surface-variant)}.login-container .error-alert{display:flex;align-items:center;gap:var(--sakopi-space-2);background:#ba1a1a1a;color:var(--sakopi-error);border:1px solid rgba(186,26,26,.2);border-radius:var(--sakopi-radius-md);padding:var(--sakopi-space-3) var(--sakopi-space-4);margin-bottom:var(--sakopi-space-4);font-size:.875rem}.login-container .error-alert span{flex:1;text-align:left}.login-container .form-group{margin-bottom:var(--sakopi-space-4)}.login-container .form-group label{display:block;font-size:.75rem;font-weight:700;color:var(--sakopi-on-surface-variant);margin-bottom:var(--sakopi-space-2);text-transform:uppercase;letter-spacing:.05em}.login-container .input-wrapper{position:relative}.login-container .form-control{width:100%;padding:.75rem 1rem;font-family:var(--sakopi-font-body);font-size:.9375rem;color:var(--sakopi-text);background:var(--sakopi-bg-card);border:1.5px solid var(--sakopi-outline-variant);border-radius:var(--sakopi-radius-sm);transition:var(--sakopi-transition-fast);outline:none}.login-container .form-control:focus{border-color:var(--sakopi-primary);box-shadow:0 0 0 3px #61331f1a}.login-container .form-control::-moz-placeholder{color:var(--sakopi-outline)}.login-container .form-control::placeholder{color:var(--sakopi-outline)}.login-container .login-btn{width:100%;padding:.875rem 1.5rem;background:var(--sakopi-primary);color:#fff;border:none;border-radius:var(--sakopi-radius-sm);font-family:var(--sakopi-font-body);font-size:.875rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;cursor:pointer;transition:var(--sakopi-transition);box-shadow:0 4px 12px #61331f40}.login-container .login-btn:hover:not(:disabled){background:var(--sakopi-primary-container);transform:translateY(-2px);box-shadow:0 6px 20px #61331f59}.login-container .login-btn:disabled{opacity:.6;cursor:not-allowed}.login-container .divider{display:flex;align-items:center;gap:var(--sakopi-space-3);margin:var(--sakopi-space-6) 0;color:var(--sakopi-outline);font-size:.8125rem}.login-container .divider:before,.login-container .divider:after{content:"";flex:1;height:1px;background:var(--sakopi-outline-variant)}.login-container .back-to-site{text-align:center}.login-container .back-link-btn{display:inline-flex;align-items:center;gap:var(--sakopi-space-2);background:none;border:none;color:var(--sakopi-primary);font-family:var(--sakopi-font-body);font-size:.875rem;font-weight:600;cursor:pointer;transition:var(--sakopi-transition-fast)}.login-container .back-link-btn:hover{color:var(--sakopi-primary-container)}.login-container .back-link-btn:hover svg{transform:translate(-2px)}.login-container .back-link-btn svg{transition:transform .15s ease}.track-page{min-height:100vh;background:var(--sakopi-cream);position:relative;overflow:hidden}.track-page .track-blob{position:fixed;border-radius:50%;filter:blur(80px);opacity:.4;pointer-events:none;z-index:0}.track-page .track-blob-1{width:400px;height:400px;background:var(--sakopi-latte);top:-100px;right:-100px}.track-page .track-blob-2{width:300px;height:300px;background:var(--sakopi-surface-container);bottom:-50px;left:-50px}.track-page .track-navbar{position:sticky;top:0;z-index:var(--sakopi-z-navbar);background:#fdfaf7e6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(215,194,187,.3);padding:var(--sakopi-space-4) var(--sakopi-space-6);display:flex;align-items:center;justify-content:space-between}.track-page .track-back-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:#7d4a3414;color:var(--sakopi-primary);border:1px solid rgba(125,74,52,.15);border-radius:var(--sakopi-radius-full);font-family:var(--sakopi-font-body);font-size:.8125rem;font-weight:500;cursor:pointer;transition:var(--sakopi-transition)}.track-page .track-back-btn:hover{background:#7d4a3426}.track-page .track-navbar-brand{display:flex;align-items:center;gap:var(--sakopi-space-2)}.track-page .track-navbar-logo{width:32px;height:32px}.track-page .track-navbar-brand span{font-family:var(--sakopi-font-body);font-size:1.25rem;font-weight:700;color:var(--sakopi-primary)}.track-page .track-main{max-width:480px;margin:0 auto;padding:var(--sakopi-space-8) var(--sakopi-space-6);position:relative;z-index:1}.track-page .track-header{text-align:center;margin-bottom:var(--sakopi-space-8)}.track-page .track-icon-ring{width:80px;height:80px;margin:0 auto var(--sakopi-space-4);display:flex;align-items:center;justify-content:center;background:var(--sakopi-surface-container);border-radius:50%;font-size:2.5rem}.track-page .track-title{font-family:var(--sakopi-font-body);font-size:clamp(1.5rem,4vw,2rem);font-weight:700;color:var(--sakopi-darkest);margin-bottom:var(--sakopi-space-2)}.track-page .track-desc{font-size:.9375rem;color:var(--sakopi-on-surface-variant);line-height:1.6}.track-page .track-card{background:var(--sakopi-bg-card);border:1px solid rgba(215,194,187,.5);border-radius:var(--sakopi-radius-xl);padding:var(--sakopi-space-6);box-shadow:var(--sakopi-shadow-md);margin-bottom:var(--sakopi-space-6)}.track-page .track-field{margin-bottom:var(--sakopi-space-4)}.track-page .track-label{display:block;font-size:.75rem;font-weight:700;color:var(--sakopi-on-surface-variant);margin-bottom:var(--sakopi-space-2);text-transform:uppercase;letter-spacing:.05em}.track-page .track-input-wrap{display:flex;align-items:center;background:var(--sakopi-bg-card);border:1.5px solid var(--sakopi-outline-variant);border-radius:var(--sakopi-radius-lg);overflow:hidden;transition:var(--sakopi-transition-fast)}.track-page .track-input-wrap:focus-within{border-color:var(--sakopi-primary);box-shadow:0 0 0 3px #61331f1a}.track-page .track-input-prefix{padding:var(--sakopi-space-3);background:var(--sakopi-surface-container-low);color:var(--sakopi-outline);font-size:1rem}.track-page .track-input{flex:1;padding:var(--sakopi-space-3) var(--sakopi-space-4);border:none;background:transparent;font-family:var(--sakopi-font-body);font-size:1rem;color:var(--sakopi-text);outline:none}.track-page .track-input.is-error{color:var(--sakopi-danger)}.track-page .track-error{display:flex;align-items:center;gap:var(--sakopi-space-1);font-size:.75rem;color:var(--sakopi-danger);margin-top:var(--sakopi-space-2)}.track-page .track-btn{display:flex;align-items:center;justify-content:center;gap:var(--sakopi-space-2);width:100%;padding:var(--sakopi-space-4);background:var(--sakopi-primary);color:#fff;border:none;border-radius:var(--sakopi-radius-lg);font-family:var(--sakopi-font-body);font-size:.9375rem;font-weight:700;cursor:pointer;transition:var(--sakopi-transition);text-transform:uppercase;letter-spacing:.02em}.track-page .track-btn:hover:not(:disabled){background:var(--sakopi-primary-container);transform:translateY(-2px);box-shadow:0 6px 20px #61331f4d}.track-page .track-btn:disabled{opacity:.6;cursor:not-allowed}.track-page .track-spin{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:btnSpin .8s linear infinite}.track-page .track-divider{display:flex;align-items:center;gap:var(--sakopi-space-3);margin:var(--sakopi-space-6) 0;color:var(--sakopi-outline);font-size:.8125rem}.track-page .track-divider:before,.track-page .track-divider:after{content:"";flex:1;height:1px;background:var(--sakopi-outline-variant)}.track-page .track-help{text-align:center}.track-page .track-help p{font-size:.875rem;color:var(--sakopi-outline);margin-bottom:var(--skopi-space-2)}.track-page .track-wa{display:inline-flex;align-items:center;justify-content:center;gap:var(--sakopi-space-2);padding:.625rem 1.25rem;background:#25d3661a;color:#25d366;border:1.5px solid rgba(37,211,102,.3);border-radius:var(--sakopi-radius-full);font-family:var(--sakopi-font-body);font-size:.8125rem;font-weight:600;text-decoration:none;transition:var(--sakopi-transition)}.track-page .track-wa:hover{background:#25d366;color:#fff;border-color:#25d366}.track-page .track-tips{display:flex;align-items:flex-start;gap:var(--sakopi-space-3);padding:var(--sakopi-space-4);background:var(--sakopi-surface-container-low);border-radius:var(--sakopi-radius-lg);font-size:.875rem;color:var(--sakopi-on-surface-variant)}.track-page .track-tips-icon{font-size:1.25rem;flex-shrink:0}.track-page .track-tips code{font-family:Courier New,monospace;background:var(--sakopi-surface-container);padding:.125rem .375rem;border-radius:var(--sakopi-radius-sm);font-size:.8125rem}.admin-layout{display:flex;min-height:100vh;background:var(--sakopi-cream)}.admin-layout .sidebar{width:260px;background:var(--sakopi-surface-container-lowest);border-right:1px solid rgba(215,194,187,.5);display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;z-index:var(--sakopi-z-navbar);transition:transform .3s ease}.admin-layout .sidebar.closed{width:80px}.admin-layout .sidebar-header{padding:var(--sakopi-space-6);border-bottom:1px solid rgba(215,194,187,.3)}.admin-layout .brand-container{display:flex;align-items:center;gap:var(--sakopi-space-3)}.admin-layout .sidebar-logo{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--sakopi-surface-container);border-radius:var(--sakopi-radius-lg);font-size:1.5rem}.admin-layout .brand-text{overflow:hidden}.admin-layout .sidebar-title{font-family:var(--sakopi-font-body);font-size:1.25rem;font-weight:700;color:var(--sakopi-primary)}.admin-layout .sidebar-subtitle{font-size:.75rem;color:var(--sakopi-outline)}.admin-layout .sidebar-nav{flex:1;overflow-y:auto;padding:var(--sakopi-space-4) 0}.admin-layout .sidebar-menu{list-style:none;margin:0;padding:0}.admin-layout .menu-item{margin-bottom:var(--sakopi-space-1)}.admin-layout .menu-link{display:flex;align-items:center;gap:var(--sakopi-space-3);width:100%;padding:var(--sakopi-space-3) var(--sakopi-space-6);background:none;border:none;color:var(--sakopi-on-surface-variant);font-family:var(--sakopi-font-body);font-size:.9375rem;font-weight:500;cursor:pointer;transition:var(--sakopi-transition-fast);text-align:left;position:relative}.admin-layout .menu-link:hover{background:#61331f0d;color:var(--sakopi-primary)}.admin-layout .menu-link.active{background:#61331f1a;color:var(--sakopi-primary);font-weight:600}.admin-layout .menu-link.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--sakopi-primary)}.admin-layout .menu-icon{font-size:1.25rem;flex-shrink:0}.admin-layout .menu-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-layout .notification-badge{background:var(--sakopi-error);color:#fff;font-size:.6875rem;font-weight:700;padding:.125rem .5rem;border-radius:var(--sakopi-radius-full);min-width:20px;text-align:center}.admin-layout .sidebar-footer{padding:var(--sakopi-space-4) var(--sakopi-space-6);border-top:1px solid rgba(215,194,187,.3)}.admin-layout .user-info{display:flex;align-items:center;gap:var(--sakopi-space-3);margin-bottom:var(--sakopi-space-3)}.admin-layout .user-avatar{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--sakopi-primary);color:#fff;border-radius:50%;font-family:var(--sakopi-font-body);font-weight:700;font-size:1rem;flex-shrink:0}.admin-layout .user-name{font-weight:600;color:var(--sakopi-darkest);font-size:.9375rem}.admin-layout .user-role{font-size:.75rem;color:var(--sakopi-outline)}.admin-layout .logout-btn{display:flex;align-items:center;gap:var(--sakopi-space-2);width:100%;padding:var(--sakopi-space-2) var(--sakopi-space-3);background:#ba1a1a0d;color:var(--sakopi-error);border:1px solid rgba(186,26,26,.1);border-radius:var(--sakopi-radius-md);font-family:var(--sakopi-font-body);font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--sakopi-transition-fast)}.admin-layout .logout-btn:hover{background:var(--sakopi-error);color:#fff;border-color:var(--sakopi-error)}.admin-layout .main-content{flex:1;margin-left:260px;min-height:100vh}.admin-layout .main-content.expanded{margin-left:80px}.admin-layout .content-wrapper{padding:var(--sakopi-space-8);max-width:1400px}.admin-layout .hamburger-btn{display:none;position:fixed;top:var(--sakopi-space-4);left:var(--sakopi-space-4);z-index:calc(var(--sakopi-z-navbar) + 10);width:40px;height:40px;background:var(--sakopi-surface-container-lowest);border:1px solid rgba(215,194,187,.5);border-radius:var(--sakopi-radius-md);cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:8px}.admin-layout .hamburger-btn span{display:block;width:100%;height:2px;background:var(--sakopi-primary);transition:var(--sakopi-transition-fast)}.admin-layout .hamburger-btn.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.admin-layout .hamburger-btn.open span:nth-child(2){opacity:0}.admin-layout .hamburger-btn.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.admin-layout .sidebar-overlay{display:none;position:fixed;inset:0;background:#2b1a1a80;z-index:calc(var(--sakopi-z-navbar) - 1)}@media(max-width:1024px){.admin-layout .hamburger-btn{display:flex}.admin-layout .sidebar{transform:translate(-100%);width:280px}.admin-layout .sidebar.mobile-open{transform:translate(0)}.admin-layout .sidebar-overlay{display:block}.admin-layout .main-content,.admin-layout .main-content.expanded{margin-left:0}.admin-layout .content-wrapper{padding:var(--sakopi-space-16) var(--sakopi-space-4) var(--sakopi-space-4)}}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--sakopi-space-8);flex-wrap:wrap;gap:var(--sakopi-space-4)}.page-title{font-family:var(--sakopi-font-body);font-size:clamp(1.5rem,3vw,2rem);font-weight:700;color:var(--sakopi-darkest);margin:0 0 var(--sakopi-space-1)}.page-subtitle{font-size:.9375rem;color:var(--sakopi-on-surface-variant);margin:0}.date-badge{display:inline-flex;align-items:center;padding:var(--sakopi-space-2) var(--sakopi-space-4);background:var(--sakopi-surface-container);border-radius:var(--sakopi-radius-lg);font-size:.8125rem;color:var(--sakopi-on-surface-variant)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sakopi-space-5);margin-bottom:var(--sakopi-space-8)}@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.stats-grid{grid-template-columns:1fr}}.stat-card{background:var(--sakopi-surface-container-lowest);border:1px solid rgba(215,194,187,.5);border-radius:var(--sakopi-radius-xl);padding:var(--sakopi-space-6);box-shadow:var(--sakopi-shadow-sm);transition:var(--sakopi-transition);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--sakopi-primary),var(--sakopi-accent));opacity:0;transition:opacity var(--sakopi-transition-fast)}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--sakopi-shadow-lg);border-color:var(--sakopi-accent)}.stat-card:hover:before{opacity:1}.stat-card.alert-card{border-color:var(--sakopi-accent);background:linear-gradient(180deg,var(--sakopi-surface-container-lowest),rgba(176,125,88,.08))}.stat-card.alert-card:before{opacity:1;background:linear-gradient(90deg,var(--sakopi-accent),var(--sakopi-danger));height:4px}.stat-card .stat-content{display:flex;justify-content:space-between;align-items:flex-start}.stat-card .stat-title{font-size:.8125rem;font-weight:600;color:var(--sakopi-outline);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--sakopi-space-2)}.stat-card .stat-value{font-family:var(--sakopi-font-body);font-size:2rem;font-weight:700;color:var(--sakopi-darkest);margin:0 0 var(--sakopi-space-1)}.stat-card .stat-desc{font-size:.8125rem;color:var(--sakopi-on-surface-variant)}.stat-card .stat-icon-wrapper{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--sakopi-radius-lg)}.dashboard-container{position:relative}.dashboard-content-grid{display:grid;grid-template-columns:1fr 400px;gap:var(--sakopi-space-6)}@media(max-width:1200px){.dashboard-content-grid{grid-template-columns:1fr}}.chart-card,.activity-card{background:var(--sakopi-surface-container-lowest);border:1px solid rgba(215,194,187,.5);border-radius:var(--sakopi-radius-xl);box-shadow:var(--sakopi-shadow-sm)}.activity-card{overflow:hidden}.chart-card{padding-bottom:var(--sakopi-space-4);height:390px;overflow:hidden}.card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--sakopi-space-4) var(--sakopi-space-6);border-bottom:1px solid rgba(215,194,187,.3)}.card-header h3{display:flex;align-items:center;gap:var(--sakopi-space-2);font-family:var(--sakopi-font-body);font-size:1rem;font-weight:600;color:var(--sakopi-darkest);margin:0}.chart-period-tabs{display:flex;gap:4px;background:var(--sakopi-surface-dim);border-radius:8px;padding:3px}.chart-period-btn{border:none;background:transparent;color:var(--sakopi-on-surface-variant);font-size:.8rem;font-weight:500;padding:4px 12px;border-radius:6px;cursor:pointer;transition:all .2s}.chart-period-btn.active{background:var(--sakopi-surface-container-lowest);color:var(--sakopi-primary);box-shadow:var(--sakopi-shadow-sm)}.chart-period-btn:hover:not(.active){color:var(--sakopi-darkest)}.activity-list{padding:var(--sakopi-space-4) var(--sakopi-space-6);max-height:400px;overflow-y:auto}.activity-item{display:flex;gap:var(--sakopi-space-3);padding:var(--sakopi-space-3) 0;border-bottom:1px solid rgba(215,194,187,.2)}.activity-item:last-child{border-bottom:none}.activity-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;margin-top:5px}.activity-dot.success{background:var(--sakopi-success)}.activity-dot.warning{background:var(--sakopi-accent)}.activity-dot.danger{background:var(--sakopi-error)}.activity-dot.info{background:var(--sakopi-primary)}.activity-content{flex:1;min-width:0}.activity-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.activity-code{font-family:monospace;font-size:.8125rem;font-weight:600;color:var(--sakopi-primary)}.activity-time{font-size:.75rem;color:var(--sakopi-outline)}.activity-text{font-size:.8125rem;color:var(--sakopi-on-surface-variant);margin:0 0 var(--sakopi-space-1)}.activity-text b{color:var(--sakopi-darkest)}.status-pill{display:inline-block;padding:.125rem .5rem;border-radius:var(--sakopi-radius-full);font-size:.6875rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.status-pill.pending{background:#b07d5826;color:var(--sakopi-accent)}.status-pill.confirmed{background:#2e7d3226;color:var(--sakopi-success)}.status-pill.cancelled{background:#ba1a1a26;color:var(--sakopi-error)}.badge-branch{display:inline-flex;align-items:center;padding:.25rem .75rem;background:#2e7d321a;color:var(--sakopi-success);border-radius:var(--sakopi-radius-full);font-size:.6875rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.admin-menu-container{max-width:1400px}.page-header-menu{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--sakopi-space-6);flex-wrap:wrap;gap:var(--sakopi-space-4)}.page-header-actions{display:flex;flex-direction:column;gap:8px;align-items:stretch}.page-title-menu{font-family:var(--sakopi-font-body);font-size:clamp(1.25rem,3vw,1.5rem);font-weight:700;color:var(--sakopi-darkest);margin:0 0 var(--sakopi-space-1)}.page-subtitle-menu{font-size:.875rem;color:var(--sakopi-on-surface-variant);margin:0}.filters-section-menu{background:var(--sakopi-surface-container-lowest);border:1px solid rgba(215,194,187,.5);border-radius:var(--sakopi-radius-xl);padding:var(--sakopi-space-4);margin-bottom:var(--sakopi-space-6);box-shadow:var(--sakopi-shadow-sm)}.filters-grid-menu{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--sakopi-space-3);align-items:end}.filter-btn-reset{padding:.625rem 1rem;background:transparent;color:var(--sakopi-on-surface-variant);border:1.5px solid var(--sakopi-outline-variant);border-radius:var(--sakopi-radius-sm);font-family:var(--sakopi-font-body);font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--sakopi-transition-fast);white-space:nowrap}.filter-btn-reset:hover{border-color:var(--sakopi-primary);color:var(--sakopi-primary)}.loading-state-menu,.empty-state-menu{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sakopi-space-12) var(--sakopi-space-5);gap:var(--sakopi-space-3);color:var(--sakopi-outline);text-align:center}.spinner-menu{width:40px;height:40px;border:3px solid rgba(215,194,187,.5);border-top-color:var(--sakopi-primary);border-radius:50%;animation:spin .8s linear infinite}.empty-icon-menu{font-size:4rem;margin-bottom:var(--sakopi-space-4);opacity:.3}.category-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .625rem;border-radius:var(--sakopi-radius-md);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.category-badge.food{background:#ba1a1a1a;color:#ba1a1a}.category-badge.drink{background:#61331f1a;color:var(--sakopi-primary)}.category-badge.snack{background:#b07d581a;color:var(--sakopi-accent)}.category-badge.package{background:#2e7d321a;color:var(--sakopi-success)}.category-badge.add_on{background:#5d36171a;color:var(--sakopi-tertiary)}.availability-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:var(--sakopi-radius-md);font-size:.6875rem;font-weight:700}.availability-badge.available{background:#2e7d321a;color:var(--sakopi-success)}.availability-badge.unavailable{background:#ba1a1a1a;color:var(--sakopi-error)}.menu-featured-badge{position:absolute;top:10px;left:10px;z-index:2;display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .625rem;border-radius:999px;font-size:.6875rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#fff;box-shadow:0 2px 8px #00000040}.menu-featured-badge.best_seller{background:linear-gradient(135deg,#e65100,#ff8f00)}.menu-featured-badge.favorit{background:linear-gradient(135deg,#c2185b,#e91e63)}.menu-featured-badge.seasonal{background:linear-gradient(135deg,#2e7d32,#43a047)}.special-types-list{margin-bottom:0}.special-types-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.special-type-row{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:8px;margin-bottom:6px;background:#faf8f6;border:1px solid #f0ebe8}.special-type-info{display:flex;align-items:center;gap:10px}.special-type-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.special-type-name{font-weight:500}.special-type-actions{display:flex;gap:4px}.sakopi-product-card{position:relative}.menu-featured-badge.card-ribbon{top:8px;left:8px;font-size:.625rem;padding:.25rem .5rem}.no-image-admin{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem;opacity:.3}.sold-out-overlay-admin{position:absolute;inset:0;background:#2b1a1ab3;display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--sakopi-font-body);font-size:1.25rem;font-weight:700;letter-spacing:.1em}.variant-info-admin{display:flex;align-items:center;gap:var(--sakopi-space-1);font-size:.75rem;color:var(--sakopi-outline);margin-bottom:var(--sakopi-space-2)}.price-single{display:flex;flex-direction:column}.price-value{font-weight:700;color:var(--sakopi-primary)}.modal-overlay-menu{position:fixed;inset:0;background:#2b1a1a99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:var(--sakopi-z-modal);padding:var(--sakopi-space-4)}.modal-card-menu{background:var(--sakopi-bg-card);border-radius:var(--sakopi-radius-xl);width:100%;max-width:720px;max-height:90vh;overflow-y:auto;box-shadow:var(--sakopi-shadow-xl)}.modal-header-menu{display:flex;justify-content:space-between;align-items:center;padding:var(--sakopi-space-4) var(--sakopi-space-6);background:var(--sakopi-surface-container-low);border-bottom:1px solid var(--sakopi-outline-variant);position:sticky;top:0;z-index:1}.modal-header-menu h3{font-family:var(--sakopi-font-body);font-size:1.125rem;font-weight:700;color:var(--sakopi-darkest);margin:0}.close-btn-menu{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#7d4a341a;border:none;border-radius:50%;cursor:pointer;font-size:1.25rem;color:var(--sakopi-deep);transition:var(--sakopi-transition-fast)}.close-btn-menu:hover{background:var(--sakopi-primary);color:#fff}.modal-body-menu{padding:var(--sakopi-space-6)}.form-section-menu{margin-bottom:var(--sakopi-space-6)}.form-section-menu.variant-section-menu{background:var(--sakopi-surface-container-low);border-radius:var(--sakopi-radius-lg);padding:var(--sakopi-space-4)}.section-title-menu{font-family:var(--sakopi-font-body);font-size:1rem;font-weight:600;color:var(--sakopi-darkest);margin:0 0 var(--sakopi-space-4)}.variant-header-menu{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sakopi-space-4)}.btn-add-variant-menu{padding:.5rem 1rem;background:var(--sakopi-primary);color:#fff;border:none;border-radius:var(--sakopi-radius-sm);font-family:var(--sakopi-font-body);font-size:.8125rem;font-weight:600;cursor:pointer;transition:var(--sakopi-transition-fast)}.btn-add-variant-menu:hover{background:var(--sakopi-primary-container)}.empty-variant-menu{text-align:center;padding:var(--sakopi-space-6);color:var(--sakopi-outline);font-size:.875rem}.variant-group-card-menu{background:var(--sakopi-bg-card);border:1px solid rgba(215,194,187,.5);border-radius:var(--sakopi-radius-lg);padding:var(--sakopi-space-4);margin-bottom:var(--sakopi-space-4)}.variant-group-header-menu{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sakopi-space-3)}.group-number-menu{font-size:.75rem;font-weight:700;color:var(--sakopi-primary);text-transform:uppercase;letter-spacing:.05em}.btn-delete-group-menu{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ba1a1a1a;border:none;border-radius:var(--sakopi-radius-sm);cursor:pointer;transition:var(--sakopi-transition-fast);font-size:.875rem}.btn-delete-group-menu:hover{background:var(--sakopi-error);color:#fff}.options-header-menu{display:flex;justify-content:space-between;align-items:center;margin:var(--sakopi-space-3) 0 var(--sakopi-space-2)}.options-header-menu label{font-size:.8125rem;font-weight:600;color:var(--sakopi-on-surface-variant)}.btn-add-option-menu{padding:.375rem .75rem;background:transparent;color:var(--sakopi-primary);border:1px solid var(--sakopi-primary);border-radius:var(--sakopi-radius-sm);font-size:.75rem;font-weight:600;cursor:pointer;transition:var(--sakopi-transition-fast)}.btn-add-option-menu:hover{background:var(--sakopi-primary);color:#fff}.option-row-menu{display:grid;grid-template-columns:auto 1fr 100px auto;gap:var(--sakopi-space-2);align-items:center;margin-bottom:var(--sakopi-space-2)}.option-number-menu{font-size:.75rem;color:var(--sakopi-outline);width:20px}.btn-delete-option-menu{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--sakopi-outline-variant);border-radius:var(--sakopi-radius-sm);cursor:pointer;transition:var(--sakopi-transition-fast);color:var(--sakopi-error);font-size:.875rem}.btn-delete-option-menu:hover{background:var(--sakopi-error);color:#fff;border-color:var(--sakopi-error)}.form-actions-menu{display:flex;gap:var(--sakopi-space-3);justify-content:flex-end;padding-top:var(--sakopi-space-4);border-top:1px solid rgba(215,194,187,.3);margin-top:var(--sakopi-space-4)}.btn-cancel-menu{padding:.75rem 1.5rem;background:transparent;color:var(--sakopi-on-surface-variant);border:1.5px solid var(--sakopi-outline-variant);border-radius:var(--sakopi-radius-sm);font-family:var(--sakopi-font-body);font-size:.875rem;font-weight:600;cursor:pointer;transition:var(--sakopi-transition-fast)}.btn-cancel-menu:hover{border-color:var(--sakopi-primary);color:var(--sakopi-primary)}.btn-submit-menu{padding:.75rem 1.5rem;background:var(--sakopi-primary);color:#fff;border:none;border-radius:var(--sakopi-radius-sm);font-family:var(--sakopi-font-body);font-size:.875rem;font-weight:600;cursor:pointer;transition:var(--sakopi-transition);box-shadow:0 4px 12px #61331f40}.btn-submit-menu:hover{background:var(--sakopi-primary-container);transform:translateY(-2px);box-shadow:0 6px 20px #61331f59}.form-group-menu{margin-bottom:var(--sakopi-space-4)}.form-group-menu label{display:block;font-size:.75rem;font-weight:700;color:var(--sakopi-on-surface-variant);margin-bottom:var(--sakopi-space-2);text-transform:uppercase;letter-spacing:.05em}.form-group-menu .required{color:var(--sakopi-error)}.form-row-menu{display:grid;grid-template-columns:1fr 1fr;gap:var(--sakopi-space-4)}@media(max-width:640px){.form-row-menu{grid-template-columns:1fr}}.form-control-menu{width:100%;padding:.75rem 1rem;font-family:var(--sakopi-font-body);font-size:.9375rem;color:var(--sakopi-text);background:var(--sakopi-bg-card);border:1.5px solid var(--sakopi-outline-variant);border-radius:var(--sakopi-radius-sm);transition:var(--sakopi-transition-fast);outline:none}.form-control-menu:focus{border-color:var(--sakopi-primary);box-shadow:0 0 0 3px #61331f1a}.checkbox-label-menu{display:flex;align-items:center;gap:var(--sakopi-space-4);cursor:pointer;font-size:.875rem;font-weight:500;color:var(--sakopi-on-surface-variant)}.checkbox-label-menu input[type=checkbox]{width:18px;height:18px;accent-color:var(--sakopi-primary);flex-shrink:0}.checkbox-label-menu input[type=checkbox]+span{margin-left:var(--sakopi-space-4)}.upload-label-menu{display:block;cursor:pointer;border:2px dashed var(--sakopi-outline-variant);border-radius:var(--sakopi-radius-lg);padding:var(--sakopi-space-6);text-align:center;transition:var(--sakopi-transition-fast);background:var(--sakopi-surface-container-low)}.upload-label-menu:hover{border-color:var(--sakopi-accent);background:#b07d580a}.upload-placeholder-menu{color:var(--sakopi-outline);font-size:.875rem}.upload-placeholder-menu div:first-child{font-size:2rem;margin-bottom:var(--sakopi-space-2)}.image-preview-menu{max-width:200px;max-height:150px;-o-object-fit:cover;object-fit:cover;border-radius:var(--sakopi-radius-md)}.option-name-input-menu{min-width:0}.option-price-input-menu{width:100px}.menu-card{background:var(--sakopi-surface-container-lowest);border:1px solid rgba(215,194,187,.5);border-radius:var(--sakopi-radius-xl);overflow:hidden;transition:var(--sakopi-transition)}.menu-card:hover{transform:translateY(-4px);box-shadow:var(--sakopi-shadow-lg);border-color:var(--sakopi-accent)}.menu-card .menu-image{width:100%;height:140px;background:linear-gradient(135deg,var(--sakopi-accent),var(--sakopi-primary-container));display:flex;align-items:center;justify-content:center;font-size:3em;color:#fff6;position:relative}.menu-card .menu-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.stock-badge{position:absolute;top:var(--sakopi-space-2);right:var(--sakopi-space-2);padding:.25rem .625rem;border-radius:var(--sakopi-radius-md);font-size:.6875rem;font-weight:700;text-transform:uppercase}.stock-badge.stock-available{background:#2e7d32e6;color:#fff}.stock-badge.stock-soldout{background:#ba1a1ae6;color:#fff}.menu-card .menu-body{padding:var(--sakopi-space-4)}.menu-card .menu-name{font-family:var(--sakopi-font-body);font-size:1rem;font-weight:600;color:var(--sakopi-darkest);margin:0 0 var(--sakopi-space-1)}.menu-card .menu-desc{font-size:.8125rem;color:var(--sakopi-outline);margin:0 0 var(--sakopi-space-3);line-height:1.4}.menu-card .menu-price{font-weight:700;color:var(--sakopi-primary);font-size:1rem;margin-bottom:var(--sakopi-space-3)}.menu-card .menu-actions{display:flex;gap:var(--sakopi-space-2);padding-top:var(--sakopi-space-3);border-top:1px solid rgba(215,194,187,.3)}.btn-action{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem .75rem;border-radius:var(--sakopi-radius-sm);font-family:var(--sakopi-font-body);font-size:.75rem;font-weight:600;cursor:pointer;transition:var(--sakopi-transition-fast)}.btn-action.btn-edit{background:#b07d5826;color:var(--sakopi-accent);border:none}.btn-action.btn-edit:hover{background:var(--sakopi-accent);color:#fff}.btn-action.btn-delete{background:#ba1a1a1a;color:var(--sakopi-error);border:none;padding:.5rem}.btn-action.btn-delete:hover{background:var(--sakopi-error);color:#fff}.filter-section{background:var(--sakopi-surface-container-lowest);border:1px solid rgba(215,194,187,.5);border-radius:var(--sakopi-radius-xl);padding:var(--sakopi-space-5);margin-bottom:var(--sakopi-space-6);box-shadow:var(--sakopi-shadow-sm)}.filter-row{display:flex;flex-wrap:wrap;gap:var(--sakopi-space-3);align-items:flex-end}.filter-group{display:flex;flex-direction:column;gap:var(--sakopi-space-1)}.filter-label{font-size:.6875rem;font-weight:700;color:var(--sakopi-outline);text-transform:uppercase;letter-spacing:.1em}.filter-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:transparent;border:1.5px solid var(--sakopi-outline-variant);border-radius:var(--sakopi-radius-sm);font-family:var(--sakopi-font-body);font-size:.8125rem;font-weight:600;color:var(--sakopi-outline);cursor:pointer;transition:var(--sakopi-transition-fast);white-space:nowrap}.filter-btn:hover{border-color:var(--sakopi-accent);color:var(--sakopi-primary)}.filter-btn-reset{color:var(--sakopi-error);border-color:#ba1a1a4d}.filter-btn-reset:hover{background:#ba1a1a14;border-color:var(--sakopi-error);color:var(--sakopi-error)}.filter-btn-primary{background:var(--sakopi-primary);color:#fff;border-color:var(--sakopi-primary)}.filter-btn-primary:hover{background:var(--sakopi-primary-container);border-color:var(--sakopi-primary-container)}.urgency-legend{display:flex;gap:var(--sakopi-space-4);padding:var(--sakopi-space-3) 0;border-bottom:1px solid rgba(215,194,187,.3);margin-bottom:var(--sakopi-space-4)}.urgency-legend-item{display:flex;align-items:center;gap:var(--sakopi-space-2);font-size:.75rem;color:var(--sakopi-outline)}.urgency-legend-dot{width:8px;height:8px;border-radius:50%}.urgency-legend-dot.today{background:var(--sakopi-error)}.urgency-legend-dot.tomorrow{background:var(--sakopi-accent)}.urgency-legend-dot.normal{background:var(--sakopi-outline)}.pax-summary-strip{display:flex;gap:12px;flex-wrap:wrap;padding:10px 0;margin-bottom:12px}.pax-summary-item{display:flex;align-items:center;gap:8px;padding:6px 14px;background:var(--sakopi-surface-container-low);border-radius:var(--sakopi-radius-full);border:1px solid var(--sakopi-outline-variant)}.pax-summary-date{font-size:.8125rem;color:var(--sakopi-on-surface-variant)}.pax-summary-badge{font-size:.8125rem;font-weight:700;color:var(--sakopi-primary)}@media(max-width:1024px){.admin-table{font-size:.8125rem}.admin-table th,.admin-table td{padding:var(--sakopi-space-3)}}@media(max-width:768px){.filter-section{padding:var(--sakopi-space-4)}.filter-row{flex-direction:column;align-items:stretch}.filter-group{width:100%}.filter-select,.filter-input{width:100%;min-width:unset}.admin-table-wrapper{overflow-x:auto}}.menu-card-admin .card-image{width:100%;height:140px;background:linear-gradient(135deg,var(--sakopi-surface-container),var(--sakopi-surface-container-low));display:flex;align-items:center;justify-content:center;color:var(--sakopi-accent);font-size:2.5rem;position:relative}.menu-card-admin .card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.menu-card-admin .card-image-placeholder{opacity:.3}.menu-card-admin .card-body{padding:var(--sakopi-space-4);flex:1;display:flex;flex-direction:column}.menu-card-admin .card-category{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .625rem;border-radius:var(--sakopi-radius-md);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--sakopi-space-2);width:-moz-fit-content;width:fit-content}.menu-card-admin .card-category.paket{background:#61331f1a;color:var(--sakopi-primary)}.menu-card-admin .card-category.makanan{background:#ba1a1a1a;color:#ba1a1a}.menu-card-admin .card-category.minuman{background:#7d4a341a;color:var(--sakopi-deep)}.menu-card-admin .card-category.snack{background:#b07d581a;color:var(--sakopi-accent)}.menu-card-admin .card-category.add_on{background:#5d36171a;color:var(--sakopi-deep)}.menu-card-admin .card-name{font-family:var(--sakopi-font-body);font-size:1rem;font-weight:600;color:var(--sakopi-darkest);margin:0 0 var(--sakopi-space-2);line-height:1.3}.menu-card-admin .card-desc{font-size:.8125rem;color:var(--sakopi-outline);line-height:1.4;margin:0 0 var(--sakopi-space-3);flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.menu-card-admin .card-meta{display:flex;align-items:center;gap:var(--sakopi-space-2);font-size:.75rem;color:var(--sakopi-outline);margin-bottom:var(--sakopi-space-3)}.menu-card-admin .card-variant-count{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;background:#b07d581a;border-radius:var(--sakopi-radius-full);font-size:.6875rem;font-weight:600;color:var(--sakopi-accent)}.menu-card-admin .card-price{font-weight:700;color:var(--sakopi-primary);font-size:1rem;margin-bottom:var(--sakopi-space-2)}.menu-card-admin .card-status{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .625rem;border-radius:var(--sakopi-radius-full);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.menu-card-admin .card-status.available{background:#2e7d321a;color:var(--sakopi-success)}.menu-card-admin .card-status.unavailable{background:#ba1a1a1a;color:var(--sakopi-error)}.menu-card-admin .card-actions{display:flex;gap:var(--sakopi-space-2);padding-top:var(--sakopi-space-3);border-top:1px solid rgba(215,194,187,.3);margin-top:auto}.menu-card-admin .card-actions .btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.25rem;padding:.5rem .75rem;border-radius:var(--sakopi-radius-sm);font-size:.75rem;font-weight:600;cursor:pointer;transition:var(--sakopi-transition-fast);border:none;font-family:var(--sakopi-font-body)}.menu-card-admin .card-actions .btn-edit{background:#b07d5826;color:var(--sakopi-accent)}.menu-card-admin .card-actions .btn-edit:hover{background:var(--sakopi-accent);color:#fff}.menu-card-admin .card-actions .btn-toggle{background:#61331f1a;color:var(--sakopi-primary);flex:0;padding:.5rem}.menu-card-admin .card-actions .btn-toggle:hover{background:var(--sakopi-primary);color:#fff}.menu-card-admin .card-actions .btn-toggle.available{background:#2e7d321a;color:var(--sakopi-success)}.menu-card-admin .card-actions .btn-toggle.available:hover{background:var(--sakopi-success);color:#fff}.menu-card-admin .card-actions .btn-delete{background:#ba1a1a14;color:var(--sakopi-error);flex:0;padding:.5rem}.menu-card-admin .card-actions .btn-delete:hover{background:var(--sakopi-error);color:#fff}@media(max-width:768px){.menu-grid-admin{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--sakopi-space-4)}}@media(max-width:480px){.menu-grid-admin{grid-template-columns:1fr}}.customer-stepper{background:var(--sakopi-bg-card);border:1px solid var(--sakopi-border);border-radius:var(--sakopi-radius-xl);padding:var(--sakopi-space-6);margin-bottom:var(--sakopi-space-8);box-shadow:var(--sakopi-shadow-md)}.customer-stepper-track{display:flex;align-items:flex-start;justify-content:space-between;position:relative}.customer-stepper-track:before{content:"";position:absolute;top:16px;left:48px;right:48px;height:2px;background:var(--sakopi-border);z-index:0}.customer-step{display:flex;flex-direction:column;align-items:center;gap:var(--sakopi-space-2);position:relative;z-index:1;flex:1}.customer-step-number{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.8125rem;font-weight:700;background:var(--sakopi-bg);color:var(--sakopi-text-muted);border:2px solid var(--sakopi-border);transition:var(--sakopi-transition)}.customer-step-label{font-size:.6875rem;font-weight:500;color:var(--sakopi-text-muted);text-align:center;letter-spacing:.02em;white-space:nowrap}.customer-step.active .customer-step-number{background:var(--sakopi-primary);color:#fff;border-color:var(--sakopi-primary);box-shadow:0 4px 12px #61331f4d}.customer-step.active .customer-step-label{color:var(--sakopi-primary);font-weight:700}.customer-step.done .customer-step-number{background:var(--sakopi-success);color:#fff;border-color:var(--sakopi-success)}.reservation-form-card{background:var(--sakopi-bg-card);border:1px solid var(--sakopi-border-light);border-radius:var(--sakopi-radius-xl);padding:var(--sakopi-space-6);margin-bottom:var(--sakopi-space-6);box-shadow:var(--sakopi-shadow-md)}.reservation-form-card h2{font-family:var(--sakopi-font-body);font-size:1.25rem;font-weight:600;color:var(--sakopi-darkest);margin:0 0 var(--sakopi-space-5);padding-bottom:var(--sakopi-space-4);border-bottom:1px solid var(--sakopi-border-light)}.datetime-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--sakopi-space-4)}@media(max-width:480px){.datetime-row{grid-template-columns:1fr}}.customer-tabs{display:flex;gap:var(--sakopi-space-2);overflow-x:auto;padding-bottom:var(--sakopi-space-3);margin-bottom:var(--sakopi-space-6);scrollbar-width:none;-ms-overflow-style:none}.customer-tabs::-webkit-scrollbar{display:none}.customer-tab{padding:.5rem 1rem;background:transparent;color:var(--sakopi-text-muted);border:1.5px solid var(--sakopi-border);border-radius:var(--sakopi-radius-full);font-family:var(--sakopi-font-body);font-size:.8125rem;font-weight:600;cursor:pointer;transition:var(--sakopi-transition);white-space:nowrap;flex-shrink:0;text-transform:uppercase;letter-spacing:.02em}.customer-tab:hover{border-color:var(--sakopi-accent);color:var(--sakopi-accent)}.customer-tab.active{background:var(--sakopi-primary);color:#fff;border-color:var(--sakopi-primary)}.sticky-cart-bar{position:fixed;bottom:0;left:0;right:0;z-index:var(--sakopi-z-sticky);background:#fffffff7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--sakopi-border);box-shadow:0 -4px 20px #4d2d2614;padding:var(--sakopi-space-4) var(--sakopi-space-6)}.sticky-cart-inner{max-width:720px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--sakopi-space-4)}.sticky-cart-info{flex:1}.sticky-cart-label{font-size:.75rem;color:var(--sakopi-text-muted);font-weight:600;letter-spacing:.05em;text-transform:uppercase}.sticky-cart-value{font-family:var(--sakopi-font-body);font-size:1.25rem;font-weight:700;color:var(--sakopi-darkest)}.sticky-cart-btn{display:inline-flex;align-items:center;gap:var(--sakopi-space-2);padding:.875rem 1.5rem;background:var(--sakopi-primary);color:#fff;border:none;border-radius:var(--sakopi-radius-sm);font-family:var(--sakopi-font-body);font-size:.875rem;font-weight:700;cursor:pointer;transition:var(--sakopi-transition);text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}.sticky-cart-btn:hover:not(:disabled){background:var(--sakopi-primary-container);transform:translateY(-2px);box-shadow:0 6px 20px #61331f59}.sticky-cart-btn:disabled{opacity:.5;cursor:not-allowed}.accordion-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--sakopi-space-4);background:var(--sakopi-bg-card);border:1px solid var(--sakopi-border-light);border-radius:var(--sakopi-radius-lg);cursor:pointer;transition:var(--sakopi-transition-fast);font-family:var(--sakopi-font-body);font-size:.9375rem;font-weight:600;color:var(--sakopi-darkest);margin-bottom:var(--sakopi-space-3)}.accordion-toggle:hover{background:var(--sakopi-surface-container-low);border-color:var(--sakopi-accent)}.accordion-toggle.active{background:#b07d5814;border-color:var(--sakopi-primary);margin-bottom:0;border-radius:var(--sakopi-radius-lg) var(--sakopi-radius-lg) 0 0}.accordion-toggle-icon{transition:transform .3s ease;color:var(--sakopi-accent)}.accordion-toggle.active .accordion-toggle-icon{transform:rotate(180deg)}.accordion-content{background:var(--sakopi-bg-card);border:1px solid var(--sakopi-primary);border-top:none;border-radius:0 0 var(--sakopi-radius-lg) var(--sakopi-radius-lg);padding:var(--sakopi-space-4);margin-bottom:var(--sakopi-space-3)}.custom-table,.admin-table{width:100%;border-collapse:collapse;font-size:.875rem;background:var(--sakopi-bg-card)}.custom-table thead,.admin-table thead{background:var(--sakopi-deep);color:var(--sakopi-latte)}.custom-table th,.admin-table th{padding:var(--sakopi-space-4);text-align:left;font-weight:700;font-size:.6875rem;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap}.custom-table tbody tr,.admin-table tbody tr{border-bottom:1px solid rgba(215,194,187,.3);transition:background var(--sakopi-transition-fast)}.custom-table tbody tr:last-child,.admin-table tbody tr:last-child{border-bottom:none}.custom-table tbody tr:hover,.admin-table tbody tr:hover{background:#d4a3870d}.custom-table td,.admin-table td{padding:var(--sakopi-space-4);color:var(--sakopi-on-surface);vertical-align:middle}.table-section .table-container,.admin-table-wrapper{background:var(--sakopi-surface-container-lowest);border:1px solid rgba(215,194,187,.4);border-radius:var(--sakopi-radius-xl);overflow:hidden;box-shadow:var(--sakopi-ambient-shadow)}.admin-table tbody tr.urgency-today{background:#ba1a1a0a;border-left:3px solid var(--sakopi-error)}.admin-table tbody tr.urgency-tomorrow{background:#b07d580a;border-left:3px solid var(--sakopi-accent)}.action-buttons{display:flex;gap:var(--sakopi-space-2);flex-wrap:nowrap}.action-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--sakopi-radius-sm);cursor:pointer;transition:var(--sakopi-transition-fast);font-size:.875rem;flex-shrink:0}.action-btn:hover{transform:translateY(-1px)}.action-btn:active{transform:translateY(0)}.action-btn.view{background:#b07d581f;color:var(--sakopi-accent)}.action-btn.view:hover{background:var(--sakopi-accent);color:#fff}.action-btn.whatsapp{background:#25d3661f;color:#25d366}.action-btn.whatsapp:hover{background:#25d366;color:#fff}.action-btn.verify{background:#2e7d321f;color:var(--sakopi-success)}.action-btn.verify:hover{background:var(--sakopi-success);color:#fff}.action-btn.reject{background:#ba1a1a1f;color:var(--sakopi-error)}.action-btn.reject:hover{background:var(--sakopi-error);color:#fff}.action-btn.reschedule{background:#615ba51f;color:#6159a5}.action-btn.reschedule:hover{background:#6159a5;color:#fff}.action-btn.delete{background:#ba1a1a14;color:var(--sakopi-error)}.action-btn.delete:hover{background:var(--sakopi-error);color:#fff}.table-action-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;border-radius:var(--sakopi-radius-sm);cursor:pointer;transition:var(--sakopi-transition-fast);color:var(--sakopi-outline);font-size:.875rem}.table-action-icon:hover{background:#61331f14;color:var(--sakopi-primary)}.table-action-icon.danger:hover{background:#ba1a1a1a;color:var(--sakopi-error)}.table-status{display:inline-block;padding:.25rem .625rem;border-radius:var(--sakopi-radius-full);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.table-status.menunggu{background:#b07d5826;color:var(--sakopi-primary)}.table-status.lunas{background:#2e7d321f;color:var(--sakopi-success)}.table-status.ditolak{background:#ba1a1a1f;color:var(--sakopi-error)}.sakopi-heading-3{font-family:var(--sakopi-font-body);font-size:1.125rem;font-weight:600;color:var(--sakopi-darkest);margin:0}.settings-container{max-width:1400px}.tab-content-settings{margin-top:var(--sakopi-space-4)}.sakopi-tabs .sakopi-tab.sakopi-tab-active{background:var(--sakopi-primary);color:#fff;border-color:var(--sakopi-primary)}.sakopi-tabs .sakopi-tab.sakopi-tab-active:hover{color:#fff;background:var(--sakopi-primary-container)}.table-info{display:flex;flex-direction:column;gap:2px}.table-info-name{font-weight:600;color:var(--sakopi-on-surface)}.table-info-code{font-family:monospace;font-size:.75rem;color:var(--sakopi-primary)}.table-info-phone{font-size:.75rem;color:var(--sakopi-outline)}.role-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:var(--sakopi-radius-full);font-size:.6875rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.role-badge.role-admin,.role-badge.role-superadmin{background:#61331f1a;color:var(--sakopi-primary)}.role-badge.role-employee{background:#d4a38726;color:var(--sakopi-accent)}.table-pagination{display:flex;justify-content:space-between;align-items:center;padding:var(--sakopi-space-4) var(--sakopi-space-6);border-top:1px solid rgba(215,194,187,.3);background:var(--sakopi-surface-container-low)}.table-pagination-info{font-size:.8125rem;color:var(--sakopi-outline)}.table-pagination-controls{display:flex;align-items:center;gap:var(--sakopi-space-2)}.table-pagination-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.5rem .875rem;background:var(--sakopi-bg-card);border:1px solid rgba(215,194,187,.5);border-radius:var(--sakopi-radius-sm);font-size:.8125rem;font-weight:500;color:var(--sakopi-primary);cursor:pointer;transition:var(--sakopi-transition-fast)}.table-pagination-btn:hover:not(:disabled){background:var(--sakopi-primary);color:#fff;border-color:var(--sakopi-primary)}.table-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.table-pagination-page{font-size:.8125rem;color:var(--sakopi-outline);padding:0 .5rem}.modal-overlay,.admin-modal-overlay{position:fixed;inset:0;background:#2b1a1a99;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:var(--sakopi-z-modal);padding:var(--sakopi-space-4);animation:modalFadeIn .3s ease}.modal-card,.modal-content,.admin-modal{background:var(--sakopi-surface-container-lowest);border-radius:var(--sakopi-radius-xl);width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:var(--sakopi-shadow-xl);animation:modalSlideUp .4s cubic-bezier(.16,1,.3,1)}.admin-modal{max-width:420px}.modal-header,.modal-header-modern{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--sakopi-space-5) var(--sakopi-space-6);background:var(--sakopi-surface-container-low);border-bottom:1px solid rgba(215,194,187,.3)}.modal-header-modern h3,.modal-title{font-family:var(--sakopi-font-body);font-size:1.125rem;font-weight:700;color:var(--sakopi-darkest);margin:0 0 var(--sakopi-space-1)}.close-btn,.close-btn-modern,.btn-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#d4a38726;border:none;border-radius:50%;cursor:pointer;font-size:1.5rem;color:var(--sakopi-deep);transition:var(--sakopi-transition-fast);flex-shrink:0}.close-btn:hover,.close-btn-modern:hover,.btn-close:hover{background:var(--sakopi-primary);color:#fff}.modal-content-modern,.modal-body{padding:var(--sakopi-space-5) var(--sakopi-space-6)}.modal-actions,.modal-footer{display:flex;gap:var(--sakopi-space-3);padding:var(--sakopi-space-4) var(--sakopi-space-6);border-top:1px solid rgba(215,194,187,.3);background:var(--sakopi-surface-container-low)}.modal-close-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:1.5px solid rgba(215,194,187,.5);border-radius:var(--sakopi-radius-lg);color:var(--sakopi-on-surface-variant);cursor:pointer;transition:var(--sakopi-transition-fast);flex-shrink:0}.modal-close-btn:hover{background:var(--sakopi-surface-container);color:var(--sakopi-darkest);border-color:var(--sakopi-outline)}.admin-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--sakopi-space-4) var(--sakopi-space-5);background:var(--sakopi-surface-container-low);border-bottom:1px solid rgba(215,194,187,.3)}.admin-modal-header h3{font-family:var(--sakopi-font-body);font-size:1rem;font-weight:700;color:var(--sakopi-darkest);margin:0}.admin-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sakopi-space-2);padding:.625rem 1.25rem;font-family:var(--sakopi-font-body);font-size:.8125rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border:none;border-radius:var(--sakopi-radius-lg);cursor:pointer;transition:var(--sakopi-transition-fast)}.admin-btn-primary,.admin-btn-success{background:var(--sakopi-primary);color:#fff}.admin-btn-primary:hover,.admin-btn-success:hover{background:var(--sakopi-primary-container)}.admin-btn-secondary,.admin-btn-cancel{background:transparent;color:var(--sakopi-on-surface-variant);border:1.5px solid var(--sakopi-outline-clay)}.admin-btn-secondary:hover,.admin-btn-cancel:hover{background:#d4a38714;color:var(--sakopi-primary)}.admin-btn-danger{background:#ba1a1a1a;color:var(--sakopi-error);border:1.5px solid var(--sakopi-error)}.admin-btn-danger:hover{background:var(--sakopi-error);color:#fff}.admin-btn:disabled{opacity:.5;cursor:not-allowed}.admin-modal-content{padding:var(--sakopi-space-5)}.admin-input-text,.admin-modal input[type=text],.admin-modal input[type=email],.admin-modal input[type=password],.admin-modal input[type=number],.admin-modal input[type=date],.admin-modal input[type=time],.admin-modal select,.admin-modal textarea{width:100%;padding:var(--sakopi-space-3) var(--sakopi-space-4);font-family:var(--sakopi-font-body);font-size:.9375rem;color:var(--sakopi-on-surface);background:var(--sakopi-bg-card);border:1px solid var(--sakopi-outline-variant);border-radius:var(--sakopi-radius-lg);transition:border-color .2s ease,box-shadow .2s ease;outline:none}.admin-input-text:focus,.admin-modal input:focus,.admin-modal select:focus,.admin-modal textarea:focus{border-color:var(--sakopi-primary);box-shadow:0 0 0 3px #61331f1a}.admin-modal form .form-group{margin-bottom:var(--sakopi-space-4)}.admin-modal form label{display:block;font-size:.6875rem;font-weight:700;color:var(--sakopi-on-surface-variant);margin-bottom:var(--sakopi-space-2);text-transform:uppercase;letter-spacing:.1em}.admin-modal form .required{color:var(--sakopi-error)}.admin-modal .btn-submit,.admin-modal .btn-primary{width:100%;padding:var(--sakopi-space-3) var(--sakopi-space-4);background:var(--sakopi-primary);color:#fff;border:none;border-radius:var(--sakopi-radius-lg);font-family:var(--sakopi-font-body);font-size:.875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:var(--sakopi-transition-fast)}.admin-modal .btn-submit:hover,.admin-modal .btn-primary:hover{background:var(--sakopi-primary-container)}.file-upload,.upload-label-menu,.sakopi-upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sakopi-space-6);border:2px dashed var(--sakopi-outline-clay);border-radius:var(--sakopi-radius-xl);cursor:pointer;transition:var(--sakopi-transition-fast);background:var(--sakopi-surface-container-low);text-align:center}.file-upload:hover,.upload-label-menu:hover,.sakopi-upload-area:hover{border-color:var(--sakopi-accent);background:#d4a3870d}.upload-icon,.sakopi-upload-icon{font-size:2rem;margin-bottom:var(--sakopi-space-2);color:var(--sakopi-outline)}.upload-placeholder-menu,.sakopi-upload-text{font-size:.875rem;color:var(--sakopi-outline)}.preview-image,.sakopi-preview-img{max-width:100%;max-height:200px;-o-object-fit:cover;object-fit:cover;border-radius:var(--sakopi-radius-lg);margin-top:var(--sakopi-space-3);box-shadow:var(--sakopi-shadow-sm)}.custom-tooltip{background:var(--sakopi-bg-card)!important;padding:var(--sakopi-space-3) var(--sakopi-space-4)!important;border:1px solid var(--sakopi-outline-variant)!important;border-radius:var(--sakopi-radius-md)!important;box-shadow:var(--sakopi-shadow-md)!important}.container{max-width:1400px}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--sakopi-space-6);flex-wrap:wrap;gap:var(--sakopi-space-4)}.page-header h2{font-family:var(--sakopi-font-body);font-size:clamp(1.25rem,3vw,1.75rem);font-weight:700;color:var(--sakopi-darkest);margin:0 0 var(--sakopi-space-1)}.data-count{display:inline-flex;align-items:center;padding:.375rem 1rem;background:var(--sakopi-surface-container);border-radius:var(--sakopi-radius-lg);font-size:.8125rem;font-weight:600;color:var(--sakopi-on-surface-variant)}.floating-summary-btn{position:fixed;bottom:var(--sakopi-space-6);right:var(--sakopi-space-6);z-index:var(--sakopi-z-sticky);display:flex;align-items:center;gap:var(--sakopi-space-2);padding:.875rem 1.25rem;background:linear-gradient(135deg,var(--sakopi-primary),var(--sakopi-primary-container));color:#fff;border:none;border-radius:var(--sakopi-radius-full);font-family:var(--sakopi-font-body);font-size:.875rem;font-weight:600;cursor:pointer;transition:var(--sakopi-transition);box-shadow:0 6px 20px #61331f4d}.floating-summary-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #61331f66}.summary-sidebar-btn{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:var(--sakopi-z-sticky);display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 8px;background:linear-gradient(180deg,var(--sakopi-primary),var(--sakopi-primary-container));color:#fff;border:none;border-radius:10px 0 0 10px;font-family:var(--sakopi-font-body);font-size:.7rem;font-weight:600;line-height:1.2;cursor:pointer;box-shadow:-4px 0 15px #61331f40;transition:var(--sakopi-transition)}.summary-sidebar-btn span{writing-mode:vertical-rl;letter-spacing:.1em}.summary-sidebar-btn:hover{background:linear-gradient(180deg,var(--sakopi-primary-container),var(--sakopi-primary));box-shadow:-6px 0 20px #61331f59}.filters-section{background:var(--sakopi-surface-container-lowest);border:1px solid rgba(215,194,187,.5);border-radius:var(--sakopi-radius-xl);padding:var(--sakopi-space-4);margin-bottom:var(--sakopi-space-6);box-shadow:var(--sakopi-shadow-sm)}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--sakopi-space-4);align-items:end}.urgency-legend{display:flex;gap:var(--sakopi-space-4);padding:var(--sakopi-space-3) 0;margin-bottom:var(--sakopi-space-4);border-bottom:1px solid rgba(215,194,187,.3)}.legend-item{display:flex;align-items:center;gap:var(--sakopi-space-2);font-size:.75rem;color:var(--sakopi-outline)}.legend-indicator{width:10px;height:10px;border-radius:50%}.legend-indicator.urgent-today{background:var(--sakopi-error)}.legend-indicator.urgent-tomorrow{background:var(--sakopi-accent)}.legend-indicator.normal{background:var(--sakopi-outline)}.table-section{background:var(--sakopi-surface-container-lowest);border:1px solid rgba(215,194,187,.5);border-radius:var(--sakopi-radius-xl);overflow:hidden;box-shadow:var(--sakopi-shadow-sm);padding:var(--sakopi-space-6);display:flex;flex-direction:column;gap:var(--sakopi-space-5)}.table-section+.table-section{margin-top:24px}.table-header-section{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--sakopi-space-4)}.table-header-section .section-title{margin:0;padding:0;border-bottom:none}.admin-table-wrapper{margin-top:var(--sakopi-space-2)}.table-container{overflow-x:auto}.custom-table tbody tr.urgency-today{background:#ba1a1a0a;border-left:3px solid var(--sakopi-error)}.custom-table tbody tr.urgency-tomorrow{background:#d4a3870f;border-left:3px solid var(--sakopi-outline-clay)}.status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:var(--sakopi-radius-full);font-size:.6875rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.status-badge.status-verified,.status-badge.status-paid,.status-badge.status-lunas{background:#2e7d321a;color:var(--sakopi-success)}.status-badge.status-pending,.status-badge.status-menunggu{background:#d4a3871a;color:var(--sakopi-primary)}.status-badge.status-rejected,.status-badge.status-ditolak,.status-badge.status-cancelled{background:#ba1a1a1a;color:var(--sakopi-error)}.urgency-badge.urgency-today{background:#ba1a1a1a;color:var(--sakopi-error)}.urgency-badge.urgency-tomorrow{background:#d4a38726;color:var(--sakopi-accent)}.action-btns{display:flex;gap:2px;flex-wrap:wrap}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:var(--sakopi-radius-lg);cursor:pointer;transition:var(--sakopi-transition-fast);font-size:.875rem;background:#d4a38726;color:var(--sakopi-primary);flex-shrink:0}.btn-icon:hover{transform:translateY(-2px);box-shadow:0 4px 12px #61331f26}.btn-icon.view:hover,.btn-icon.edit-menu:hover{background:var(--sakopi-outline-clay);color:#fff}.btn-icon.check:hover{background:var(--sakopi-success);color:#fff}.btn-icon.cross:hover,.btn-icon.reject:hover{background:var(--sakopi-error);color:#fff}.btn-icon.edit:hover{background:var(--sakopi-accent);color:#fff}.btn-icon.delete:hover{background:var(--sakopi-error);color:#fff}.customer-info{display:flex;flex-direction:column;gap:2px}.unique-code{font-family:Courier New,monospace;font-size:.8125rem;font-weight:600;color:var(--sakopi-primary)}.customer-name{font-weight:600;color:var(--sakopi-darkest)}.customer-phone{font-size:.75rem;color:var(--sakopi-outline)}.branch-info{display:flex;flex-direction:column;gap:2px}.branch-name{font-size:.875rem;color:var(--sakopi-on-surface-variant)}.schedule-info{display:flex;flex-direction:column;gap:2px}.schedule-date{font-weight:600;color:var(--sakopi-darkest)}.schedule-time{font-size:.75rem;color:var(--sakopi-outline)}.amount-cell{font-weight:700;color:var(--sakopi-primary);font-family:var(--sakopi-font-body)}.action-btns{display:flex;gap:var(--sakopi-space-1);flex-wrap:wrap}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--sakopi-radius-sm);cursor:pointer;transition:var(--sakopi-transition-fast);font-size:.875rem;background:#d7c2bb4d;color:var(--sakopi-on-surface-variant)}.btn-icon:hover{transform:translateY(-1px)}.btn-icon.view:hover,.btn-icon.edit:hover,.btn-icon.edit-menu:hover{background:var(--sakopi-accent);color:#fff}.btn-icon.whatsapp:hover{background:#25d366;color:#fff}.btn-icon.check:hover,.btn-icon.verify:hover{background:var(--sakopi-success);color:#fff}.btn-icon.cross:hover,.btn-icon.reject:hover,.btn-icon.delete:hover{background:var(--sakopi-error);color:#fff}.urgency-badge{display:inline-flex;padding:.125rem .5rem;border-radius:var(--sakopi-radius-sm);font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.urgency-badge.urgency-today{background:#ba1a1a1f;color:var(--sakopi-error)}.urgency-badge.urgency-tomorrow{background:#b07d581f;color:var(--sakopi-accent)}.urgency-badge.urgency-normal{background:#d7c2bb33;color:var(--sakopi-outline)}.pagination-wrapper{display:flex;justify-content:space-between;align-items:center;padding:var(--sakopi-space-4) var(--sakopi-space-6);border-top:1px solid rgba(215,194,187,.3);background:var(--sakopi-surface-container-low);flex-wrap:wrap;gap:var(--sakopi-space-3)}.pagination-info{font-size:.8125rem;color:var(--sakopi-outline)}.pagination-controls{display:flex;align-items:center;gap:var(--sakopi-space-2)}.pagination-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.5rem .875rem;background:var(--sakopi-bg-card);border:1px solid rgba(215,194,187,.5);border-radius:var(--sakopi-radius-sm);font-size:.8125rem;font-weight:500;color:var(--sakopi-primary);cursor:pointer;transition:var(--sakopi-transition-fast)}.pagination-btn:hover:not(:disabled){background:var(--sakopi-primary);color:#fff;border-color:var(--sakopi-primary)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-page{font-size:.8125rem;color:var(--sakopi-outline);padding:0 var(--sakopi-space-2)}.hint-text{font-weight:400;font-size:.75rem;color:var(--sakopi-outline);font-style:italic;text-transform:none;letter-spacing:normal}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sakopi-space-12);gap:var(--sakopi-space-4);color:var(--sakopi-outline)}.spinner{width:40px;height:40px;border:3px solid rgba(215,194,187,.5);border-top-color:var(--sakopi-primary);border-radius:50%;animation:spin .8s linear infinite}.empty-state{text-align:center;padding:var(--sakopi-space-8);color:var(--sakopi-outline)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--sakopi-space-4);margin-bottom:var(--sakopi-space-5)}.info-item{display:flex;flex-direction:column;gap:var(--sakopi-space-1)}.info-item label{font-size:.6875rem;font-weight:700;color:var(--sakopi-outline);text-transform:uppercase;letter-spacing:.05em}.info-item p{font-weight:600;color:var(--sakopi-darkest);margin:0}.info-item small{font-size:.75rem;color:var(--sakopi-outline)}.section-label{display:block;font-size:.75rem;font-weight:700;color:var(--sakopi-on-surface-variant);margin-bottom:var(--sakopi-space-2);text-transform:uppercase;letter-spacing:.05em}.payment-proof-section{margin-bottom:var(--sakopi-space-5)}.proof-image-container{position:relative;border-radius:var(--sakopi-radius-lg);overflow:hidden;border:1px solid rgba(215,194,187,.5);cursor:pointer}.proof-image{width:100%;max-height:200px;-o-object-fit:cover;object-fit:cover;display:block}.proof-placeholder{width:100%;height:120px;display:flex;align-items:center;justify-content:center;background:var(--sakopi-surface-container);color:var(--sakopi-outline)}.image-hover-overlay{position:absolute;inset:0;background:#2b1a1a80;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.875rem;font-weight:600;opacity:0;transition:opacity var(--sakopi-transition-fast)}.proof-image-container:hover .image-hover-overlay{opacity:1}.notes-section{margin-bottom:var(--sakopi-space-5);padding:var(--sakopi-space-4);background:var(--sakopi-surface-container-low);border-radius:var(--sakopi-radius-lg);border-left:3px solid var(--sakopi-accent)}.notes-section label{display:block;font-size:.75rem;font-weight:700;color:var(--sakopi-on-surface-variant);margin-bottom:var(--sakopi-space-2);text-transform:uppercase;letter-spacing:.05em}.notes-section p{font-size:.9375rem;color:var(--sakopi-on-surface);margin:0;line-height:1.6}.menu-list-container{background:var(--sakopi-surface-container-low);border-radius:var(--sakopi-radius-lg);overflow:hidden}.menu-list-container h4{font-family:var(--sakopi-font-body);font-size:1rem;font-weight:600;color:var(--sakopi-darkest);margin:0;padding:var(--sakopi-space-4);border-bottom:1px solid rgba(215,194,187,.3)}.menu-list-scroll{max-height:300px;overflow-y:auto;padding:var(--sakopi-space-4)}.menu-item-detailed{background:var(--sakopi-bg-card);border:1px solid rgba(215,194,187,.5);border-radius:var(--sakopi-radius-md);padding:var(--sakopi-space-3);margin-bottom:var(--sakopi-space-3)}.menu-item-detailed:last-child{margin-bottom:0}.menu-header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--sakopi-space-2);margin-bottom:var(--sakopi-space-2)}.menu-title{font-weight:600;color:var(--sakopi-darkest)}.menu-category-badge{display:inline-flex;padding:.125rem .5rem;background:#d7c2bb4d;border-radius:var(--sakopi-radius-sm);font-size:.625rem;font-weight:700;color:var(--sakopi-on-surface-variant);text-transform:uppercase}.variants-section{margin-bottom:var(--sakopi-space-2)}.variants-label{font-size:.6875rem;color:var(--sakopi-outline);margin-bottom:var(--sakopi-space-1)}.variants-list{display:flex;flex-direction:column;gap:var(--sakopi-space-1)}.variant-item{display:flex;gap:var(--sakopi-space-2);font-size:.75rem}.variant-group{color:var(--sakopi-outline)}.variant-option{color:var(--sakopi-on-surface);font-weight:500}.variant-price{color:var(--sakopi-success);margin-left:auto}.item-breakdown{display:flex;flex-direction:column;gap:var(--sakopi-space-1);padding-top:var(--sakopi-space-2);border-top:1px dashed rgba(215,194,187,.5)}.breakdown-row{display:flex;justify-content:space-between;align-items:center;font-size:.75rem}.breakdown-label{color:var(--sakopi-outline)}.breakdown-value{color:var(--sakopi-on-surface);font-weight:500}.subtotal-row{padding-top:var(--sakopi-space-2);border-top:1px solid rgba(215,194,187,.3)}.subtotal-value{font-weight:700;color:var(--sakopi-primary)!important}.menu-total-row{display:flex;justify-content:space-between;align-items:center;padding:var(--sakopi-space-4);background:#b07d5814;border-top:1px dashed var(--sakopi-outline-variant);font-weight:700;color:var(--sakopi-darkest)}.no-items{text-align:center;padding:var(--sakopi-space-6);color:var(--sakopi-outline)}.lightbox-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1100;padding:var(--sakopi-space-4)}.lightbox-content{position:relative;max-width:90vw;max-height:90vh}.lightbox-content img{max-width:100%;max-height:90vh;-o-object-fit:contain;object-fit:contain;border-radius:var(--sakopi-radius-lg)}.lightbox-close{position:absolute;top:var(--sakopi-space-4);right:var(--sakopi-space-4);width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff3;border:none;border-radius:50%;color:#fff;font-size:1.5rem;cursor:pointer;transition:var(--sakopi-transition-fast)}.lightbox-close:hover{background:#ffffff4d}.summary-panel-backdrop{position:fixed;inset:0;background:#2b1a1a80;z-index:var(--sakopi-z-modal)}.summary-panel{position:fixed;top:0;right:0;width:100%;max-width:480px;height:100vh;background:var(--sakopi-bg-card);box-shadow:var(--sakopi-shadow-xl);z-index:calc(var(--sakopi-z-modal) + 1);display:flex;flex-direction:column;animation:slideInRight .3s ease}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.summary-panel-header{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--sakopi-space-5) var(--sakopi-space-6);background:var(--sakopi-surface-container-low);border-bottom:1px solid rgba(215,194,187,.3)}.summary-panel-header h3{font-family:var(--sakopi-font-body);font-size:1.125rem;font-weight:700;color:var(--sakopi-darkest);margin:0 0 var(--sakopi-space-2)}.summary-close-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#7d4a341a;border:none;border-radius:50%;cursor:pointer;font-size:1.5rem;color:var(--sakopi-deep);transition:var(--sakopi-transition-fast)}.summary-close-btn:hover{background:var(--sakopi-primary);color:#fff}.summary-date-picker{display:flex;align-items:center;gap:var(--sakopi-space-2)}.summary-date-input{padding:.375rem .75rem;border:1px solid rgba(215,194,187,.5);border-radius:var(--sakopi-radius-sm);font-size:.8125rem;background:var(--sakopi-bg-card)}.summary-panel-body{flex:1;overflow-y:auto;padding:var(--sakopi-space-4) var(--sakopi-space-6)}.summary-payment-toggle{display:flex;gap:var(--sakopi-space-2);margin-bottom:var(--sakopi-space-4);flex-wrap:wrap}.payment-btn{flex:1;min-width:-moz-fit-content;min-width:fit-content;padding:.5rem .75rem;background:transparent;border:1px solid rgba(215,194,187,.5);border-radius:var(--sakopi-radius-sm);font-size:.75rem;font-weight:600;color:var(--sakopi-outline);cursor:pointer;transition:var(--sakopi-transition-fast)}.payment-btn.active{background:var(--sakopi-primary);border-color:var(--sakopi-primary);color:#fff}.summary-mode-toggle{display:flex;gap:var(--sakopi-space-2);margin-bottom:var(--sakopi-space-4);flex-wrap:wrap}.mode-btn{padding:.375rem .75rem;background:transparent;border:1px solid rgba(215,194,187,.5);border-radius:var(--sakopi-radius-sm);font-size:.75rem;font-weight:600;color:var(--sakopi-outline);cursor:pointer;transition:var(--sakopi-transition-fast)}.mode-btn.active{background:var(--sakopi-accent);border-color:var(--sakopi-accent);color:#fff}.summary-empty{text-align:center;padding:var(--sakopi-space-8);color:var(--sakopi-outline)}.summary-empty span{font-size:3rem;display:block;margin-bottom:var(--sakopi-space-3)}.summary-info{background:var(--sakopi-surface-container-low);border-radius:var(--sakopi-radius-lg);padding:var(--sakopi-space-3);margin-bottom:var(--sakopi-space-4)}.summary-info-row{display:flex;justify-content:space-between;align-items:center;font-size:.8125rem}.summary-label{color:var(--sakopi-outline)}.summary-status-badge{font-weight:600}.summary-list{display:flex;flex-direction:column;gap:var(--sakopi-space-2)}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:var(--sakopi-space-3);background:var(--sakopi-bg-card);border:1px solid rgba(215,194,187,.5);border-radius:var(--sakopi-radius-md);cursor:pointer;transition:var(--sakopi-transition-fast)}.summary-item:hover{border-color:var(--sakopi-accent);background:#b07d580a}.summary-item-info{flex:1;min-width:0}.summary-item-name{font-weight:600;color:var(--sakopi-darkest);font-size:.875rem}.summary-item-qty{font-family:var(--sakopi-font-body);font-size:1.125rem;font-weight:700;color:var(--sakopi-primary)}.modal-summary-detail{max-width:480px}.summary-detail-list{display:flex;flex-direction:column;gap:var(--sakopi-space-2)}.summary-detail-row{display:flex;justify-content:space-between;align-items:center;padding:var(--sakopi-space-3);background:var(--sakopi-surface-container-low);border-radius:var(--sakopi-radius-md)}.detail-left{display:flex;flex-direction:column;gap:2px}.detail-customer{font-weight:600;color:var(--sakopi-darkest)}.detail-code{font-size:.75rem;font-family:monospace;color:var(--sakopi-primary)}.detail-qty-badge{display:inline-flex;padding:.25rem .625rem;background:#b07d5826;color:var(--sakopi-accent);border-radius:var(--sakopi-radius-sm);font-weight:700;font-size:.875rem}.summary-detail-footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--sakopi-space-4);padding-top:var(--sakopi-space-4);border-top:1px dashed var(--sakopi-outline-variant);font-weight:600;color:var(--sakopi-darkest)}.total-qty{font-family:var(--sakopi-font-body);color:var(--sakopi-primary)}.admin-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sakopi-space-2);padding:.625rem 1.25rem;font-family:var(--sakopi-font-body);font-size:.875rem;font-weight:600;border:none;border-radius:var(--sakopi-radius-sm);cursor:pointer;transition:var(--sakopi-transition-fast)}.admin-btn-primary{background:var(--sakopi-primary);color:#fff}.admin-btn-primary:hover{background:var(--sakopi-primary-container)}.admin-btn-secondary{background:transparent;color:var(--sakopi-on-surface-variant);border:1px solid var(--sakopi-outline-variant)}.admin-btn-secondary:hover{border-color:var(--sakopi-primary);color:var(--sakopi-primary)}.admin-btn-danger{background:transparent;color:var(--sakopi-error);border:1px solid rgba(186,26,26,.3)}.admin-btn-danger:hover{background:var(--sakopi-error);color:#fff;border-color:var(--sakopi-error)}.admin-input-text{width:100%;padding:.625rem .875rem;border:1.5px solid var(--sakopi-outline-variant);border-radius:var(--sakopi-radius-sm);font-family:var(--sakopi-font-body);font-size:.9375rem;background:var(--sakopi-bg-card);color:var(--sakopi-on-surface);transition:var(--sakopi-transition-fast)}.admin-input-text:focus{outline:none;border-color:var(--sakopi-primary);box-shadow:0 0 0 3px #61331f1a}.close-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#7d4a341a;border:none;border-radius:50%;cursor:pointer;font-size:1.5rem;color:var(--sakopi-deep);transition:var(--sakopi-transition-fast)}.close-btn:hover{background:var(--sakopi-primary);color:#fff}.admin-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--sakopi-space-4) var(--sakopi-space-6);background:var(--sakopi-surface-container-low);border-bottom:1px solid rgba(215,194,187,.3)}.admin-modal-header h3{font-family:var(--sakopi-font-body);font-size:1.125rem;font-weight:700;color:var(--sakopi-darkest);margin:0}.admin-modal-content{padding:var(--sakopi-space-5) var(--sakopi-space-6)}.menu-grid-admin{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--sakopi-space-5)}.menu-card-admin{background:var(--sakopi-surface-container-lowest);border:1px solid rgba(215,194,187,.5);border-radius:var(--sakopi-radius-xl);overflow:hidden;transition:var(--sakopi-transition);display:flex;flex-direction:column}.menu-card-admin:hover{transform:translateY(-4px);box-shadow:var(--sakopi-shadow-lg);border-color:var(--sakopi-accent)}.menu-card-admin.unavailable{opacity:.7}.menu-image-admin{width:100%;height:160px;background:linear-gradient(135deg,var(--sakopi-surface-container),var(--sakopi-surface-container-low));display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.menu-image-admin img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.menu-content-admin{padding:var(--sakopi-space-4);flex:1;display:flex;flex-direction:column}.menu-header-admin{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--sakopi-space-2);margin-bottom:var(--sakopi-space-2)}.menu-name-admin{font-family:var(--sakopi-font-body);font-size:1rem;font-weight:600;color:var(--sakopi-darkest);margin:0;line-height:1.3}.menu-description-admin{font-size:.8125rem;color:var(--sakopi-outline);margin:0 0 var(--sakopi-space-3);line-height:1.4;flex:1}.menu-footer-admin{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--sakopi-space-2);margin-top:auto;padding-top:var(--sakopi-space-3);border-top:1px solid rgba(215,194,187,.3)}.menu-price-admin{display:flex;flex-direction:column;gap:2px}.price-value{font-family:var(--sakopi-font-body);font-size:1.125rem;font-weight:700;color:var(--sakopi-primary)}.menu-actions-admin{display:flex;gap:var(--sakopi-space-2);padding-top:var(--sakopi-space-3)}.btn-action-admin{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;padding:.5rem .75rem;border:none;border-radius:var(--sakopi-radius-sm);font-size:.75rem;font-weight:600;cursor:pointer;transition:var(--sakopi-transition-fast)}.btn-action-admin.edit{background:#b07d5826;color:var(--sakopi-accent)}.btn-action-admin.edit:hover{background:var(--sakopi-accent);color:#fff}.btn-action-admin.toggle{background:#2e7d321f;color:var(--sakopi-success)}.btn-action-admin.toggle:hover{background:var(--sakopi-success);color:#fff}.btn-action-admin.delete{background:#ba1a1a1a;color:var(--sakopi-error);padding:.5rem}.btn-action-admin.delete:hover{background:var(--sakopi-error);color:#fff}.search-menu-input{width:100%;padding:.625rem 1rem;border:1.5px solid var(--sakopi-outline-variant);border-radius:var(--sakopi-radius-sm);font-size:.875rem;background:var(--sakopi-bg-card);margin-bottom:var(--sakopi-space-4)}.search-menu-input:focus{outline:none;border-color:var(--sakopi-primary);box-shadow:0 0 0 3px #61331f1a}.available-menus-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--sakopi-space-3);max-height:300px;overflow-y:auto}.available-menu-card{background:var(--sakopi-bg-card);border:1px solid rgba(215,194,187,.5);border-radius:var(--sakopi-radius-md);padding:var(--sakopi-space-3);display:flex;flex-direction:column;gap:var(--sakopi-space-1)}.available-menu-name{font-weight:600;font-size:.875rem;color:var(--sakopi-darkest)}.available-menu-price{font-size:.75rem;color:var(--sakopi-primary);font-weight:600}.available-menu-has-variant{font-size:.6875rem;color:var(--sakopi-outline)}.btn-add-menu{display:inline-flex;align-items:center;justify-content:center;padding:.375rem .625rem;background:var(--sakopi-primary);color:#fff;border:none;border-radius:var(--sakopi-radius-sm);font-size:.75rem;font-weight:600;cursor:pointer;transition:var(--sakopi-transition-fast)}.btn-add-menu:hover{background:var(--sakopi-primary-container)}.edit-menu-info{background:var(--sakopi-surface-container-low);border-radius:var(--sakopi-radius-md);padding:var(--sakopi-space-3);margin-bottom:var(--sakopi-space-4)}.edit-menu-info p{margin:0 0 var(--sakopi-space-1);font-size:.875rem}.edit-section{margin-bottom:var(--sakopi-space-5)}.edit-section-title{font-family:var(--sakopi-font-body);font-size:1rem;font-weight:600;color:var(--sakopi-darkest);margin:0 0 var(--sakopi-space-3)}.edit-menu-list{display:flex;flex-direction:column;gap:var(--sakopi-space-3)}.edit-menu-item{background:var(--sakopi-bg-card);border:1px solid rgba(215,194,187,.5);border-radius:var(--sakopi-radius-md);padding:var(--sakopi-space-3)}.edit-menu-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--sakopi-space-2)}.edit-menu-item-name{font-weight:600;color:var(--sakopi-darkest)}.btn-remove-item{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ba1a1a1a;border:none;border-radius:var(--sakopi-radius-sm);cursor:pointer;font-size:.875rem;transition:var(--sakopi-transition-fast)}.btn-remove-item:hover{background:var(--sakopi-error)}.edit-menu-variants{display:flex;flex-wrap:wrap;gap:var(--sakopi-space-1);margin-bottom:var(--sakopi-space-2)}.variant-tag{display:inline-flex;padding:.125rem .5rem;background:#b07d581a;color:var(--sakopi-accent);border-radius:var(--sakopi-radius-sm);font-size:.6875rem;font-weight:600}.edit-menu-item-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--sakopi-space-2);border-top:1px dashed rgba(215,194,187,.5)}.edit-qty-control{display:flex;align-items:center;gap:var(--sakopi-space-2)}.qty-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--sakopi-surface-container);border:1px solid rgba(215,194,187,.5);border-radius:var(--sakopi-radius-sm);cursor:pointer;font-size:1rem;font-weight:600;color:var(--sakopi-primary);transition:var(--sakopi-transition-fast)}.qty-btn:hover{background:var(--sakopi-primary);color:#fff}.qty-value{font-weight:700;color:var(--sakopi-darkest);min-width:24px;text-align:center}.edit-item-price{font-weight:700;color:var(--sakopi-primary)}.edit-menu-total{display:flex;justify-content:space-between;align-items:center;padding:var(--sakopi-space-4);background:#b07d5814;border-radius:var(--sakopi-radius-lg);border:1px dashed var(--sakopi-outline-variant);margin-top:var(--sakopi-space-4)}.variant-popup-header{background:var(--sakopi-primary);flex-shrink:0}.variant-popup-header h3{color:#fff}.variant-popup-body{overflow-y:auto;flex:1;padding:var(--sakopi-space-5)}.variant-popup-footer{padding:var(--sakopi-space-4) var(--sakopi-space-5);border-top:2px solid var(--sakopi-surface-container);display:flex;justify-content:space-between;align-items:center;background:var(--sakopi-surface-container-low);flex-shrink:0}.variant-popup-total{font-family:var(--sakopi-font-body);font-size:1.1rem;font-weight:700;color:var(--sakopi-success)}.variant-group-block{margin-bottom:var(--sakopi-space-5)}.variant-group-label{font-weight:600;font-size:.9rem;color:var(--sakopi-on-surface);margin-bottom:var(--sakopi-space-3);display:flex;align-items:center;gap:var(--sakopi-space-2)}.variant-required-badge{background:var(--sakopi-error);color:#fff;font-size:.7rem;padding:2px 8px;border-radius:10px;font-weight:600}.variant-options-wrap{display:flex;flex-wrap:wrap;gap:var(--sakopi-space-2)}.available-menu-empty{text-align:center;color:var(--sakopi-on-surface-variant);padding:var(--sakopi-space-5)}.edit-menu-modal{max-width:900px;width:95%;max-height:90vh;display:flex;flex-direction:column;border-radius:var(--sakopi-radius-xl);overflow:hidden}.edit-menu-modal-body{overflow-y:auto;flex:1;padding:var(--sakopi-space-5)}.edit-menu-footer{padding:var(--sakopi-space-4) var(--sakopi-space-5);border-top:2px solid var(--sakopi-surface-container);display:flex;gap:var(--sakopi-space-3);justify-content:flex-end;background:var(--sakopi-surface-container-lowest);flex-shrink:0}.variant-option-btn{padding:.5rem 1rem;background:transparent;border:1.5px solid rgba(215,194,187,.5);border-radius:var(--sakopi-radius-full);font-size:.8125rem;font-weight:500;color:var(--sakopi-on-surface-variant);cursor:pointer;transition:var(--sakopi-transition-fast)}.variant-option-btn:hover{border-color:var(--sakopi-accent);color:var(--sakopi-accent)}.variant-option-btn.active{background:var(--sakopi-accent);border-color:var(--sakopi-accent);color:#fff}.admin-notes-textarea{width:100%;padding:.75rem 1rem;border:1.5px solid var(--sakopi-outline-variant);border-radius:var(--sakopi-radius-sm);font-family:var(--sakopi-font-body);font-size:.9375rem;background:var(--sakopi-bg-card);color:var(--sakopi-on-surface);resize:vertical;transition:var(--sakopi-transition-fast)}.admin-notes-textarea:focus{outline:none;border-color:var(--sakopi-primary);box-shadow:0 0 0 3px #61331f1a}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.skeleton{background:linear-gradient(90deg,var(--sakopi-surface-container-low) 25%,var(--sakopi-surface-container) 50%,var(--sakopi-surface-container-low) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--sakopi-radius-md)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.card-hover{transition:transform .3s ease,box-shadow .3s ease}.card-hover:hover{transform:translateY(-4px);box-shadow:var(--sakopi-shadow-lg)}*:focus-visible{outline:2px solid var(--sakopi-accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.admin-layout .sidebar,.floating-summary-btn,.summary-sidebar-btn,.action-btns,.pagination-wrapper{display:none!important}.admin-layout .main-content{margin-left:0!important}}.report-container{max-width:1400px}.page-header-report{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--sakopi-space-6);flex-wrap:wrap;gap:var(--sakopi-space-4)}.page-title-report{font-family:var(--sakopi-font-body);font-size:clamp(1.25rem,3vw,1.75rem);font-weight:700;color:var(--sakopi-darkest);margin:0 0 var(--sakopi-space-1)}.page-subtitle-report{font-size:.9375rem;color:var(--sakopi-on-surface-variant);margin:0}.btn-export-report{display:inline-flex;align-items:center;gap:var(--sakopi-space-2);padding:.625rem 1.25rem;background:var(--sakopi-success);color:#fff;border:none;border-radius:var(--sakopi-radius-sm);font-family:var(--sakopi-font-body);font-size:.875rem;font-weight:600;cursor:pointer;transition:var(--sakopi-transition-fast);box-shadow:0 4px 12px #2e7d3233}.btn-export-report:hover{background:#245a32;transform:translateY(-2px);box-shadow:0 6px 16px #2e7d324d}.filters-section-report{background:var(--sakopi-surface-container-lowest);border:1px solid rgba(215,194,187,.5);border-radius:var(--sakopi-radius-xl);padding:var(--sakopi-space-5);margin-bottom:var(--sakopi-space-6);box-shadow:var(--sakopi-shadow-sm)}.filters-grid-report{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--sakopi-space-4);margin-bottom:var(--sakopi-space-4)}.filter-group-report{display:flex;flex-direction:column;gap:var(--sakopi-space-1)}.filter-group-report label{font-size:.6875rem;font-weight:700;color:var(--sakopi-outline);text-transform:uppercase;letter-spacing:.1em}.filter-input-report{padding:.625rem .875rem;background:var(--sakopi-bg-card);border:1px solid rgba(215,194,187,.5);border-radius:var(--sakopi-radius-sm);font-family:var(--sakopi-font-body);font-size:.875rem;color:var(--sakopi-on-surface);transition:border-color .2s ease,box-shadow .2s ease;outline:none}.filter-input-report:focus{border-color:var(--sakopi-primary);box-shadow:0 0 0 3px #61331f1a}.filter-value-report{padding:.625rem .875rem;background:var(--sakopi-surface-container-low);border:1px solid rgba(215,194,187,.3);border-radius:var(--sakopi-radius-lg);font-size:.8125rem;font-weight:600;color:var(--sakopi-darkest);cursor:default}.filter-actions-report{display:flex;gap:var(--sakopi-space-3);justify-content:flex-end}.btn-reset-report,.btn-apply-report{display:inline-flex;align-items:center;gap:var(--sakopi-space-2);padding:.625rem 1.25rem;border-radius:var(--sakopi-radius-sm);font-family:var(--sakopi-font-body);font-size:.875rem;font-weight:600;cursor:pointer;transition:var(--sakopi-transition-fast)}.btn-reset-report{background:transparent;color:var(--sakopi-on-surface-variant);border:1px solid var(--sakopi-outline-variant)}.btn-reset-report:hover{border-color:var(--sakopi-primary);color:var(--sakopi-primary)}.btn-apply-report{background:var(--sakopi-primary);color:#fff;border:none;box-shadow:0 4px 12px #61331f33}.btn-apply-report:hover{background:var(--sakopi-primary-container);transform:translateY(-2px);box-shadow:0 6px 16px #61331f4d}.loading-state-report{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sakopi-space-16);gap:var(--sakopi-space-4);color:var(--sakopi-outline)}.spinner-report{width:40px;height:40px;border:3px solid rgba(215,194,187,.5);border-top-color:var(--sakopi-primary);border-radius:50%;animation:spin .8s linear infinite}.stats-grid-report{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sakopi-space-5);margin-bottom:var(--sakopi-space-6)}@media(max-width:1200px){.stats-grid-report{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.stats-grid-report{grid-template-columns:1fr}}.stat-card-report{background:var(--sakopi-surface-container-lowest);border:1px solid rgba(215,194,187,.5);border-radius:var(--sakopi-radius-xl);padding:var(--sakopi-space-5);display:flex;gap:var(--sakopi-space-4);transition:var(--sakopi-transition);box-shadow:var(--sakopi-shadow-sm)}.stat-card-report:hover{transform:translateY(-2px);box-shadow:var(--sakopi-shadow-md);border-color:var(--sakopi-accent)}.stat-icon-report{font-size:2rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--sakopi-surface-container);border-radius:var(--sakopi-radius-lg);flex-shrink:0}.stat-content-report{flex:1;min-width:0}.stat-label-report{font-size:.75rem;font-weight:600;color:var(--sakopi-outline);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--sakopi-space-1)}.stat-value-report{font-family:var(--sakopi-font-body);font-size:1.5rem;font-weight:700;color:var(--sakopi-darkest);margin-bottom:var(--sakopi-space-1)}.stat-change-report{font-size:.75rem;font-weight:500}.stat-change-report.positive{color:var(--sakopi-success)}.stat-change-report.negative{color:var(--sakopi-error)}.chart-section-report{background:var(--sakopi-surface-container-lowest);border:1.5px solid rgba(215,194,187,.6);border-radius:var(--sakopi-radius-xl);overflow:hidden}.chart-header-report{display:flex;justify-content:space-between;align-items:center;padding:var(--sakopi-space-4) var(--sakopi-space-5);background:linear-gradient(180deg,var(--sakopi-surface-container-low) 0%,var(--sakopi-surface-container-lowest) 100%);border-bottom:1px solid rgba(215,194,187,.4);flex-wrap:wrap;gap:var(--sakopi-space-3)}.chart-title-report{font-family:var(--sakopi-font-body);font-size:1rem;font-weight:600;color:var(--sakopi-darkest);margin:0;display:flex;align-items:center;gap:var(--sakopi-space-2)}.chart-controls-report{display:flex;align-items:center;gap:var(--sakopi-space-3);flex-wrap:wrap}.chart-tabs-report{display:flex;gap:2px;padding:3px;background:var(--sakopi-surface-container-lowest);border:1px solid rgba(215,194,187,.4);border-radius:var(--sakopi-radius-md)}.tab-btn-report{padding:.375rem .75rem;background:transparent;border:none;border-radius:var(--sakopi-radius-sm);font-family:var(--sakopi-font-body);font-size:.75rem;font-weight:500;color:var(--sakopi-on-surface-variant);cursor:pointer;transition:var(--sakopi-transition-fast);white-space:nowrap}.tab-btn-report:hover{color:var(--sakopi-primary)}.tab-btn-report.active{background:var(--sakopi-primary);color:#fff;font-weight:600;box-shadow:0 2px 4px #61331f33}.chart-type-toggle{display:flex;gap:2px;padding:3px;background:var(--sakopi-surface-container-lowest);border:1px solid rgba(215,194,187,.4);border-radius:var(--sakopi-radius-md)}.type-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--sakopi-radius-sm);color:var(--sakopi-on-surface-variant);cursor:pointer;transition:var(--sakopi-transition-fast)}.type-btn:hover{background:#b07d581a;color:var(--sakopi-primary)}.type-btn.active{background:var(--sakopi-accent);color:#fff}.chart-container-report{min-height:320px;padding:var(--sakopi-space-5);background:var(--sakopi-surface-container-lowest)}.chart-placeholder-report{min-height:320px;background:var(--sakopi-surface-container-lowest);border-radius:var(--sakopi-radius-lg)}.chart-wrapper{position:relative}.chart-svg-container{width:100%;height:280px;position:relative}.chart-svg{width:100%;height:100%;overflow:visible}.chart-grid-line{stroke:#d7c2bb4d;stroke-width:1;stroke-dasharray:4 4}.chart-grid-line-y{stroke:#d7c2bb33;stroke-width:1}.chart-y-label{font-family:var(--sakopi-font-body);font-size:.6875rem;fill:var(--sakopi-on-surface-variant)}.chart-x-label{font-family:var(--sakopi-font-body);font-size:.6875rem;fill:var(--sakopi-on-surface-variant);text-anchor:middle}.chart-area{fill:url(#areaGradient);opacity:.8}.chart-area-line{fill:none;stroke:var(--sakopi-primary);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.chart-data-point{fill:var(--sakopi-surface-container-lowest);stroke:var(--sakopi-primary);stroke-width:2.5;cursor:pointer;transition:all .2s ease-out}.chart-data-point:hover,.chart-data-point.active{fill:var(--sakopi-primary);r:6;filter:drop-shadow(0 2px 4px rgba(97,51,31,.3))}.chart-guide-line{stroke:var(--sakopi-primary);stroke-width:1;stroke-dasharray:4 4;opacity:0;transition:opacity .2s ease-out;pointer-events:none}.chart-svg-container:hover .chart-guide-line,.chart-guide-line.visible{opacity:.6}.chart-tooltip{position:absolute;background:var(--sakopi-surface-container-lowest);border:1.5px solid rgba(215,194,187,.7);border-radius:var(--sakopi-radius-lg);padding:var(--sakopi-space-3) var(--sakopi-space-4);box-shadow:var(--sakopi-shadow-lg);pointer-events:none;opacity:0;transform:translateY(8px);transition:all .2s ease-out;z-index:100;min-width:160px}.chart-tooltip.visible{opacity:1;transform:translateY(0)}.chart-tooltip-date{font-family:var(--sakopi-font-body);font-size:.8125rem;font-weight:600;color:var(--sakopi-darkest);margin-bottom:var(--sakopi-space-2);padding-bottom:var(--sakopi-space-2);border-bottom:1px solid rgba(215,194,187,.3)}.chart-tooltip-row{display:flex;justify-content:space-between;align-items:center;gap:var(--sakopi-space-3);font-size:.75rem;color:var(--sakopi-on-surface-variant);margin-top:var(--sakopi-space-1)}.chart-tooltip-row span:last-child{font-weight:600;color:var(--sakopi-darkest)}.chart-tooltip-row.reservasi span:last-child{color:var(--sakopi-primary)}.chart-tooltip-row.pendapatan span:last-child{color:var(--sakopi-accent)}.chart-hover-area{fill:transparent;cursor:crosshair}.chart-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:280px;color:var(--sakopi-outline);gap:var(--sakopi-space-3)}.chart-empty-state svg{opacity:.4;width:48px;height:48px}.chart-empty-state p{font-size:.9375rem;font-weight:500;color:var(--sakopi-on-surface-variant);margin:0}.chart-empty-state small{font-size:.8125rem;opacity:.6}@keyframes chartFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chart-wrapper{animation:chartFadeIn .4s ease-out}@keyframes drawLine{0%{stroke-dashoffset:2000}to{stroke-dashoffset:0}}.chart-area-line{stroke-dasharray:2000;stroke-dashoffset:2000;animation:drawLine 1.5s ease-out forwards}@keyframes fillArea{0%{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}.chart-area{animation:fillArea 1.5s ease-out .3s forwards;clip-path:inset(100% 0 0 0)}@media(prefers-reduced-motion:reduce){.chart-wrapper,.chart-area-line,.chart-area,.chart-tooltip{animation:none;transition:none}}.chart-legend{display:flex;justify-content:center;gap:var(--sakopi-space-6);padding:var(--sakopi-space-3) var(--sakopi-space-5);border-top:1px solid rgba(215,194,187,.2);margin-top:var(--sakopi-space-2)}.legend-item{display:flex;align-items:center;gap:var(--sakopi-space-2);font-size:.75rem;color:var(--sakopi-on-surface-variant)}.legend-dot{width:10px;height:10px;border-radius:50%}.legend-dot.reservasi{background:var(--sakopi-primary)}.legend-dot.pendapatan{background:var(--sakopi-accent)}.chart-summary{display:flex;justify-content:center;gap:var(--sakopi-space-8);padding:var(--sakopi-space-4);background:var(--sakopi-surface-container-low);border-radius:var(--sakopi-radius-lg);margin-top:var(--sakopi-space-2)}.chart-summary-item{text-align:center;padding:var(--sakopi-space-2) var(--sakopi-space-4)}.chart-summary-value{font-family:var(--sakopi-font-body);font-size:1.25rem;font-weight:700;color:var(--sakopi-primary)}.chart-summary-label{font-size:.6875rem;color:var(--sakopi-on-surface-variant);text-transform:uppercase;letter-spacing:.05em;margin-top:var(--sakopi-space-1)}.chart-empty-report{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:280px;color:var(--sakopi-outline);gap:var(--sakopi-space-3);padding:var(--sakopi-space-6)}.chart-empty-report svg{opacity:.4}.chart-empty-report p{font-size:.9375rem;font-weight:500;color:var(--sakopi-on-surface-variant);margin:0}.chart-empty-report small{font-size:.8125rem;opacity:.6}.chart-custom-tooltip{background:var(--sakopi-surface-container-lowest);border:1.5px solid rgba(215,194,187,.7);border-radius:var(--sakopi-radius-lg);padding:var(--sakopi-space-3) var(--sakopi-space-4);box-shadow:var(--sakopi-shadow-lg)}.chart-custom-tooltip .tooltip-label{font-weight:600;color:var(--sakopi-darkest);margin:0 0 var(--sakopi-space-2);padding-bottom:var(--sakopi-space-2);border-bottom:1px solid rgba(215,194,187,.3);font-size:.8125rem}.chart-custom-tooltip .tooltip-content p{margin:var(--sakopi-space-1) 0;font-size:.8125rem;display:flex;justify-content:space-between;gap:var(--sakopi-space-4)}.chart-custom-tooltip .tooltip-content p span:last-child{font-weight:600}.chart-stats-summary{display:flex;justify-content:center;gap:var(--sakopi-space-8);padding:var(--sakopi-space-3) var(--sakopi-space-5);background:var(--sakopi-surface-container-low);border-top:1px solid rgba(215,194,187,.3)}.chart-stat-item{text-align:center}.chart-stat-value{font-family:var(--sakopi-font-body);font-size:1.125rem;font-weight:700;color:var(--sakopi-primary)}.chart-stat-label{font-size:.6875rem;color:var(--sakopi-on-surface-variant);text-transform:uppercase;letter-spacing:.05em}.chart-stat-item.reservasi .chart-stat-value{color:var(--sakopi-primary)}.chart-stat-item.pendapatan .chart-stat-value{color:var(--sakopi-accent)}.two-col-grid-report{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sakopi-space-6);margin-bottom:var(--sakopi-space-6)}@media(max-width:1024px){.two-col-grid-report{grid-template-columns:1fr}}.report-section-card{background:var(--sakopi-surface-container-lowest);border:1px solid rgba(215,194,187,.5);border-radius:var(--sakopi-radius-xl);padding:var(--sakopi-space-5);box-shadow:var(--sakopi-shadow-sm)}.section-title-report{font-family:var(--sakopi-font-body);font-size:1rem;font-weight:600;color:var(--sakopi-darkest);margin:0 0 var(--sakopi-space-4);padding-bottom:var(--sakopi-space-3);border-bottom:1px solid rgba(215,194,187,.3)}.table-wrapper-report{overflow-x:auto}.report-table{width:100%;border-collapse:collapse;font-size:.875rem}.report-table th{padding:var(--sakopi-space-3);text-align:left;font-size:.6875rem;font-weight:700;color:var(--sakopi-outline);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid rgba(215,194,187,.3)}.report-table td{padding:var(--sakopi-space-3);color:var(--sakopi-on-surface);border-bottom:1px solid rgba(215,194,187,.2)}.report-table tr:last-child td{border-bottom:none}.report-table tr:hover td{background:#b07d580a}.payment-stats-report{display:flex;flex-direction:column;gap:var(--sakopi-space-4)}.payment-item-report{padding:var(--sakopi-space-3);background:var(--sakopi-surface-container-low);border-radius:var(--sakopi-radius-md)}.payment-header-report{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sakopi-space-2)}.payment-label-report{font-weight:600;color:var(--sakopi-darkest);font-size:.875rem}.payment-percentage-report{font-family:var(--sakopi-font-body);font-size:1.25rem;font-weight:700;color:var(--sakopi-primary)}.progress-bar-report{height:6px;background:#d7c2bb4d;border-radius:var(--sakopi-radius-full);overflow:hidden;margin-bottom:var(--sakopi-space-2)}.progress-fill-report{height:100%;background:linear-gradient(90deg,var(--sakopi-primary),var(--sakopi-accent));border-radius:var(--sakopi-radius-full);transition:width .5s ease}.payment-count-report{font-size:.75rem;color:var(--sakopi-outline)}.status-mini{display:inline-flex;padding:.125rem .5rem;border-radius:var(--sakopi-radius-sm);font-size:.6875rem;font-weight:700;margin-right:var(--sakopi-space-1)}.status-mini.paid{background:#2e7d321f;color:var(--sakopi-success)}.status-mini.pending{background:#b07d581f;color:var(--sakopi-accent)}.seatmap-page{padding:var(--sakopi-space-6);max-width:1600px;margin:0 auto}.seatmap-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--sakopi-space-6);flex-wrap:wrap;gap:var(--sakopi-space-4);padding:var(--sakopi-space-5);background:linear-gradient(135deg,var(--sakopi-surface-container-lowest) 0%,var(--sakopi-surface-container-low) 100%);border-radius:var(--sakopi-radius-xl);border:1.5px solid rgba(215,194,187,.6);box-shadow:var(--sakopi-shadow-md)}.seatmap-header-left{flex:1;min-width:280px}.seatmap-title{font-family:var(--sakopi-font-body);font-size:clamp(1.25rem,3vw,1.75rem);font-weight:700;color:var(--sakopi-darkest);margin:0 0 var(--sakopi-space-2);line-height:1.3;letter-spacing:-.01em}.seatmap-subtitle{font-size:.875rem;color:var(--sakopi-on-surface-variant);margin:0}.seatmap-date-picker{display:flex;flex-direction:column;gap:var(--sakopi-space-2)}.seatmap-date-picker label{font-size:.6875rem;font-weight:700;color:var(--sakopi-on-surface-variant);text-transform:uppercase;letter-spacing:.1em}.date-input{width:100%;padding:var(--sakopi-space-3) var(--sakopi-space-4);font-family:var(--sakopi-font-body);font-size:.9375rem;font-weight:500;color:var(--sakopi-on-surface);background:var(--sakopi-bg-card);border:1.5px solid var(--sakopi-outline-variant);border-radius:var(--sakopi-radius-lg);cursor:pointer;transition:var(--sakopi-transition-fast);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2384736d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--sakopi-space-3) center;background-size:18px;padding-right:calc(var(--sakopi-space-4) + 24px)}.date-input:hover{border-color:var(--sakopi-accent)}.date-input:focus{outline:none;border-color:var(--sakopi-primary);box-shadow:0 0 0 3px #61331f1f}.date-input::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer;position:absolute;right:0;top:0;width:100%;height:100%}.time-input{width:100%;padding:var(--sakopi-space-3) var(--sakopi-space-4);font-family:var(--sakopi-font-body);font-size:.9375rem;font-weight:500;color:var(--sakopi-on-surface);background:var(--sakopi-bg-card);border:1.5px solid var(--sakopi-outline-variant);border-radius:var(--sakopi-radius-lg);cursor:pointer;transition:var(--sakopi-transition-fast);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2384736d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--sakopi-space-3) center;background-size:18px;padding-right:calc(var(--sakopi-space-4) + 24px)}.time-input:focus{outline:none;border-color:var(--sakopi-primary);box-shadow:0 0 0 3px #61331f1f}.seatmap-legend{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sakopi-space-4);padding:var(--sakopi-space-4) var(--sakopi-space-5);background:linear-gradient(135deg,var(--sakopi-surface-container-low) 0%,var(--sakopi-surface-container-lowest) 100%);border-radius:var(--sakopi-radius-lg);margin-bottom:var(--sakopi-space-5);font-size:.8125rem;color:var(--sakopi-on-surface-variant);border:1px solid rgba(215,194,187,.4)}.legend-item{display:flex;align-items:center;gap:var(--sakopi-space-2);padding:var(--sakopi-space-1) var(--sakopi-space-3);background:var(--sakopi-surface-container-lowest);border-radius:var(--sakopi-radius-md);border:1px solid rgba(215,194,187,.3)}.legend-dot{width:12px;height:12px;border-radius:var(--sakopi-radius-sm);box-shadow:inset 0 1px 2px #0000001a}.legend-dot.available{background:linear-gradient(135deg,var(--sakopi-outline-variant) 0%,rgba(215,194,187,.8) 100%);border:1px solid rgba(215,194,187,.6)}.legend-dot.occupied{background:linear-gradient(135deg,var(--sakopi-primary) 0%,var(--sakopi-primary-container) 100%)}.legend-dot.selecting{background:linear-gradient(135deg,var(--sakopi-accent) 0%,var(--sakopi-latte) 100%)}.legend-dot.blocked{background:linear-gradient(135deg,var(--sakopi-error) 0%,rgba(186,26,26,.7) 100%)}.legend-sep{width:1px;height:20px;background:#d7c2bb80;margin:0 var(--sakopi-space-2)}.assign-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sakopi-space-4);padding:var(--sakopi-space-4) var(--sakopi-space-5);background:linear-gradient(135deg,var(--sakopi-surface-container) 0%,rgba(255,233,232,.8) 100%);border-radius:var(--sakopi-radius-xl);margin-bottom:var(--sakopi-space-5);border:2px solid var(--sakopi-accent);box-shadow:var(--sakopi-shadow-md),0 0 20px #b07d5826;animation:bannerSlideIn .3s ease-out}@keyframes bannerSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.assign-banner-info{display:flex;align-items:center;gap:var(--sakopi-space-3)}.assign-banner-dot{width:16px;height:16px;border-radius:50%;flex-shrink:0}.assign-banner-info strong{display:block;font-size:1rem;font-weight:600;color:var(--sakopi-darkest)}.assign-banner-meta{display:block;font-size:.8125rem;color:var(--sakopi-on-surface-variant);margin-top:2px}.assign-banner-progress{display:flex;flex-wrap:wrap;gap:var(--sakopi-space-2);align-items:center}.progress-dot{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--sakopi-radius-md);font-size:.75rem;font-weight:700;color:#fff}.assign-banner-actions{display:flex;gap:var(--sakopi-space-3)}.btn-cancel-assign{padding:var(--sakopi-space-2) var(--sakopi-space-4);background:transparent;color:var(--sakopi-on-surface-variant);border:1.5px solid var(--sakopi-outline-variant);border-radius:var(--sakopi-radius-lg);font-family:var(--sakopi-font-body);font-size:.875rem;font-weight:600;cursor:pointer;transition:var(--sakopi-transition-fast)}.btn-cancel-assign:hover{background:#ba1a1a0d;border-color:var(--sakopi-error);color:var(--sakopi-error)}.btn-save-assign{padding:var(--sakopi-space-2) var(--sakopi-space-5);background:var(--sakopi-primary);color:#fff;border:none;border-radius:var(--sakopi-radius-lg);font-family:var(--sakopi-font-body);font-size:.875rem;font-weight:700;cursor:pointer;transition:var(--sakopi-transition-fast);box-shadow:0 2px 8px #61331f33}.btn-save-assign:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #61331f4d}.btn-save-assign:disabled{opacity:.5;cursor:not-allowed}.seatmap-body{display:grid;grid-template-columns:1fr 340px;gap:var(--sakopi-space-6);align-items:start}@media(max-width:1200px){.seatmap-body{grid-template-columns:1fr}}.floor-plan-wrapper{background:var(--sakopi-surface-container-lowest);border-radius:var(--sakopi-radius-xl);padding:var(--sakopi-space-5);border:1.5px solid rgba(215,194,187,.6);box-shadow:var(--sakopi-shadow-md);position:relative;overflow:hidden}.floor-plan-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--sakopi-primary),var(--sakopi-accent),var(--sakopi-primary));opacity:.6}.floor-plan{display:flex;flex-direction:column;gap:var(--sakopi-space-5);min-width:700px;overflow-x:auto}.area-tabs{display:flex;gap:var(--sakopi-space-2);padding:var(--sakopi-space-2);background:var(--sakopi-surface-container-low);border-radius:var(--sakopi-radius-lg);width:-moz-fit-content;width:fit-content;border:1px solid rgba(215,194,187,.4)}.area-tab{padding:var(--sakopi-space-3) var(--sakopi-space-5);background:transparent;color:var(--sakopi-on-surface-variant);border:none;border-radius:var(--sakopi-radius-md);font-family:var(--sakopi-font-body);font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--sakopi-transition-fast);position:relative}.area-tab:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(176,125,88,.1) 0%,transparent 100%);border-radius:var(--sakopi-radius-md);opacity:0;transition:opacity .2s ease}.area-tab:hover{color:var(--sakopi-primary)}.area-tab:hover:before{opacity:1}.area-tab.active{background:var(--sakopi-primary);color:#fff;font-weight:600;box-shadow:var(--sakopi-shadow-sm)}.area-header{font-family:var(--sakopi-font-body);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:var(--sakopi-space-2) var(--sakopi-space-4);border-radius:var(--sakopi-radius-md);text-align:center;width:-moz-fit-content;width:fit-content}.area-header-indoor{background:var(--sakopi-surface-container);color:var(--sakopi-deep);border:1px dashed var(--sakopi-accent)}.area-header-outdoor{background:#2e7d321a;color:var(--sakopi-success);border:1px dashed var(--sakopi-success)}.area-header-lama{background:var(--sakopi-surface-container-high);color:var(--sakopi-primary);border:1px dashed var(--sakopi-primary)}.tbl{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.tbl:hover{transform:scale(1.05)}.tbl-col{display:flex;flex-direction:column;align-items:center;gap:0}.tbl-row{display:flex;align-items:center;gap:0}.tbl-body{background:linear-gradient(135deg,var(--sakopi-surface-container-lowest) 0%,var(--sakopi-outline-variant) 100%);border:1.5px solid rgba(215,194,187,.7);display:flex;align-items:center;justify-content:center;transition:all .15s ease;box-shadow:inset 0 1px 3px #ffffff80,0 2px 4px #4d2d260d}.tbl.occupied .tbl-body{background:linear-gradient(135deg,var(--sakopi-primary) 0%,var(--sakopi-primary-container) 100%);border-color:var(--sakopi-primary);box-shadow:inset 0 1px 2px #fff3,0 2px 8px #61331f33}.tbl.occupied .tbl-label{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.tbl.selecting .tbl-body{background:linear-gradient(135deg,var(--sakopi-accent) 0%,var(--sakopi-latte) 100%);border-color:var(--sakopi-accent);box-shadow:0 0 12px #b07d5866}.tbl.selecting .tbl-label{color:#fff}.tbl.assign-mode:not(.blocked):hover .tbl-body{transform:scale(1.05);box-shadow:var(--sakopi-shadow-md)}.tbl-body.sm{width:36px;height:36px;border-radius:var(--sakopi-radius-md)}.tbl-body.diag{width:36px;height:36px;transform:rotate(45deg);border-radius:var(--sakopi-radius-sm)}.tbl-body.med{width:50px;height:36px;border-radius:var(--sakopi-radius-md)}.tbl-body.lg,.tbl-body.long{width:70px;height:36px;border-radius:var(--sakopi-radius-md)}.tbl-body.klong{width:80px;height:40px;border-radius:var(--sakopi-radius-md)}.tbl-body.lv,.tbl-body.lh{width:36px;height:36px;border-radius:var(--sakopi-radius-md)}.tbl-label{font-family:var(--sakopi-font-body);font-size:.6875rem;font-weight:700;color:var(--sakopi-darkest)}.tbl-label.diag{transform:rotate(-45deg)}.floor-stats{display:flex;justify-content:center;gap:var(--sakopi-space-6);padding:var(--sakopi-space-3) var(--sakopi-space-4);background:linear-gradient(135deg,var(--sakopi-surface-container-low) 0%,var(--sakopi-surface-container-lowest) 100%);border-radius:var(--sakopi-radius-md);border:1px solid rgba(215,194,187,.4);font-size:.8125rem;color:var(--sakopi-on-surface-variant);margin-top:var(--sakopi-space-4)}.floor-stats strong{color:var(--sakopi-primary);font-weight:700}.ch-h{background:var(--sakopi-accent);border-radius:var(--sakopi-radius-sm)}.ch-h.top{margin-bottom:1px}.ch-h.bot{margin-top:1px}.ch-h.gray{background:#95a5a6}.ch-v{background:var(--sakopi-accent);border-radius:var(--sakopi-radius-sm)}.ch-v.left{margin-right:1px}.ch-v.right{margin-left:1px}.ch-v.gray{background:#95a5a6}.ch-row{display:flex;gap:2px}.ch-sm{width:16px;height:14px;background:var(--sakopi-accent);border-radius:var(--sakopi-radius-sm)}.ch-sm.top{margin-bottom:1px}.ch-sm.bot{margin-top:1px}.ch-diag{width:12px;height:12px;background:var(--sakopi-accent);border-radius:2px;transform:rotate(45deg)}.ch-diag.top,.ch-diag.bot{margin:0 auto}.ch-diag.top{margin-bottom:2px}.ch-diag.bot{margin-top:2px}.ch-diag-side{width:10px;height:10px;background:var(--sakopi-accent);border-radius:2px;transform:rotate(45deg)}.ch-diag-side.left{margin-right:2px}.ch-diag-side.right{margin-left:2px}.tbl-diag-wrap{display:flex;flex-direction:column;align-items:center;gap:0}.tbl.available .tbl-body{background:var(--sakopi-outline-variant)}.tbl.occupied .tbl-body,.tbl.occupied .ch-h,.tbl.occupied .ch-v,.tbl.occupied .ch-sm,.tbl.occupied .ch-diag,.tbl.occupied .ch-diag-side{background:var(--tbl-color, var(--sakopi-primary));border-color:var(--tbl-color, var(--sakopi-primary))}.tbl.selecting .tbl-body,.tbl.selecting .ch-h,.tbl.selecting .ch-v,.tbl.selecting .ch-sm,.tbl.selecting .ch-diag,.tbl.selecting .ch-diag-side{background:var(--tbl-color, var(--sakopi-accent));box-shadow:0 0 0 2px var(--tbl-color, var(--sakopi-accent)),0 0 8px #b07d5866}.tbl.blocked{opacity:.4;cursor:not-allowed}.tbl.blocked:hover{transform:none}.tbl.assign-mode:not(.available):not(.occupied):not(.selecting):hover{transform:scale(1.05)}.floor-stats{display:flex;gap:var(--sakopi-space-6);justify-content:center;padding:var(--sakopi-space-3) var(--sakopi-space-4);background:var(--sakopi-surface-container-low);border-radius:var(--sakopi-radius-lg);font-size:.8125rem;color:var(--sakopi-on-surface-variant)}.floor-stats strong{color:var(--sakopi-darkest);font-weight:700}.reservation-list-panel{background:var(--sakopi-surface-container-lowest);border-radius:var(--sakopi-radius-xl);border:1.5px solid rgba(215,194,187,.6);box-shadow:var(--sakopi-shadow-md);overflow:hidden;display:flex;flex-direction:column;max-height:calc(100vh - 200px)}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:var(--sakopi-space-4) var(--sakopi-space-5);background:linear-gradient(180deg,var(--sakopi-surface-container-low) 0%,var(--sakopi-surface-container-lowest) 100%);border-bottom:1px solid rgba(215,194,187,.4);flex-shrink:0}.panel-header h3{font-family:var(--sakopi-font-body);font-size:1rem;font-weight:600;color:var(--sakopi-darkest);margin:0}.panel-count{font-size:.75rem;font-weight:600;color:var(--sakopi-on-surface-variant);background:var(--sakopi-surface-container);padding:.25rem .75rem;border-radius:var(--sakopi-radius-full)}.panel-loading{display:flex;align-items:center;justify-content:center;gap:var(--sakopi-space-3);padding:var(--sakopi-space-8);color:var(--sakopi-on-surface-variant)}.spinner-sm{width:20px;height:20px;border:2px solid rgba(215,194,187,.3);border-top-color:var(--sakopi-primary);border-radius:50%;animation:btnSpin .8s linear infinite}.panel-empty{text-align:center;padding:var(--sakopi-space-8) var(--sakopi-space-4);color:var(--sakopi-on-surface-variant)}.panel-empty div{font-size:2.5rem;margin-bottom:var(--sakopi-space-3)}.panel-empty p{margin:0;font-size:.875rem}.reservation-cards{display:flex;flex-direction:column;gap:var(--sakopi-space-3);padding:var(--sakopi-space-4);max-height:calc(100vh - 320px);overflow-y:auto;flex:1}.reservation-cards::-webkit-scrollbar{width:6px}.reservation-cards::-webkit-scrollbar-thumb{background:var(--sakopi-outline-variant);border-radius:var(--sakopi-radius-full)}.res-card{background:var(--sakopi-bg-card);border-radius:var(--sakopi-radius-lg);border:1.5px solid rgba(215,194,187,.6);overflow:hidden;transition:var(--sakopi-transition-fast);position:relative}.res-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--res-color, var(--sakopi-accent));opacity:0;transition:opacity .2s ease}.res-card:hover:before{opacity:1}.res-card:hover{border-color:var(--sakopi-accent);box-shadow:var(--sakopi-shadow-md);transform:translate(4px)}.res-card-active{border-color:var(--sakopi-accent);box-shadow:0 0 0 2px #b07d5833}.res-card-done{background:var(--sakopi-surface-container-low)}.res-card-stripe{height:4px}.res-card-body{padding:var(--sakopi-space-3)}.res-card-top{display:flex;justify-content:space-between;gap:var(--sakopi-space-3);margin-bottom:var(--sakopi-space-2)}.res-card-name{font-size:.9375rem;font-weight:600;color:var(--sakopi-darkest);margin-bottom:4px}.res-card-meta{display:flex;flex-wrap:wrap;gap:var(--sakopi-space-2);font-size:.75rem;color:var(--sakopi-on-surface-variant)}.res-status{display:inline-block;padding:.125rem .5rem;border-radius:var(--sakopi-radius-sm);font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.res-status.confirmed{background:#2e7d321f;color:var(--sakopi-success)}.res-status.pending{background:#b07d581f;color:var(--sakopi-accent)}.res-status.arrived{background:#61331f1f;color:var(--sakopi-primary)}.res-card-code{font-family:Courier New,monospace;font-size:.6875rem;color:var(--sakopi-outline);margin-top:4px}.res-card-need{display:flex;flex-direction:column;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--sakopi-radius-md);color:#fff;flex-shrink:0}.need-number{font-size:1.125rem;font-weight:700;line-height:1}.need-label{font-size:.5625rem;text-transform:uppercase;letter-spacing:.05em;opacity:.9}.res-tables-row{display:flex;flex-wrap:wrap;gap:var(--sakopi-space-1);margin-bottom:var(--sakopi-space-2)}.table-chip{display:inline-block;padding:.125rem .5rem;border-radius:var(--sakopi-radius-sm);font-size:.6875rem;font-weight:700}.no-assign-text{font-size:.75rem;color:var(--sakopi-outline);font-style:italic}.assign-progress-label{font-size:.75rem;margin-bottom:var(--sakopi-space-2)}.res-card-actions{display:flex;gap:var(--sakopi-space-2)}.btn-assign{flex:1;padding:var(--sakopi-space-2);background:transparent;border:1.5px solid;border-radius:var(--sakopi-radius-md);font-family:var(--sakopi-font-body);font-size:.75rem;font-weight:600;cursor:pointer;transition:var(--sakopi-transition-fast)}.btn-assign:hover{background:var(--sakopi-primary);color:#fff}.btn-assign-cancel-sm{flex:1;padding:var(--sakopi-space-2);background:#ba1a1a0d;color:var(--sakopi-error);border:1px solid rgba(186,26,26,.1);border-radius:var(--sakopi-radius-md);font-family:var(--sakopi-font-body);font-size:.75rem;font-weight:600;cursor:pointer;transition:var(--sakopi-transition-fast)}.btn-assign-cancel-sm:hover{background:var(--sakopi-error);color:#fff;border-color:var(--sakopi-error)}.btn-clear-assign{padding:var(--sakopi-space-2);background:#ba1a1a0d;color:var(--sakopi-error);border:1px solid rgba(186,26,26,.1);border-radius:var(--sakopi-radius-md);cursor:pointer;transition:var(--sakopi-transition-fast)}.btn-clear-assign:hover{background:var(--sakopi-error);color:#fff;border-color:var(--sakopi-error)}@media(max-width:768px){.seatmap-page{padding:var(--sakopi-space-4)}.seatmap-header{flex-direction:column}.seatmap-body{grid-template-columns:1fr}.floor-plan{min-width:600px}.reservation-cards{max-height:400px}.assign-banner{flex-direction:column;align-items:stretch}.assign-banner-actions{justify-content:stretch}.assign-banner-actions button{flex:1}}.form-section{background:var(--sakopi-surface-container-lowest);border:1.5px solid rgba(215,194,187,.6);border-radius:var(--sakopi-radius-xl);padding:var(--sakopi-space-6);margin-bottom:var(--sakopi-space-6);box-shadow:var(--sakopi-shadow-sm);position:relative;overflow:hidden}.form-section:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--sakopi-primary),var(--sakopi-accent));opacity:.7}.section-title{font-family:var(--sakopi-font-body);font-size:1.125rem;font-weight:600;color:var(--sakopi-darkest);margin:0 0 var(--sakopi-space-5);padding-bottom:var(--sakopi-space-3);padding-left:var(--sakopi-space-3);border-bottom:1px solid rgba(215,194,187,.4);display:flex;align-items:center;gap:var(--sakopi-space-2)}.section-header-with-count{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sakopi-space-5);padding-bottom:var(--sakopi-space-3);border-bottom:1px solid rgba(215,194,187,.5)}.section-header-with-count .section-title{margin:0;padding:0;border:none}.cart-count-badge{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .75rem;background:var(--sakopi-primary);color:#fff;border-radius:var(--sakopi-radius-full);font-size:.75rem;font-weight:700}@media(max-width:1024px){.form-grid-3col{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.form-grid-3col{grid-template-columns:1fr}}.submit-section{display:flex;justify-content:flex-end;gap:var(--sakopi-space-4);padding-top:var(--sakopi-space-4)}.btn-submit-main{display:inline-flex;align-items:center;justify-content:center;gap:var(--sakopi-space-2);padding:var(--sakopi-space-4) var(--sakopi-space-8);background:var(--sakopi-primary);color:#fff;border:none;border-radius:var(--sakopi-radius-lg);font-family:var(--sakopi-font-body);font-size:.9375rem;font-weight:700;cursor:pointer;transition:var(--sakopi-transition-fast);text-transform:uppercase;letter-spacing:.05em}.btn-submit-main:hover:not(:disabled){background:var(--sakopi-primary-container);transform:translateY(-2px);box-shadow:var(--sakopi-shadow-md)}.branch-info-badge{display:inline-flex;align-items:center;gap:var(--sakopi-space-2);padding:var(--sakopi-space-2) var(--sakopi-space-3);background:var(--sakopi-surface-container);border:1px solid rgba(215,194,187,.5);border-radius:var(--sakopi-radius-lg);font-size:.8125rem;color:var(--sakopi-on-surface-variant)}.branch-info-badge-icon{font-size:1rem}.branch-info-badge-text{font-weight:600}.branch-info-badge-role{font-size:.6875rem;color:var(--sakopi-outline);margin-left:var(--sakopi-space-1)}.branch-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--sakopi-space-4);margin-bottom:var(--sakopi-space-6);padding:var(--sakopi-space-4) var(--sakopi-space-5);background:linear-gradient(135deg,var(--sakopi-surface-container-lowest) 0%,var(--sakopi-surface-container-low) 100%);border-radius:var(--sakopi-radius-xl);border:1.5px solid rgba(215,194,187,.5);box-shadow:var(--sakopi-shadow-sm)}.branch-header-left{display:flex;align-items:center;gap:var(--sakopi-space-4)}.sidebar-branch-info{margin-top:var(--sakopi-space-3);padding:var(--sakopi-space-3);background:var(--sakopi-surface-container);border-radius:var(--sakopi-radius-lg);border:1px dashed rgba(215,194,187,.5)}.sidebar-branch-info .branch-info-badge-text{font-size:.8125rem;font-weight:600;color:var(--sakopi-primary)}.sidebar-branch-info .branch-info-badge-role{font-size:.6875rem;color:var(--sakopi-outline)}.input-manual-page{max-width:1400px;margin:0 auto}.input-manual-layout{display:grid;grid-template-columns:1fr 380px;gap:var(--sakopi-space-6);align-items:start}@media(max-width:1200px){.input-manual-layout{grid-template-columns:1fr}}.menu-selection-area{background:var(--sakopi-surface-container-lowest);border:1.5px solid rgba(215,194,187,.6);border-radius:var(--sakopi-radius-xl);padding:var(--sakopi-space-5);box-shadow:var(--sakopi-shadow-sm);position:relative;overflow:hidden}.menu-selection-area:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--sakopi-primary),var(--sakopi-accent),var(--sakopi-primary))}.menu-filter-bar{display:flex;flex-direction:column;gap:var(--sakopi-space-3);margin-bottom:var(--sakopi-space-5)}.menu-filter-row{display:flex;gap:var(--sakopi-space-3)}.menu-filter-row>*{flex:1}@media(max-width:640px){.menu-filter-row{flex-direction:column}}.menu-grid-compact{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--sakopi-space-3)}@media(max-width:640px){.menu-grid-compact{grid-template-columns:repeat(2,1fr)}}.menu-card-compact{display:flex;align-items:center;justify-content:space-between;padding:var(--sakopi-space-3) var(--sakopi-space-4);background:var(--sakopi-bg-card);border:1.5px solid rgba(215,194,187,.6);border-radius:var(--sakopi-radius-lg);cursor:pointer;transition:var(--sakopi-transition-fast);position:relative;overflow:hidden}.menu-card-compact:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(176,125,88,.05) 0%,transparent 60%);opacity:0;transition:opacity .2s ease}.menu-card-compact:hover:not(.disabled):before{opacity:1}.menu-card-compact:hover:not(.disabled){border-color:var(--sakopi-accent);box-shadow:var(--sakopi-shadow-md);transform:translateY(-2px)}.menu-card-compact:active:not(.disabled){transform:translateY(0);box-shadow:var(--sakopi-shadow-sm)}.menu-info-compact{flex:1;min-width:0}.menu-name-compact{font-size:.875rem;font-weight:600;color:var(--sakopi-darkest);margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-price-compact{font-size:.8125rem;font-weight:700;color:var(--sakopi-primary);margin:0}.btn-add-compact{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--sakopi-primary);border:none;border-radius:var(--sakopi-radius-md);color:#fff;font-size:1.25rem;font-weight:700;cursor:pointer;transition:var(--sakopi-transition-fast);flex-shrink:0}.btn-add-compact:hover:not(:disabled){background:var(--sakopi-primary-container);transform:scale(1.1)}.btn-add-compact:disabled{background:var(--sakopi-outline-variant);cursor:not-allowed}.cart-sidebar{position:sticky;top:var(--sakopi-space-6);background:var(--sakopi-surface-container-lowest);border:1.5px solid rgba(215,194,187,.7);border-radius:var(--sakopi-radius-xl);box-shadow:var(--sakopi-shadow-md);overflow:hidden}.cart-header{padding:var(--sakopi-space-4) var(--sakopi-space-5);background:linear-gradient(180deg,var(--sakopi-surface-container-low) 0%,var(--sakopi-surface-container-lowest) 100%);border-bottom:1px solid rgba(215,194,187,.4);display:flex;align-items:center;justify-content:space-between}.cart-header h3{font-family:var(--sakopi-font-body);font-size:1rem;font-weight:600;color:var(--sakopi-darkest);margin:0;display:flex;align-items:center;gap:var(--sakopi-space-2)}.cart-body{max-height:400px;overflow-y:auto;padding:var(--sakopi-space-4)}.cart-items-list{display:flex;flex-direction:column;gap:var(--sakopi-space-3)}.cart-item-inline{padding:var(--sakopi-space-3);background:linear-gradient(135deg,var(--sakopi-bg-card) 0%,var(--sakopi-surface-container-lowest) 100%);border:1.5px solid rgba(215,194,187,.6);border-radius:var(--sakopi-radius-lg);transition:var(--sakopi-transition-fast);position:relative;overflow:hidden}.cart-item-inline:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--sakopi-accent);opacity:0;transition:opacity .2s ease}.cart-item-inline:hover:before{opacity:1}.cart-item-details{margin-bottom:var(--sakopi-space-2)}.item-name{font-size:.875rem;font-weight:600;color:var(--sakopi-darkest);display:block}.item-variant{font-size:.75rem;color:var(--sakopi-outline)}.cart-item-controls{display:flex;align-items:center;gap:var(--sakopi-space-3)}.qty-control-inline{display:flex;align-items:center;gap:var(--sakopi-space-2)}.item-total-price{font-size:.875rem;font-weight:700;color:var(--sakopi-primary);flex:1;text-align:right}.btn-delete-sm{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ba1a1a14;border:1px solid rgba(186,26,26,.15);border-radius:var(--sakopi-radius-sm);cursor:pointer;font-size:.875rem;transition:var(--sakopi-transition-fast)}.cart-total-inline{display:flex;justify-content:space-between;align-items:center;padding:var(--sakopi-space-4);background:var(--sakopi-surface-container);border-top:1px solid rgba(215,194,187,.5)}.total-label{font-size:.8125rem;font-weight:700;color:var(--sakopi-darkest);text-transform:uppercase;letter-spacing:.05em}.total-value{font-family:var(--sakopi-font-body);font-size:1.25rem;font-weight:700;color:var(--sakopi-primary)}.cart-footer{padding:var(--sakopi-space-4);border-top:1px solid rgba(215,194,187,.5)}.modal-overlay{position:fixed;inset:0;background:#2b1a1a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--sakopi-space-4)}.modal-content{background:var(--sakopi-bg-card);border-radius:var(--sakopi-radius-xl);width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:var(--sakopi-shadow-xl)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--sakopi-space-5);background:var(--sakopi-surface-container-low);border-bottom:1px solid rgba(215,194,187,.5)}.modal-header h3{font-family:var(--sakopi-font-body);font-size:1.125rem;font-weight:600;color:var(--sakopi-darkest);margin:0}.close-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--sakopi-surface-container);border:none;border-radius:50%;cursor:pointer;font-size:1.5rem;color:var(--sakopi-on-surface-variant);transition:var(--sakopi-transition-fast)}.close-btn:hover{background:var(--sakopi-error);color:#fff}.modal-body{padding:var(--sakopi-space-5)}.base-price-label{font-size:.875rem;color:var(--sakopi-on-surface-variant);margin-bottom:var(--sakopi-space-4)}.variant-group{margin-bottom:var(--sakopi-space-5);padding:var(--sakopi-space-4);background:var(--sakopi-surface-container-low);border-radius:var(--sakopi-radius-lg);border:1px solid rgba(215,194,187,.4)}.variant-group h4{font-size:.875rem;font-weight:700;color:var(--sakopi-darkest);margin:0 0 var(--sakopi-space-3);text-transform:uppercase;letter-spacing:.03em}.radio-label{display:flex;align-items:center;gap:var(--sakopi-space-3);padding:var(--sakopi-space-3) var(--sakopi-space-4);background:var(--sakopi-surface-container-lowest);border:1.5px solid rgba(215,194,187,.5);border-radius:var(--sakopi-radius-md);cursor:pointer;transition:var(--sakopi-transition-fast)}.radio-label:hover{border-color:var(--sakopi-accent);background:var(--sakopi-surface-container-low)}.radio-label input[type=radio]{width:18px;height:18px;accent-color:var(--sakopi-primary);cursor:pointer}.price-adj{color:var(--sakopi-success);font-weight:600}.qty-control-modal{display:flex;align-items:center;justify-content:space-between;padding:var(--sakopi-space-4);background:linear-gradient(135deg,var(--sakopi-surface-container-low) 0%,var(--sakopi-surface-container-lowest) 100%);border-radius:var(--sakopi-radius-lg);border:1px solid rgba(215,194,187,.4);margin:var(--sakopi-space-4) 0}.qty-control-modal label{font-size:.875rem;font-weight:600;color:var(--sakopi-darkest)}.qty-buttons-modal{display:flex;align-items:center;gap:var(--sakopi-space-3)}.qty-buttons-modal button{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--sakopi-primary);border:none;border-radius:var(--sakopi-radius-md);color:#fff;font-size:1.25rem;font-weight:700;cursor:pointer;transition:var(--sakopi-transition-fast);box-shadow:var(--sakopi-shadow-sm)}.qty-buttons-modal button:hover{background:var(--sakopi-primary-container);transform:scale(1.05)}.qty-buttons-modal button:active{transform:scale(.95)}.qty-buttons-modal span{min-width:40px;text-align:center;font-size:1.125rem;font-weight:700;color:var(--sakopi-darkest)}.modal-total-preview{display:flex;justify-content:space-between;align-items:center;padding:var(--sakopi-space-4) var(--sakopi-space-5);background:linear-gradient(135deg,var(--sakopi-primary) 0%,var(--sakopi-primary-container) 100%);border-radius:var(--sakopi-radius-lg);margin-top:var(--sakopi-space-4)}.modal-total-preview span{font-size:.875rem;font-weight:500;color:#ffffffe6}.preview-amount{font-family:var(--sakopi-font-body);font-size:1.25rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.qty-control-modal span{font-size:1.125rem;font-weight:700;color:var(--sakopi-primary);min-width:40px;text-align:center}.modal-total-preview{display:flex;justify-content:space-between;align-items:center;padding:var(--sakopi-space-4);background:var(--sakopi-surface-container);border-radius:var(--sakopi-radius-lg);font-size:.9375rem}.preview-amount{font-family:var(--sakopi-font-body);font-size:1.25rem;font-weight:700;color:var(--sakopi-primary)}.modal-footer{padding:var(--sakopi-space-4) var(--sakopi-space-5);border-top:1px solid rgba(215,194,187,.5)}.btn-confirm-modal{width:100%;padding:var(--sakopi-space-4);background:var(--sakopi-primary);color:#fff;border:none;border-radius:var(--sakopi-radius-lg);font-family:var(--sakopi-font-body);font-size:.9375rem;font-weight:700;cursor:pointer;transition:var(--sakopi-transition-fast)}.empty-state-small{padding:var(--sakopi-space-6);color:var(--sakopi-outline);font-size:.875rem;text-align:center;background:linear-gradient(135deg,var(--sakopi-surface-container-low) 0%,var(--sakopi-surface-container-lowest) 100%);border-radius:var(--sakopi-radius-lg);border:2px dashed rgba(215,194,187,.5)}.empty-state-small div{font-size:2.5rem;margin-bottom:var(--sakopi-space-3);opacity:.6}.sakopi-landing-page{position:relative;overflow:hidden}.sakopi-landing-bg{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.sakopi-landing-bg-circle{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4}.sakopi-landing-bg-circle-1{width:400px;height:400px;background:var(--sakopi-accent);top:-100px;right:-100px}.sakopi-landing-bg-circle-2{width:300px;height:300px;background:var(--sakopi-primary);bottom:20%;left:-80px;opacity:.2}.sakopi-landing-bg-circle-3{width:200px;height:200px;background:var(--sakopi-latte);bottom:-50px;right:20%;opacity:.3}.sakopi-landing-page .sakopi-header{position:relative;z-index:1;text-align:center;padding:var(--sakopi-space-10) var(--sakopi-space-6);background:linear-gradient(180deg,#fff8f7e6,#fff8f700);margin-bottom:var(--sakopi-space-8)}.sakopi-landing-logo-wrap{margin-bottom:var(--sakopi-space-4)}.sakopi-landing-page .sakopi-logo{width:100px;height:auto;margin:0 auto var(--sakopi-space-4)}.sakopi-landing-page .sakopi-heading-1{margin-bottom:var(--sakopi-space-3)}.sakopi-landing-page .sakopi-subtitle{font-size:1.125rem;max-width:400px;margin:0 auto var(--sakopi-space-6)}.sakopi-info-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sakopi-space-3);margin-top:var(--sakopi-space-4)}.sakopi-info-badge{display:flex;align-items:center;gap:var(--sakopi-space-2);padding:var(--sakopi-space-2) var(--sakopi-space-4);background:var(--sakopi-surface-container-low);border:1px solid rgba(215,194,187,.4);border-radius:var(--sakopi-radius-full);font-size:.8125rem;font-weight:500;color:var(--sakopi-on-surface-variant)}.sakopi-info-badge-icon{font-size:1rem}.sakopi-cta-group{display:flex;flex-direction:column;align-items:center;gap:var(--sakopi-space-3)}.sakopi-card-branch{padding:var(--sakopi-space-5);background:var(--sakopi-bg-card);border:1.5px solid rgba(215,194,187,.5);border-radius:var(--sakopi-radius-xl);cursor:pointer;transition:var(--sakopi-transition);position:relative;overflow:hidden}.sakopi-card-branch:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.sakopi-card-branch-primary:before{background:linear-gradient(90deg,var(--sakopi-primary),var(--sakopi-accent))}.sakopi-card-branch-secondary:before{background:linear-gradient(90deg,var(--sakopi-accent),var(--sakopi-latte))}.sakopi-card-branch:hover{transform:translateY(-4px);box-shadow:var(--sakopi-shadow-lg)}.sakopi-card-branch-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--sakopi-space-4)}.sakopi-card-branch .sakopi-branch-icon{width:56px;height:56px;font-size:1.75rem;background:var(--sakopi-surface-container);border-radius:var(--sakopi-radius-lg);display:flex;align-items:center;justify-content:center}.sakopi-card-branch-badge{padding:var(--sakopi-space-1) var(--sakopi-space-3);background:var(--sakopi-surface-container);border-radius:var(--sakopi-radius-full);font-size:.6875rem;font-weight:600;color:var(--sakopi-on-surface-variant);text-transform:uppercase;letter-spacing:.05em}.sakopi-card-branch .sakopi-card-title{font-family:var(--sakopi-font-body);font-size:1.125rem;font-weight:600;color:var(--sakopi-darkest);margin:0 0 var(--sakopi-space-2)}.sakopi-card-branch .sakopi-branch-address{font-size:.8125rem;color:var(--sakopi-on-surface-variant);line-height:1.6;margin-bottom:var(--sakopi-space-4)}.sakopi-card-branch-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--sakopi-space-4);border-top:1px solid rgba(215,194,187,.3)}.sakopi-card-contact{display:flex;align-items:center;gap:var(--sakopi-space-2);font-size:.8125rem;color:var(--sakopi-on-surface-variant)}.sakopi-features-section{position:relative;z-index:1;padding:var(--sakopi-space-8) var(--sakopi-space-6);background:var(--sakopi-surface-container-low);border-radius:var(--sakopi-radius-2xl);margin:var(--sakopi-space-8) 0}.sakopi-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--sakopi-space-5);margin-top:var(--sakopi-space-6)}.sakopi-feature-card{text-align:center;padding:var(--sakopi-space-5);background:var(--sakopi-surface-container-lowest);border-radius:var(--sakopi-radius-xl);border:1px solid rgba(215,194,187,.3);transition:var(--sakopi-transition)}.sakopi-feature-card:hover{transform:translateY(-2px);box-shadow:var(--sakopi-shadow-md)}.sakopi-feature-icon{font-size:2.5rem;margin-bottom:var(--sakopi-space-3)}.sakopi-feature-card h3{font-family:var(--sakopi-font-body);font-size:1rem;font-weight:600;color:var(--sakopi-darkest);margin:0 0 var(--sakopi-space-2)}.sakopi-feature-card p{font-size:.8125rem;color:var(--sakopi-on-surface-variant);margin:0;line-height:1.5}.sakopi-landing-page .sakopi-footer{position:relative;z-index:1;text-align:center;padding:var(--sakopi-space-6);background:transparent}.sakopi-footer-brand{display:flex;align-items:center;justify-content:center;gap:var(--sakopi-space-3);margin-bottom:var(--sakopi-space-3);font-size:.9375rem;color:var(--sakopi-on-surface-variant)}.sakopi-footer-logo{width:60px;height:auto;opacity:.8}.sakopi-landing-page .sakopi-footer p{font-size:.8125rem;color:var(--sakopi-outline)}.sakopi-landing{min-height:100vh;background:var(--sakopi-cream);position:relative;overflow-x:hidden}.sakopi-landing-bg{position:fixed;inset:0;pointer-events:none;z-index:0}.sakopi-landing-blob{position:absolute;border-radius:50%;filter:blur(100px);opacity:.5}.sakopi-landing-blob-1{width:600px;height:600px;background:linear-gradient(135deg,var(--sakopi-latte) 0%,var(--sakopi-surface-container) 100%);top:-200px;right:-200px}.sakopi-landing-blob-2{width:400px;height:400px;background:linear-gradient(135deg,var(--sakopi-accent) 0%,var(--sakopi-latte) 100%);bottom:20%;left:-150px;opacity:.3}.sakopi-landing-blob-3{width:300px;height:300px;background:var(--sakopi-surface-container);top:50%;right:10%;opacity:.4}.sakopi-landing-header{position:sticky;top:0;z-index:var(--sakopi-z-sticky);background:#fdfaf7e6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(215,194,187,.3)}.sakopi-landing-header-inner{max-width:1280px;margin:0 auto;padding:var(--sakopi-space-4) var(--sakopi-space-6);display:flex;align-items:center;justify-content:space-between}.sakopi-landing-brand{display:flex;align-items:center;gap:var(--sakopi-space-3)}.sakopi-landing-logo{width:150px;height:auto;border-radius:var(--sakopi-radius-lg)}.sakopi-landing-brand-name{font-family:var(--sakopi-font-body);font-size:1.5rem;font-weight:700;color:var(--sakopi-primary);letter-spacing:-.01em}.sakopi-landing-track-btn{display:inline-flex;align-items:center;gap:var(--sakopi-space-2);padding:.5rem 1rem;background:transparent;color:var(--sakopi-primary);border:1.5px solid var(--sakopi-primary);border-radius:var(--sakopi-radius-full);font-family:var(--sakopi-font-body);font-size:.875rem;font-weight:600;cursor:pointer;transition:var(--sakopi-transition)}.sakopi-landing-track-btn:hover{background:var(--sakopi-primary);color:#fff}.sakopi-landing-hero{position:relative;z-index:1;max-width:1280px;margin:0 auto;padding:var(--sakopi-space-16) var(--sakopi-space-6);display:grid;grid-template-columns:1fr 1fr;gap:var(--sakopi-space-12);align-items:center}.sakopi-landing-hero-content{display:flex;flex-direction:column;gap:var(--sakopi-space-6)}.sakopi-landing-hero-badge{display:inline-flex;align-items:center;gap:var(--sakopi-space-2);padding:var(--sakopi-space-2) var(--sakopi-space-4);background:#b07d581a;border:1px solid rgba(176,125,88,.2);border-radius:var(--sakopi-radius-full);color:var(--sakopi-accent);font-size:.875rem;font-weight:600;width:-moz-fit-content;width:fit-content}.sakopi-landing-hero-title{font-family:var(--sakopi-font-body);font-size:clamp(2.5rem,5vw,4rem);font-weight:700;color:var(--sakopi-darkest);line-height:1.1;letter-spacing:-.03em}.sakopi-landing-hero-highlight{color:var(--sakopi-primary);position:relative}.sakopi-landing-hero-desc{font-size:1.125rem;color:var(--sakopi-on-surface-variant);line-height:1.7;max-width:480px}.sakopi-landing-hero-cta{display:flex;gap:var(--sakopi-space-4);flex-wrap:wrap}.sakopi-landing-hero-visual{position:relative;display:flex;justify-content:center;align-items:center}.sakopi-landing-hero-card{width:100%;max-width:480px;aspect-ratio:4/3;border-radius:var(--sakopi-radius-2xl);overflow:hidden;box-shadow:var(--sakopi-shadow-xl)}.sakopi-landing-hero-card img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.sakopi-landing-hero-float{position:absolute;width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:var(--sakopi-radius-xl);box-shadow:var(--sakopi-shadow-lg);color:var(--sakopi-on-primary);animation:floatBounce 3s ease-in-out infinite}.sakopi-landing-hero-float-1{background:linear-gradient(135deg,var(--sakopi-primary) 0%,var(--sakopi-accent) 100%);top:10%;right:5%;animation-delay:0s}.sakopi-landing-hero-float-2{background:linear-gradient(135deg,var(--sakopi-accent) 0%,var(--sakopi-latte) 100%);bottom:15%;left:5%;animation-delay:1.5s}@keyframes floatBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.sakopi-landing-features{position:relative;z-index:1;background:var(--sakopi-surface-container-low);border-top:1px solid rgba(215,194,187,.4);border-bottom:1px solid rgba(215,194,187,.4)}.sakopi-landing-features-inner{max-width:1280px;margin:0 auto;padding:var(--sakopi-space-6);display:flex;align-items:center;justify-content:center;gap:var(--sakopi-space-8)}.sakopi-landing-feature{display:flex;align-items:center;gap:var(--sakopi-space-4)}.sakopi-landing-feature-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--sakopi-primary);color:#fff;border-radius:var(--sakopi-radius-lg);flex-shrink:0}.sakopi-landing-feature-text{display:flex;flex-direction:column;gap:2px}.sakopi-landing-feature-title{font-weight:700;color:var(--sakopi-darkest);font-size:.9375rem}.sakopi-landing-feature-desc{font-size:.8125rem;color:var(--sakopi-on-surface-variant)}.sakopi-landing-feature-divider{width:1px;height:48px;background:#d7c2bb80}.sakopi-landing-branches{position:relative;z-index:1;max-width:1280px;margin:0 auto;padding:var(--sakopi-space-16) var(--sakopi-space-6)}.sakopi-landing-section-header{text-align:center;margin-bottom:var(--sakopi-space-12)}.sakopi-landing-section-badge{display:inline-block;padding:var(--sakopi-space-2) var(--sakopi-space-4);background:#61331f14;color:var(--sakopi-primary);font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border-radius:var(--sakopi-radius-full);margin-bottom:var(--sakopi-space-4)}.sakopi-landing-section-title{font-family:var(--sakopi-font-body);font-size:clamp(1.75rem,3vw,2.5rem);font-weight:700;color:var(--sakopi-darkest);margin-bottom:var(--sakopi-space-3)}.sakopi-landing-section-desc{font-size:1rem;color:var(--sakopi-on-surface-variant);max-width:480px;margin:0 auto}.sakopi-landing-branch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:var(--sakopi-space-8)}.sakopi-branch-card{background:var(--sakopi-bg-card);border-radius:var(--sakopi-radius-2xl);overflow:hidden;box-shadow:var(--sakopi-shadow-md);cursor:pointer;transition:var(--sakopi-transition);border:1px solid rgba(215,194,187,.4)}.sakopi-branch-card:hover{box-shadow:var(--sakopi-shadow-xl);transform:translateY(-8px);border-color:var(--sakopi-accent)}.sakopi-branch-card-image{position:relative;aspect-ratio:16/10;overflow:hidden}.sakopi-branch-card-image img{width:125%;height:auto;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease}.sakopi-branch-card:hover .sakopi-branch-card-image img{transform:scale(1.05)}.sakopi-branch-card-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(43,26,26,.6) 100%);display:flex;align-items:flex-end;padding:var(--sakopi-space-4)}.sakopi-branch-card-badge{display:inline-flex;align-items:center;gap:var(--sakopi-space-2);padding:var(--sakopi-space-2) var(--sakopi-space-3);background:#fffffff2;color:var(--sakopi-primary);font-size:.75rem;font-weight:700;border-radius:var(--sakopi-radius-full);letter-spacing:.02em}.sakopi-branch-card-content{padding:var(--sakopi-space-6)}.sakopi-branch-card-title{font-family:var(--sakopi-font-body);font-size:1.375rem;font-weight:700;color:var(--sakopi-darkest);margin-bottom:var(--sakopi-space-4)}.sakopi-branch-card-info{display:flex;flex-direction:column;gap:var(--sakopi-space-3);margin-bottom:var(--sakopi-space-5)}.sakopi-branch-card-address,.sakopi-branch-card-phone{display:flex;align-items:flex-start;gap:var(--sakopi-space-2);font-size:.875rem;color:var(--sakopi-on-surface-variant)}.sakopi-branch-card-address svg,.sakopi-branch-card-phone svg{color:var(--sakopi-accent);flex-shrink:0;margin-top:2px}.sakopi-branch-card-features{display:flex;gap:var(--sakopi-space-4);padding:var(--sakopi-space-4);background:var(--sakopi-surface-container-low);border-radius:var(--sakopi-radius-lg);margin-bottom:var(--sakopi-space-5)}.sakopi-branch-feature{display:flex;align-items:center;gap:var(--sakopi-space-2);flex:1}.sakopi-branch-feature svg{color:var(--sakopi-primary);flex-shrink:0}.sakopi-branch-feature div{display:flex;flex-direction:column;gap:1px;min-width:0}.sakopi-branch-feature-label{font-size:.6875rem;color:var(--sakopi-outline);white-space:nowrap}.sakopi-branch-feature-value{font-size:.75rem;font-weight:700;color:var(--sakopi-darkest);white-space:nowrap}.sakopi-landing-cta{position:relative;z-index:1;background:linear-gradient(135deg,var(--sakopi-darkest) 0%,var(--sakopi-deep) 100%);padding:var(--sakopi-space-16) var(--sakopi-space-6)}.sakopi-landing-cta-content{max-width:640px;margin:0 auto;text-align:center}.sakopi-landing-cta-title{font-family:var(--sakopi-font-body);font-size:clamp(1.5rem,3vw,2rem);font-weight:700;color:#fff;margin-bottom:var(--sakopi-space-3)}.sakopi-landing-cta-desc{font-size:1rem;color:var(--sakopi-latte);margin-bottom:var(--sakopi-space-6);opacity:.9}.sakopi-landing-cta .sakopi-btn-primary{background:#fff;color:var(--sakopi-darkest)}.sakopi-landing-cta .sakopi-btn-primary:hover{background:var(--sakopi-latte)}.sakopi-landing-footer{position:relative;z-index:1;background:var(--sakopi-surface-container);border-top:1px solid rgba(215,194,187,.4);padding:var(--sakopi-space-8) var(--sakopi-space-6)}.sakopi-landing-footer-inner{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--sakopi-space-6);border-bottom:1px solid rgba(215,194,187,.3)}.sakopi-landing-footer-brand{display:flex;align-items:center;gap:var(--sakopi-space-4)}.sakopi-landing-footer-logo{width:150px;height:auto;border-radius:var(--sakopi-radius-lg)}.sakopi-landing-footer-name{display:block;font-family:var(--sakopi-font-body);font-size:1.25rem;font-weight:700;color:var(--sakopi-primary)}.sakopi-landing-footer-tagline{display:block;font-size:.8125rem;color:var(--sakopi-on-surface-variant)}.sakopi-landing-footer-social{display:flex;gap:var(--sakopi-space-3)}.sakopi-landing-footer-social-link{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--sakopi-bg-card);color:var(--sakopi-primary);border-radius:var(--sakopi-radius-full);transition:var(--sakopi-transition-fast);border:1px solid rgba(215,194,187,.4)}.sakopi-landing-footer-social-link:hover{background:var(--sakopi-primary);color:#fff;border-color:var(--sakopi-primary)}.sakopi-landing-footer-bottom{max-width:1280px;margin:var(--sakopi-space-6) auto 0;text-align:center}.sakopi-landing-footer-bottom p{font-size:.8125rem;color:var(--sakopi-outline)}.sakopi-btn-lg{padding:.875rem 1.75rem;font-size:1rem}@media(max-width:1024px){.sakopi-landing-hero{grid-template-columns:1fr;text-align:center;padding:var(--sakopi-space-12) var(--sakopi-space-6)}.sakopi-landing-hero-content{align-items:center}.sakopi-landing-hero-desc{max-width:100%}.sakopi-landing-hero-cta{justify-content:center}.sakopi-landing-hero-visual{order:-1}.sakopi-landing-hero-card{max-width:400px}.sakopi-landing-features-inner{flex-wrap:wrap;gap:var(--sakopi-space-6)}.sakopi-landing-feature-divider{display:none}}@media(max-width:768px){.sakopi-landing-branch-grid{grid-template-columns:1fr}.sakopi-branch-card-features{flex-wrap:wrap}.sakopi-branch-feature{flex:1 1 45%}}@media(max-width:640px){.sakopi-landing-header-inner{padding:var(--sakopi-space-3) var(--sakopi-space-4)}.sakopi-landing-logo{width:150px;height:auto}.sakopi-landing-brand-name{font-size:1.25rem}.sakopi-landing-track-btn span:last-child{display:none}.sakopi-landing-track-btn{padding:.5rem}.sakopi-landing-hero-title{font-size:2rem}.sakopi-landing-features-inner{flex-direction:column;align-items:flex-start}.sakopi-landing-feature{width:100%}.sakopi-landing-hero-float{width:44px;height:44px}.sakopi-landing-hero-float-1{top:5%;right:0}.sakopi-landing-hero-float-2{bottom:10%;left:0}}@media(max-width:640px){.sakopi-info-badges{flex-direction:column;align-items:center}.sakopi-features-grid{grid-template-columns:1fr}.sakopi-card-branch-footer{flex-direction:column;gap:var(--sakopi-space-3);align-items:stretch}.sakopi-card-contact{justify-content:center}}.container-vertical{max-width:1000px;margin:0 auto;padding:var(--sakopi-space-8)}.page-header{margin-bottom:var(--sakopi-space-8)}.page-title{font-size:1.75rem;color:var(--sakopi-darkest);margin:0 0 var(--sakopi-space-2) 0;font-weight:700;font-family:var(--sakopi-font-body)}.page-subtitle{color:var(--sakopi-on-surface-variant);font-size:.9375rem}.form-section{background:var(--sakopi-surface-container-lowest);border:1px solid rgba(215,194,187,.5);border-radius:var(--sakopi-radius-xl);padding:var(--sakopi-space-6);margin-bottom:var(--sakopi-space-6);box-shadow:var(--sakopi-shadow-sm)}.section-title{color:var(--sakopi-darkest);font-size:1.125rem;font-weight:600;margin:0 0 var(--sakopi-space-5) 0;padding-bottom:var(--sakopi-space-3);border-bottom:1px solid rgba(215,194,187,.4);font-family:var(--sakopi-font-body);display:flex;align-items:center;gap:var(--sakopi-space-2)}.section-header-with-count{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sakopi-space-5);padding-bottom:var(--sakopi-space-3);border-bottom:1px solid rgba(215,194,187,.4)}.cart-count-badge{background:var(--sakopi-primary);color:var(--sakopi-latte);padding:var(--sakopi-space-1) var(--sakopi-space-4);border-radius:var(--sakopi-radius-full);font-size:.8125rem;font-weight:600}.form-grid-3col{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sakopi-space-5)}.form-group{display:flex;flex-direction:column}.form-group-full{grid-column:1 / -1}.form-label{font-size:.875rem;color:var(--sakopi-darkest);font-weight:600;margin-bottom:var(--sakopi-space-2)}.required{color:var(--sakopi-error)}.form-control{padding:var(--sakopi-space-3) var(--sakopi-space-4);border:1.5px solid rgba(215,194,187,.5);border-radius:var(--sakopi-radius-md);font-size:.9375rem;transition:all var(--sakopi-transition-fast);font-family:var(--sakopi-font-body);background:var(--sakopi-surface-container-lowest);color:var(--sakopi-darkest)}.form-control:focus{outline:none;border-color:var(--sakopi-primary);background:var(--sakopi-surface-container-low);box-shadow:0 0 0 3px #61331f1a}.form-control::-moz-placeholder{color:var(--sakopi-outline)}.form-control::placeholder{color:var(--sakopi-outline)}textarea.form-control{resize:vertical;min-height:60px}.menu-grid-compact{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--sakopi-space-3);margin-bottom:var(--sakopi-space-6)}.menu-card-compact{background:var(--sakopi-surface-container-low);border:1.5px solid rgba(215,194,187,.4);border-radius:var(--sakopi-radius-lg);padding:var(--sakopi-space-4);display:flex;justify-content:space-between;align-items:center;gap:var(--sakopi-space-3);cursor:pointer;transition:all var(--sakopi-transition-fast)}.menu-card-compact:hover:not(.disabled){border-color:var(--sakopi-primary);background:var(--sakopi-surface-container-lowest);transform:translateY(-2px);box-shadow:var(--sakopi-shadow-md)}.menu-card-compact.disabled{opacity:.5;cursor:not-allowed}.menu-info-compact{flex:1}.menu-name-compact{font-size:.9375rem;font-weight:600;color:var(--sakopi-darkest);margin:0 0 var(--sakopi-space-1) 0}.menu-price-compact{font-size:.875rem;color:var(--sakopi-primary);font-weight:700;margin:0}.btn-add-compact{width:36px;height:36px;border-radius:50%;border:2px solid var(--sakopi-primary);background:var(--sakopi-surface-container-lowest);color:var(--sakopi-primary);font-size:1.25rem;font-weight:700;cursor:pointer;transition:all var(--sakopi-transition-fast);flex-shrink:0;display:flex;align-items:center;justify-content:center}.btn-add-compact:hover:not(:disabled){background:var(--sakopi-primary);color:var(--sakopi-latte);transform:scale(1.1)}.btn-add-compact:disabled{opacity:.5;cursor:not-allowed}.cart-section-inline{background:#61331f0d;border:1.5px solid var(--sakopi-primary);border-radius:var(--sakopi-radius-lg);padding:var(--sakopi-space-5);margin-top:var(--sakopi-space-6)}.cart-subtitle{color:var(--sakopi-darkest);font-size:1rem;font-weight:600;margin:0 0 var(--sakopi-space-4) 0;display:flex;align-items:center;gap:var(--sakopi-space-2)}.cart-items-list{display:flex;flex-direction:column;gap:var(--sakopi-space-3);margin-bottom:var(--sakopi-space-4)}.cart-item-inline{background:var(--sakopi-surface-container-lowest);border:1px solid rgba(215,194,187,.3);border-radius:var(--sakopi-radius-md);padding:var(--sakopi-space-3) var(--sakopi-space-4);display:flex;justify-content:space-between;align-items:center;gap:var(--sakopi-space-4)}.cart-item-details{flex:1;display:flex;flex-direction:column;gap:var(--sakopi-space-1)}.item-name{color:var(--sakopi-darkest);font-size:.9375rem;font-weight:600}.item-variant{color:var(--sakopi-on-surface-variant);font-size:.8125rem}.cart-item-controls{display:flex;align-items:center;gap:var(--sakopi-space-4)}.qty-control-inline{display:flex;align-items:center;gap:var(--sakopi-space-2);background:var(--sakopi-surface-container-low);padding:var(--sakopi-space-1) var(--sakopi-space-2);border-radius:var(--sakopi-radius-sm);border:1px solid rgba(215,194,187,.3)}.qty-btn-sm{width:28px;height:28px;border:none;background:var(--sakopi-primary);color:var(--sakopi-latte);border-radius:var(--sakopi-radius-sm);cursor:pointer;font-size:1rem;font-weight:700;transition:all var(--sakopi-transition-fast);display:flex;align-items:center;justify-content:center}.qty-btn-sm:hover{background:var(--sakopi-primary-container)}.qty-num{min-width:28px;text-align:center;font-weight:600;color:var(--sakopi-darkest);font-size:.875rem}.item-total-price{font-weight:700;color:var(--sakopi-primary);font-size:.9375rem;min-width:100px;text-align:right}.btn-delete-sm{background:#ba1a1a14;border:1px solid rgba(186,26,26,.2);color:var(--sakopi-error);width:32px;height:32px;border-radius:var(--sakopi-radius-sm);cursor:pointer;font-size:1rem;transition:all var(--sakopi-transition-fast);display:flex;align-items:center;justify-content:center}.btn-delete-sm:hover{background:var(--sakopi-error);color:#fff}.cart-total-inline{display:flex;justify-content:space-between;padding:var(--sakopi-space-4) 0 0 0;border-top:2px solid var(--sakopi-primary);font-weight:700}.total-label{color:var(--sakopi-darkest);font-size:1rem}.total-value{color:var(--sakopi-primary);font-size:1.25rem}.submit-section{text-align:center;margin-top:var(--sakopi-space-8)}.btn-submit-main{background:var(--sakopi-primary);color:var(--sakopi-latte);border:none;padding:var(--sakopi-space-4) var(--sakopi-space-12);border-radius:var(--sakopi-radius-lg);font-size:1rem;font-weight:700;cursor:pointer;transition:all var(--sakopi-transition-fast);box-shadow:var(--sakopi-shadow-md);min-width:280px;font-family:var(--sakopi-font-body)}.btn-submit-main:hover:not(:disabled){background:var(--sakopi-primary-container);transform:translateY(-2px);box-shadow:var(--sakopi-shadow-lg)}.btn-submit-main:disabled{opacity:.5;cursor:not-allowed;transform:none}.modal-overlay{position:fixed;inset:0;background:#2b1a1a99;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:var(--sakopi-surface-container-lowest);border-radius:var(--sakopi-radius-xl);width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:var(--sakopi-shadow-xl)}.modal-header{background:var(--sakopi-primary);color:var(--sakopi-latte);padding:var(--sakopi-space-5) var(--sakopi-space-6);display:flex;justify-content:space-between;align-items:center;border-radius:var(--sakopi-radius-xl) var(--sakopi-radius-xl) 0 0}.modal-header h3{margin:0;font-size:1.125rem;font-family:var(--sakopi-font-body)}.close-btn{background:#fff3;border:none;color:var(--sakopi-latte);font-size:1.5rem;width:36px;height:36px;border-radius:50%;cursor:pointer;transition:background var(--sakopi-transition-fast);display:flex;align-items:center;justify-content:center}.close-btn:hover{background:#ffffff4d}.modal-body{padding:var(--sakopi-space-6)}.base-price-label{background:var(--sakopi-surface-container-low);padding:var(--sakopi-space-3) var(--sakopi-space-4);border-radius:var(--sakopi-radius-md);margin-bottom:var(--sakopi-space-5);text-align:center;color:var(--sakopi-darkest);font-size:.9375rem}.variant-group{margin-bottom:var(--sakopi-space-5)}.variant-group h4{color:var(--sakopi-darkest);font-size:.9375rem;margin-bottom:var(--sakopi-space-3);font-weight:600}.variant-options{display:flex;flex-direction:column;gap:var(--sakopi-space-2)}.radio-label{display:flex;align-items:center;padding:var(--sakopi-space-3) var(--sakopi-space-4);background:var(--sakopi-surface-container-low);border-radius:var(--sakopi-space-3);cursor:pointer;transition:all var(--sakopi-transition-fast);gap:var(--sakopi-space-3);border:1px solid rgba(215,194,187,.3)}.radio-label:hover{background:var(--sakopi-surface-container-lowest);border-color:var(--sakopi-primary)}.radio-label input{accent-color:var(--sakopi-primary);width:18px;height:18px}.price-adj{color:var(--sakopi-primary);font-size:.8125rem;font-weight:600}.qty-control-modal{display:flex;justify-content:space-between;align-items:center;margin:var(--sakopi-space-5) 0}.qty-buttons-modal{display:flex;align-items:center;gap:var(--sakopi-space-4)}.qty-buttons-modal button{width:36px;height:36px;border:2px solid var(--sakopi-primary);background:var(--sakopi-surface-container-lowest);color:var(--sakopi-primary);border-radius:var(--sakopi-radius-md);cursor:pointer;font-size:1.25rem;font-weight:700;transition:all var(--sakopi-transition-fast);display:flex;align-items:center;justify-content:center}.qty-buttons-modal button:hover{background:var(--sakopi-primary);color:var(--sakopi-latte)}.qty-buttons-modal span{min-width:40px;text-align:center;font-weight:600;font-size:1rem;color:var(--sakopi-darkest)}.modal-total-preview{margin-top:var(--sakopi-space-5);padding:var(--sakopi-space-4);background:#61331f0d;border:1.5px solid var(--sakopi-primary);border-radius:var(--sakopi-radius-lg);display:flex;justify-content:space-between;font-weight:700;font-size:.9375rem}.preview-amount{color:var(--sakopi-primary);font-size:1.125rem}.modal-footer{padding:var(--sakopi-space-5) var(--sakopi-space-6);border-top:1px solid rgba(215,194,187,.3)}.btn-confirm-modal{width:100%;background:var(--sakopi-primary);color:var(--sakopi-latte);border:none;padding:var(--sakopi-space-4);border-radius:var(--sakopi-radius-md);font-weight:600;cursor:pointer;font-size:.9375rem;transition:all var(--sakopi-transition-fast);font-family:var(--sakopi-font-body)}.btn-confirm-modal:hover{background:var(--sakopi-primary-container)}.empty-state-small{text-align:center;padding:var(--sakopi-space-10) var(--sakopi-space-5);color:var(--sakopi-on-surface-variant);font-style:italic}.branch-settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--sakopi-space-4);margin-top:var(--sakopi-space-4)}.branch-settings-card{background:var(--sakopi-surface-container-lowest);border:1px solid rgba(215,194,187,.5);border-radius:var(--sakopi-radius-xl);padding:var(--sakopi-space-5);box-shadow:var(--sakopi-shadow-sm)}.branch-settings-name{font-family:var(--sakopi-font-body);font-size:1.05rem;font-weight:700;color:var(--sakopi-darkest);margin:0 0 var(--sakopi-space-4);padding-bottom:var(--sakopi-space-3);border-bottom:1px solid rgba(215,194,187,.3)}.branch-settings-fields{display:grid;grid-template-columns:1fr 1fr;gap:var(--sakopi-space-3);margin-bottom:var(--sakopi-space-4)}.branch-settings-fields .form-group{margin-bottom:0}.branch-settings-fields .form-label{display:flex;align-items:center;gap:var(--sakopi-space-1);font-size:.75rem}.sakopi-min-order-warning{font-size:.75rem;color:var(--sakopi-error, #ba1a1a);font-weight:600;margin-top:var(--sakopi-space-1)}.modal-card-settings .modal-header{background:var(--sakopi-surface-container-low);color:var(--sakopi-darkest);border-radius:0}.modal-card-settings .modal-header h3{color:var(--sakopi-darkest)}@media(max-width:768px){.container-vertical{padding:var(--sakopi-space-5)}.form-grid-3col,.menu-grid-compact{grid-template-columns:1fr}.cart-item-inline{flex-direction:column;align-items:flex-start}.cart-item-controls{width:100%;justify-content:space-between}.btn-submit-main{width:100%;min-width:auto}}.sakopi-base-price-info{font-size:.875rem;color:var(--sakopi-text-muted);margin-bottom:var(--sakopi-space-lg);padding-bottom:var(--sakopi-space-md);border-bottom:1px solid var(--sakopi-border-light)}.sakopi-base-price-info strong{color:var(--sakopi-primary);font-weight:700}.sakopi-modal-qty-row{display:flex;align-items:center;justify-content:space-between;margin-top:var(--sakopi-space-lg);padding-top:var(--sakopi-space-md);border-top:1px solid var(--sakopi-border-light)}.sakopi-modal-qty-row>label{font-size:.875rem;font-weight:600;color:var(--sakopi-deep)}.sakopi-product-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:900px){.sakopi-product-grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.sakopi-product-grid-3{grid-template-columns:repeat(2,1fr)}}.accordion-section:hover{box-shadow:var(--sakopi-shadow);border-color:var(--sakopi-primary-light)}.accordion-header{width:100%;display:flex;justify-content:center;align-items:center;padding:18px 48px;position:relative;border:none;cursor:pointer;transition:all .3s ease;font-weight:600;font-size:1.1rem;color:var(--sakopi-deep)}.accordion-header:hover{background:linear-gradient(135deg,#e9ecef,#dee2e6)}.accordion-header:active{transform:scale(.98)}.accordion-title{font-size:1.1rem;font-weight:600;color:var(--sakopi-deep)}.accordion-icon{position:absolute;right:24px;color:var(--sakopi-primary)}.accordion-content{padding:24px;background:#fafafa;animation:slideDown .3s ease;border:none}@media(max-width:768px){.accordion-header{padding:14px 16px;font-size:1rem}.accordion-title{font-size:1rem}.accordion-count{font-size:.8rem;padding:3px 10px;margin-right:8px}.accordion-icon{font-size:.9rem}.accordion-content{padding:16px}}@media(max-width:480px){.accordion-header{padding:12px;font-size:.95rem}.accordion-title{font-size:.95rem}.accordion-count{font-size:.75rem;padding:2px 8px}.accordion-content{padding:12px}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.sakopi-modal-qty-row{display:flex;align-items:center;gap:12px;padding:16px 0;border-top:1px solid var(--sakopi-border-light);border-bottom:1px solid var(--sakopi-border-light)}.sakopi-modal-qty-row label{font-weight:600;color:var(--sakopi-deep);font-size:.95rem}.sakopi-qty{display:flex;align-items:center;gap:0;border:2px solid var(--sakopi-border);border-radius:var(--sakopi-radius-md);overflow:hidden;background:#fff;transition:border-color .2s ease}.sakopi-qty:focus-within{border-color:var(--sakopi-primary);box-shadow:0 0 0 3px #7d4a341a}.sakopi-qty-btn{width:44px;height:44px;border:none;background:var(--sakopi-cream);color:var(--sakopi-primary);font-size:1.3rem;font-weight:700;cursor:pointer;transition:var(--sakopi-transition);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sakopi-qty-btn:hover{background:var(--sakopi-latte);color:var(--sakopi-deep)}.sakopi-qty-btn:active{background:var(--sakopi-accent);color:#fff;transform:scale(.95)}.sakopi-qty-input{width:70px;height:44px;border:none;border-left:1px solid var(--sakopi-border);border-right:1px solid var(--sakopi-border);text-align:center;font-size:1.1rem;font-weight:700;color:var(--sakopi-darkest);background:#fff;font-family:var(--sakopi-font-body);outline:none;padding:0 8px}.sakopi-qty-input::-webkit-outer-spin-button,.sakopi-qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.sakopi-qty-input[type=number]{-moz-appearance:textfield}.sakopi-qty-input:focus{background:var(--sakopi-border-light);color:var(--sakopi-primary)}.sakopi-qty-input::-moz-placeholder{color:var(--sakopi-text-muted);opacity:.5;font-weight:400}.sakopi-qty-input::placeholder{color:var(--sakopi-text-muted);opacity:.5;font-weight:400}.sakopi-qty-input:-moz-placeholder{font-style:italic}.sakopi-qty-input:placeholder-shown{font-style:italic}@media(max-width:480px){.sakopi-modal-qty-row{padding:12px 0}.sakopi-qty-btn{width:40px;height:40px;font-size:1.2rem}.sakopi-qty-input{width:60px;height:40px;font-size:1rem}}.sakopi-summary-item{display:flex;justify-content:space-between;align-items:flex-start;padding:12px 0;gap:12px}.sakopi-summary-item-info{flex:1;min-width:0}.sakopi-summary-item-name{font-weight:600;color:var(--sakopi-deep);font-size:1rem;margin-bottom:6px}.sakopi-summary-item-variants{display:flex;flex-direction:column;gap:4px;margin-top:6px;margin-bottom:6px;padding-left:12px;border-left:2px solid var(--sakopi-primary-light)}.sakopi-variant-detail{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--sakopi-text-muted)}.sakopi-variant-name{font-style:italic;color:#666}.sakopi-variant-price{color:var(--sakopi-primary);font-weight:600;margin-left:8px;font-size:.8rem}.sakopi-summary-item-desc{font-size:.85rem;color:var(--sakopi-text-muted);margin-top:4px;line-height:1.4}.sakopi-summary-item-pricing{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.sakopi-summary-item-qty{font-size:.9rem;color:var(--sakopi-text-muted);font-weight:600}.sakopi-summary-item-price{font-weight:700;color:var(--sakopi-deep);font-size:1rem;white-space:nowrap}.confirm-modal-overlay{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.confirm-modal{background:#fff;border-radius:20px;width:100%;max-width:440px;box-shadow:0 20px 60px #0003;animation:confirmModalIn .25s cubic-bezier(.34,1.56,.64,1);overflow:hidden}@keyframes confirmModalIn{0%{transform:translateY(40px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.confirm-modal-header{background:linear-gradient(135deg,#f0fdf4,#dcfce7);padding:1.5rem 1.5rem 1rem;text-align:center;border-bottom:1px solid #d1fae5}.confirm-modal-icon{font-size:2rem;margin-bottom:.5rem}.confirm-modal-title{font-size:1.15rem;font-weight:700;color:#14532d;margin:0 0 .25rem}.confirm-modal-subtitle{font-size:.85rem;color:#166534;margin:0}.confirm-modal-body{padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:0}.confirm-modal-row{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:.65rem 0;border-bottom:1px dashed #f0f0f0}.confirm-modal-row:last-child{border-bottom:none}.confirm-modal-label{font-size:.82rem;color:#6b7280;flex-shrink:0;padding-top:1px}.confirm-modal-value{font-size:.92rem;font-weight:600;color:#1f2937;text-align:right;word-break:break-word;max-width:60%}.confirm-modal-footer{display:flex;justify-content:center;gap:.75rem;padding:1rem 1.5rem 1.5rem}.confirm-modal-footer .sakopi-btn{flex:1;max-width:200px}@media(max-width:480px){.sakopi-summary-item{flex-direction:column;gap:8px}.sakopi-summary-item-pricing{flex-direction:row;justify-content:space-between;width:100%}.sakopi-variant-detail{flex-direction:column;align-items:flex-start;gap:2px}.sakopi-variant-price{margin-left:0}.confirm-modal{border-radius:16px}.confirm-modal-value{max-width:55%}}.track-page{min-height:100vh;background:var(--sakopi-cream);display:flex;flex-direction:column;position:relative;overflow:hidden;font-family:var(--sakopi-font-body)}.track-blob{position:fixed;border-radius:50%;pointer-events:none;z-index:0}.track-blob-1{width:480px;height:480px;background:radial-gradient(circle,rgba(125,74,52,.08) 0%,transparent 70%);top:-160px;right:-120px}.track-blob-2{width:360px;height:360px;background:radial-gradient(circle,rgba(176,125,88,.07) 0%,transparent 70%);bottom:-80px;left:-80px}.track-navbar{position:relative;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:14px 24px;background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--sakopi-border);box-shadow:var(--sakopi-shadow-sm)}.track-back-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;border:1.5px solid var(--sakopi-border);border-radius:var(--sakopi-radius-full);color:var(--sakopi-deep);font-size:.88rem;font-weight:600;font-family:var(--sakopi-font-body);cursor:pointer;transition:var(--sakopi-transition)}.track-back-btn:hover{background:var(--sakopi-border-light);border-color:var(--sakopi-accent);color:var(--sakopi-primary);transform:translate(-2px)}.track-navbar-brand{display:flex;align-items:center;gap:8px;font-family:var(--sakopi-font-body);font-size:1.05rem;font-weight:700;color:var(--sakopi-deep)}.track-navbar-logo{width:30px;height:30px;-o-object-fit:contain;object-fit:contain}.track-main{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;padding:52px 20px 64px;gap:22px;width:100%;max-width:480px;margin:0 auto}.track-header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}.track-icon-ring{width:76px;height:76px;background:linear-gradient(145deg,var(--sakopi-primary) 0%,var(--sakopi-deep) 100%);border-radius:var(--sakopi-radius-xl);display:flex;align-items:center;justify-content:center;font-size:1.9rem;box-shadow:var(--sakopi-shadow-md),0 0 0 8px #7d4a3414}.track-title{font-family:var(--sakopi-font-body);font-size:2rem;font-weight:700;color:var(--sakopi-darkest);margin:0;line-height:1.15}.track-desc{font-size:.93rem;color:var(--sakopi-text-muted);line-height:1.65;margin:0}.track-card{width:100%;background:#fff;border-radius:var(--sakopi-radius-xl);border:1px solid var(--sakopi-border);padding:30px 28px;box-shadow:var(--sakopi-shadow-lg)}.track-field{display:flex;flex-direction:column;gap:7px;margin-bottom:18px}.track-label{font-size:.85rem;font-weight:600;color:var(--sakopi-deep);letter-spacing:.2px}.track-input::-moz-placeholder{color:var(--sakopi-text-muted);opacity:.65;font-size:.88rem}.track-input::placeholder{color:var(--sakopi-text-muted);opacity:.65;font-size:.88rem}.track-input:focus{border-color:var(--sakopi-primary);background:#fff;box-shadow:var(--sakopi-shadow-glow)}.track-input.is-error{border-color:var(--sakopi-danger);background:var(--sakopi-danger-light)}.track-input.is-error:focus{box-shadow:0 0 0 4px #c0392b1a}.track-error{display:flex;align-items:center;gap:5px;color:var(--sakopi-danger);font-size:.83rem;font-weight:500;margin:4px 0 0;padding:7px 10px;background:var(--sakopi-danger-light);border-radius:var(--sakopi-radius-sm);border:1px solid rgba(192,57,43,.12)}.track-btn{width:100%;padding:14px;display:flex;align-items:center;justify-content:center;gap:9px;background:linear-gradient(135deg,var(--sakopi-primary) 0%,var(--sakopi-deep) 100%);color:var(--sakopi-cream);border:none;border-radius:var(--sakopi-radius-md);font-size:.97rem;font-weight:600;font-family:var(--sakopi-font-body);cursor:pointer;transition:var(--sakopi-transition);letter-spacing:.3px;box-shadow:0 4px 14px #7d4a3447}.track-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 22px #7d4a3461;background:linear-gradient(135deg,var(--sakopi-accent) 0%,var(--sakopi-primary) 100%)}.track-btn:active:not(:disabled){transform:translateY(0)}.track-btn:disabled{opacity:.6;cursor:not-allowed}.track-spin{display:inline-block;width:17px;height:17px;border:2px solid rgba(253,250,247,.3);border-top-color:#fff;border-radius:50%;animation:spin .65s linear infinite;flex-shrink:0}.track-divider{display:flex;align-items:center;gap:12px;margin:22px 0 18px;font-size:.82rem;color:var(--sakopi-text-muted)}.track-divider:before,.track-divider:after{content:"";flex:1;height:1px;background:var(--sakopi-border)}.track-help{display:flex;flex-direction:column;align-items:center;gap:11px;text-align:center}.track-help p{font-size:.88rem;color:var(--sakopi-text-muted);margin:0}.track-wa{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;background:var(--sakopi-success-light);border:1.5px solid rgba(45,90,61,.18);border-radius:var(--sakopi-radius-full);color:var(--sakopi-success);font-size:.9rem;font-weight:600;font-family:var(--sakopi-font-body);text-decoration:none;transition:var(--sakopi-transition)}.track-wa:hover{background:var(--sakopi-success);color:#fff;border-color:var(--sakopi-success);transform:translateY(-2px);box-shadow:0 6px 16px #2d5a3d38}.track-tips{width:100%;display:flex;align-items:flex-start;gap:10px;padding:14px 16px;background:linear-gradient(135deg,#7d4a340d,#b07d5808);border:1px solid var(--sakopi-border);border-left:3px solid var(--sakopi-accent);border-radius:var(--sakopi-radius-md)}.track-tips-icon{font-size:1rem;flex-shrink:0;margin-top:1px}.track-tips p{font-size:.84rem;color:var(--sakopi-text-muted);line-height:1.6;margin:0}.track-tips strong{color:var(--sakopi-primary)}.track-tips code{background:var(--sakopi-border-light);color:var(--sakopi-deep);padding:1px 6px;border-radius:4px;font-size:.82rem;font-family:Courier New,monospace;border:1px solid var(--sakopi-border)}@media(max-width:480px){.track-main{padding:36px 16px 52px;gap:18px}.track-card{padding:24px 18px}.track-icon-ring{width:64px;height:64px;font-size:1.6rem}.track-title{font-size:1.7rem}.track-navbar{padding:12px 16px}.track-back-btn span:not(:first-child){display:none}}.track-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:900;animation:overlayFadeIn .25s ease}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.track-modal-close{position:absolute;top:24px;right:24px;width:36px;height:36px;padding:0;border-radius:var(--sakopi-radius-full);border:1.5px solid var(--sakopi-border);background:transparent;color:var(--sakopi-deep);font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--sakopi-transition);flex-shrink:0}.track-modal-close:hover{background:var(--sakopi-border-light);border-color:var(--sakopi-accent);color:var(--sakopi-primary);transform:scale(1.08)}.track-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:901;width:min(560px,94vw);max-height:88vh;overflow-y:auto;overflow-x:hidden;background:#fff;border-radius:20px;padding:44px 24px 32px;box-shadow:0 24px 60px #00000040;animation:modalSlideIn .3s cubic-bezier(.34,1.56,.64,1);scrollbar-width:thin;scrollbar-color:#d1b896 transparent}.track-modal::-webkit-scrollbar{width:5px}.track-modal::-webkit-scrollbar-thumb{background:#d1b896;border-radius:99px}@keyframes modalSlideIn{0%{opacity:0;transform:translate(-50%,-44%)}to{opacity:1;transform:translate(-50%,-50%)}}.track-modal-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.track-modal-close{width:34px;height:34px;border-radius:50%;border:none;background:#f3ede8;color:#6b4c35;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .2s;flex-shrink:0}.track-modal-close:hover{background:#e8d5c4;transform:scale(1.1)}.sakopi-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sakopi-space-4, 1rem);padding:var(--sakopi-space-8, 2rem)}.sakopi-loading-small{padding:var(--sakopi-space-4, 1rem)}.sakopi-loading-large{padding:var(--sakopi-space-12, 3rem)}.sakopi-loading-text{font-size:.875rem;color:var(--sakopi-outline, #84736d);margin:0}.sakopi-spinner{width:40px;height:40px;border:3px solid rgba(215,194,187,.5);border-top-color:var(--sakopi-accent, #b07d58);border-radius:50%;animation:spin .8s linear infinite}.sakopi-spinner-small{width:20px;height:20px;border-width:2px}.sakopi-spinner-large{width:60px;height:60px;border-width:4px}.sakopi-spinner-inline{display:inline-block;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}