*,*:before,*:after{box-sizing:border-box}html{font-size:16px!important;-webkit-text-size-adjust:100%!important;text-size-adjust:100%!important}body{font-size:16px!important;-webkit-text-size-adjust:100%!important;text-size-adjust:100%!important;margin:0;min-width:320px;min-height:100vh;font-family:SF Pro Display,Helvetica Neue,Hiragino Sans,Noto Sans JP,sans-serif;background:linear-gradient(135deg,var(--pale-green) 0%,var(--soft-green) 100%);color:var(--text-dark);line-height:1.6;-webkit-font-smoothing:antialiased;padding:20px}#app{min-height:100vh}:root{--primary-green: #5a8f6a;--light-green: #9bc47d;--soft-green: #c8e6c9;--pale-green: #e8f5e9;--text-dark: #2d4a3a;--text-medium: #5a7464;--text-light: #86a091;--bg-cream: #fafaf8;--bg-white: #ffffff;--border-light: #d4e4d9;--shadow-soft: 0 2px 8px rgba(0, 0, 0, .08);--shadow-medium: 0 4px 16px rgba(0, 0, 0, .12);--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--transition: all .3s ease;--cut-color: #5a8f6a;--color-color: #7a9f8a;--perm-color: #6a8f7a;--other-color: #8a9f7a}a{font-weight:500;color:var(--primary-green);text-decoration:inherit}a:hover{text-decoration:underline}body.modal-open{overflow:hidden}.content-wrapper{display:grid;grid-template-columns:1fr 400px;gap:28px;align-items:start;max-width:1600px;margin:0 auto;padding:0 24px;width:100%;box-sizing:border-box}main.main-content{display:flex;flex-direction:column;gap:24px}.menu-section{background:var(--bg-white);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-soft);border:1px solid var(--border-light);transition:var(--transition)}.menu-section:hover{box-shadow:var(--shadow-medium)}.section-header{display:flex;align-items:baseline;gap:12px;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid var(--soft-green)}.section-header h2{font-size:26px!important;font-weight:600;letter-spacing:-.3px;color:var(--primary-green)}.section-subtitle{font-size:14px!important;color:var(--text-light);font-weight:400}.info-note{font-size:13px;color:var(--primary-green);background:var(--pale-green);padding:12px 18px;border-radius:var(--radius-sm);margin-bottom:20px;font-weight:500;border-left:3px solid var(--light-green)}.menu-grid{display:grid;grid-template-columns:1fr;gap:14px}.menu-btn{font-size:15px!important;background:var(--bg-cream);border:2px solid transparent;border-radius:var(--radius-md);padding:22px 20px;cursor:pointer;transition:var(--transition);display:flex;flex-direction:column;align-items:flex-start;gap:10px;text-align:left;position:relative;overflow:hidden}.menu-btn:before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:var(--light-green);transform:scaleY(0);transition:var(--transition)}.menu-btn:hover{background:var(--bg-white);border-color:var(--soft-green);box-shadow:var(--shadow-soft);transform:translateY(-2px)}.menu-btn:hover:before{transform:scaleY(1)}.menu-btn:active{transform:translateY(0)}.menu-btn.selected{background:linear-gradient(135deg,var(--light-green) 0%,var(--primary-green) 100%);border-color:var(--primary-green);box-shadow:var(--shadow-medium)}.menu-btn.selected:before{transform:scaleY(1);background:var(--primary-green)}.menu-btn.selected .menu-name,.menu-btn.selected .menu-price,.menu-btn.selected small{color:var(--bg-white)}.customer-number-badge{position:absolute;top:4px;right:4px;background:#ffffffe6;color:var(--primary-green);font-size:12px;font-weight:700;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--primary-green);z-index:10;box-shadow:0 2px 4px #0000001a}.menu-btn.selected .customer-number-badge{background:var(--primary-green);color:#fff;border-color:#fff}.menu-btn[data-color-category=cut]{background:var(--bg-cream);border-color:var(--cut-color)}.menu-btn[data-color-category=cut]:before{background:var(--cut-color)}.menu-btn[data-color-category=cut]:hover{background:var(--bg-white);border-color:var(--cut-color);box-shadow:0 2px 8px #0000001f}.menu-btn[data-color-category=cut].selected{background:linear-gradient(135deg,var(--cut-color) 0%,#4a7a5a 100%);border-color:var(--cut-color)}.menu-btn[data-color-category=color]{background:var(--bg-cream);border-color:var(--color-color)}.menu-btn[data-color-category=color]:before{background:var(--color-color)}.menu-btn[data-color-category=color]:hover{background:var(--bg-white);border-color:var(--color-color);box-shadow:0 2px 8px #7a9f8a26}.menu-btn[data-color-category=color].selected{background:linear-gradient(135deg,var(--color-color) 0%,#6a8f7a 100%);border-color:var(--color-color)}.menu-btn[data-color-category=perm]{background:var(--bg-cream);border-color:var(--perm-color)}.menu-btn[data-color-category=perm]:before{background:var(--perm-color)}.menu-btn[data-color-category=perm]:hover{background:var(--bg-white);border-color:var(--perm-color);box-shadow:0 2px 8px #0000001f}.menu-btn[data-color-category=perm].selected{background:linear-gradient(135deg,var(--perm-color) 0%,#5a7a6a 100%);border-color:var(--perm-color)}.menu-btn[data-color-category=other]{background:var(--bg-cream);border-color:var(--other-color)}.menu-btn[data-color-category=other]:before{background:var(--other-color)}.menu-btn[data-color-category=other]:hover{background:var(--bg-white);border-color:var(--other-color);box-shadow:0 2px 8px #8a9f7a26}.menu-btn[data-color-category=other].selected{background:linear-gradient(135deg,var(--other-color) 0%,#7a8f6a 100%);border-color:var(--other-color)}.menu-name{font-size:15px!important;font-weight:500;color:var(--text-dark);line-height:1.5}.menu-name small{font-size:12px;color:var(--text-medium);font-weight:400}.menu-price{font-size:20px!important;font-weight:600;color:var(--primary-green);letter-spacing:-.3px}.products-section{background:var(--bg-white);border:2px solid var(--light-green);box-shadow:0 4px 20px #0000001f}.products-section:hover{box-shadow:0 6px 28px #00000026}.products-section .section-header{border-bottom-color:var(--light-green)}.products-section .section-header h2{font-size:28px!important;background:linear-gradient(135deg,var(--primary-green),var(--light-green));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.toggle-products-btn.modern{width:100%;padding:16px 20px;background:#fff;border:2px solid var(--soft-green);border-radius:12px;color:var(--text-dark);font-size:16px!important;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;margin-bottom:0;box-shadow:0 2px 8px #0000000f}.toggle-content{display:flex;align-items:center;gap:10px}.toggle-content svg{color:var(--primary-green)}.toggle-products-btn.modern:hover{background:var(--pale-green);border-color:var(--light-green);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.toggle-products-btn.modern.active{background:var(--light-green);border-color:var(--primary-green);color:#fff}.toggle-products-btn.modern.active svg{color:#fff}.toggle-icon{display:none}.service-note{background:linear-gradient(135deg,var(--pale-green) 0%,var(--soft-green) 100%);border-radius:var(--radius-lg);padding:32px;text-align:center;box-shadow:var(--shadow-soft);border:1px solid var(--border-light)}.service-note .highlight{font-size:20px;font-weight:600;margin-bottom:16px;color:var(--primary-green)}.service-note p{font-size:13px;color:var(--text-medium);margin-bottom:4px}.receipt{background:var(--bg-white);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-medium);border:2px solid var(--soft-green);position:sticky;top:20px;max-height:calc(100vh - 40px);display:flex;flex-direction:column;overflow:hidden}.receipt h3{font-size:22px!important;font-weight:600;margin-bottom:24px;color:var(--primary-green);letter-spacing:-.3px;flex-shrink:0}.receipt .customer-list{flex-shrink:0}.item-list{flex:1;min-height:0;overflow-y:auto;margin-bottom:6px;display:flex;flex-direction:column;gap:6px}.receipt .total-section,.receipt .payment-section,.receipt .main-action-btn,.receipt .clear-btn,.receipt .secondary-action-btn,.receipt .report-action-btn{flex-shrink:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:160px;color:var(--text-light)}.empty-state p{font-size:15px!important;color:var(--text-light)}.receipt-item{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:16px 16px 16px 8px;margin-bottom:10px;background:var(--pale-green);border-radius:var(--radius-md);border-left:3px solid var(--light-green);transition:var(--transition);box-shadow:0 2px 4px #00000014}.receipt-item:hover{background:var(--soft-green);border-left-color:var(--primary-green)}.item-name{font-size:15px!important;font-weight:500;color:var(--text-dark)}.item-price{font-size:17px!important;font-weight:600;color:var(--primary-green);letter-spacing:-.3px;text-align:right;min-width:80px}.remove-item,.remove-btn{background:#ff4757;color:#fff;border:none;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;transition:all .2s ease;flex-shrink:0;box-shadow:0 2px 4px #ff47574d}.remove-item:hover,.remove-btn:hover{background:#ff3742;transform:scale(1.1)}.total-section{border-top:2px solid var(--soft-green);padding-top:20px;margin-top:auto}.total-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:15px!important}.total-row.subtotal,.total-row.tax{color:var(--text-medium)}.total-row.total{font-size:28px!important;font-weight:600;color:var(--primary-green);margin-top:16px;padding-top:16px;border-top:2px solid var(--light-green);letter-spacing:-.3px}.payment-section{margin-top:20px;padding-top:20px;border-top:2px solid var(--soft-green);display:flex;flex-direction:column;gap:16px}.payment-box{background:var(--pale-green);border:2px solid var(--soft-green);border-radius:12px;padding:20px 24px;transition:all .3s ease}.payment-box:focus-within{border-color:var(--primary-green);box-shadow:0 0 0 3px #0000001f;background:#fff}.payment-label{display:block;font-size:16px!important;font-weight:600;color:var(--text-medium);margin-bottom:12px}.quick-amounts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.quick-btn,.quick-amount-btn{padding:16px 12px;background:#fff;border:2px solid var(--soft-green);border-radius:10px;font-size:16px!important;font-weight:700;color:var(--text-dark);cursor:pointer;transition:all .2s ease}.quick-btn:hover,.quick-amount-btn:hover{background:var(--soft-green);border-color:var(--primary-green)}.payment-input{width:100%;border:none;background:transparent;font-size:34px!important;font-weight:700;color:var(--text-dark);text-align:right;outline:none;padding:18px 0;min-height:70px}.payment-input::-webkit-outer-spin-button,.payment-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.payment-input[type=number]{-moz-appearance:textfield}.change-box{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:linear-gradient(135deg,var(--pale-green) 0%,var(--soft-green) 100%);border-radius:12px}.change-label{font-size:18px!important;font-weight:700;color:var(--text-dark)}.change-amount{font-size:32px!important;color:var(--primary-green);font-weight:700}.main-action-btn{width:100%;padding:16px 0;background:linear-gradient(135deg,var(--primary-green),var(--light-green));color:#fff;border:none;border-radius:14px;font-size:18px!important;font-weight:700;box-shadow:var(--shadow-soft);cursor:pointer;margin-top:18px;transition:all .2s ease}.main-action-btn:hover{background:linear-gradient(135deg,var(--primary-green) 80%,var(--soft-green));box-shadow:var(--shadow-medium);transform:translateY(-1px)}.clear-btn{width:100%;padding:14px;background:var(--pale-green);color:var(--primary-green);border:2px solid var(--soft-green);border-radius:var(--radius-md);font-size:15px!important;font-weight:600;cursor:pointer;transition:var(--transition);margin-top:16px}.clear-btn:hover{background:var(--soft-green);border-color:var(--light-green);transform:translateY(-1px);box-shadow:var(--shadow-soft)}.secondary-action-btn{width:100%;padding:13px 0;background:var(--pale-green);color:var(--primary-green);border:2px solid var(--soft-green);border-radius:12px;font-size:16px;font-weight:700;margin-top:10px;cursor:pointer;transition:all .2s ease}.secondary-action-btn:hover{background:var(--light-green);color:#fff;border-color:var(--primary-green)}.report-action-btn{width:100%;padding:15px 0;background:linear-gradient(135deg,var(--primary-green),var(--light-green));color:#fff;border:none;border-radius:14px;font-size:17px;font-weight:700;box-shadow:var(--shadow-soft);cursor:pointer;margin-top:12px;transition:all .2s ease}.report-action-btn:hover{filter:brightness(.95);box-shadow:var(--shadow-medium);transform:translateY(-1px)}.report-action-btn:active{transform:translateY(0)}.customer-list{margin-bottom:20px;padding-bottom:20px;border-bottom:2px solid var(--soft-green)}.customer-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.customer-list-header h4{font-size:16px;font-weight:600;color:var(--primary-green);margin:0}.add-customer-btn{background:var(--light-green);color:#fff;border:none;border-radius:var(--radius-sm);padding:6px 12px;font-size:12px;font-weight:600;cursor:pointer;transition:var(--transition)}.add-customer-btn:hover{background:var(--primary-green);transform:translateY(-1px)}.customer-items{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.customer-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--pale-green);border:2px solid var(--soft-green);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition)}.customer-item:hover{background:var(--soft-green);border-color:var(--light-green)}.customer-item.active{background:var(--light-green);border-color:var(--primary-green);color:#fff}.customer-info{flex:1}.customer-name{font-size:14px;font-weight:600;margin-bottom:2px}.customer-items-count{font-size:12px;opacity:.8}.remove-customer-btn{background:#ffebee;color:#c62828;border:1px solid #ef5350;border-radius:50%;width:24px;height:24px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.remove-customer-btn:hover{background:#ef5350;color:#fff}.add-customer-input{margin-top:8px}.add-customer-input input{width:100%;padding:8px 12px;border:1px solid var(--border-light);border-radius:var(--radius-sm);font-size:13px;box-sizing:border-box}.product-dialog{width:min(420px,96vw);max-width:100%;max-height:90vh;padding:0;border:2px solid var(--soft-green);border-radius:var(--radius-lg);box-shadow:var(--shadow-medium)}.product-dialog::backdrop{background:#00000080}.product-dialog .modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border-light);background:var(--bg-white)}.product-dialog .modal-header h2{flex:1;margin:0;font-size:1.25rem;color:var(--primary-green);text-align:center;min-width:0}.product-dialog .close-btn{flex-shrink:0;width:36px;height:36px;border:none;background:var(--pale-green);color:var(--primary-green);border-radius:var(--radius-sm);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center}.product-dialog .close-btn:hover{background:var(--soft-green)}.product-search-container{padding:16px 20px 12px;border-bottom:1px solid var(--border-light);background:var(--bg-white)}.search-input-wrapper{position:relative;display:flex;align-items:center;margin-bottom:8px}.search-input-wrapper .search-icon{position:absolute;left:12px;color:var(--text-medium);pointer-events:none}.product-search-input{width:100%;padding:12px 40px 12px 44px;border:2px solid var(--border-light);border-radius:var(--radius-md);font-size:16px;background:var(--bg-white);color:var(--text-dark);box-sizing:border-box}.product-search-input:focus{outline:none;border-color:var(--primary-green)}.clear-search-btn{position:absolute;right:12px;background:none;border:none;color:var(--text-medium);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.search-results-info{font-size:13px;color:var(--text-medium)}.product-modal-grid{max-height:calc(85vh - 180px);overflow-y:auto;display:grid;grid-template-columns:1fr;gap:12px;padding:16px;margin:0;width:100%;box-sizing:border-box}.product-modal-grid .menu-btn{background:var(--bg-white);border:1.5px solid var(--border-light);transition:all .2s ease}.product-modal-grid .menu-btn:hover{background:var(--pale-green);border-color:var(--light-green)}.product-grid-empty{padding:16px;color:var(--text-medium);text-align:center}.product-modal-item{display:flex;flex-direction:column;gap:16px;padding:20px;background:var(--bg-white);border:1px solid var(--border-light);border-radius:12px;transition:all .3s ease;box-shadow:0 2px 8px #00000014}.product-modal-item:hover{border-color:var(--light-green);transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.product-modal-info{text-align:center}.product-modal-name{font-size:16px;font-weight:600;color:var(--text-dark);margin-bottom:8px;line-height:1.4;min-height:44px;display:flex;align-items:center;justify-content:center}.product-modal-price{font-size:20px;font-weight:700;color:var(--primary-green)}.product-modal-controls{display:flex;align-items:center;justify-content:center;gap:16px}.product-modal-quantity-controls{display:flex;align-items:center;gap:12px;background:var(--pale-green);border-radius:8px;padding:6px;border:1px solid var(--border-light)}.product-modal-quantity-btn{width:36px;height:36px;border:none;background:var(--light-green);color:#fff;border-radius:50%;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 4px #0000001a;outline:none}.product-modal-quantity-btn:hover{background:var(--primary-green);transform:scale(1.1);box-shadow:0 4px 8px #00000026}.product-modal-quantity-btn:active{transform:scale(.95)}.product-modal-quantity-display{min-width:32px;text-align:center;font-size:16px;font-weight:700;color:var(--text-dark)}.product-modal-add-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,var(--primary-green) 0%,var(--light-green) 100%);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;min-width:100px;justify-content:center;box-shadow:0 4px 12px #0000001f}.product-modal-add-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--light-green) 0%,var(--primary-green) 100%);transform:translateY(-2px);box-shadow:0 6px 20px #0000002e}.product-modal-add-btn:active:not(:disabled){transform:translateY(0)}.product-modal-add-btn:disabled{background:var(--text-light);cursor:not-allowed;opacity:.6;transform:none;box-shadow:none}.cart-status-indicator{font-size:12px;font-weight:600;color:var(--primary-green);background:#00000014;padding:4px 8px;border-radius:12px;margin-top:4px;display:inline-block;border:1px solid rgba(0,0,0,.15)}.product-dialog .add-manual-btn{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:#0003;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;line-height:1;transition:all .2s ease}.product-dialog .add-manual-btn:hover{background:var(--primary-green);transform:scale(1.05)}.product-dialog .add-manual-btn:active{transform:scale(.95)}.temp-product-modal{width:90%;max-width:400px;border:none;border-radius:16px;padding:0;background:var(--bg-white);box-shadow:0 20px 60px #0003}.temp-product-modal .modal-header{display:flex;justify-content:center;align-items:center;position:relative;padding:20px;background:var(--light-green);border-bottom:1px solid var(--border-light)}.temp-product-modal .modal-header h2{margin:0;font-size:20px;font-weight:700;color:#fff}.temp-product-modal .close-btn{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;background:#ffffff4d;color:#fff;font-size:20px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.temp-product-modal .close-btn:hover{background:#ffffff80}.temp-product-modal::backdrop{background:#00000080}.temp-product-form{padding:24px}.temp-product-form .form-group{margin-bottom:20px}.temp-product-form .form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--text-dark);font-size:14px}.temp-product-form .form-group input{width:100%;padding:12px 16px;border:2px solid var(--border-light);border-radius:8px;font-size:16px;box-sizing:border-box}.temp-product-form .form-group input:focus{outline:none;border-color:var(--primary-green)}.temp-product-form .form-actions{display:flex;gap:12px;margin-top:24px}.add-temp-product-btn{flex:1;padding:14px 20px;background:var(--primary-green);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer}.add-temp-product-btn:hover{background:var(--light-green)}.cancel-temp-product-btn{flex:1;padding:14px 20px;background:var(--bg-white);color:var(--text-dark);border:2px solid var(--border-light);border-radius:8px;font-size:16px;font-weight:700;cursor:pointer}.cancel-temp-product-btn:hover{background:var(--pale-green);border-color:var(--soft-green)}@media(max-width:767px){body{padding-top:100px;padding-left:12px;padding-right:12px}.content-wrapper{grid-template-columns:1fr;gap:20px;margin-top:30px;max-height:none;overflow:visible;align-items:start}main.main-content{margin-top:20px;overflow:visible;min-height:auto;gap:32px}.receipt{position:static;max-height:none;order:2}.menu-section{padding:20px;margin-top:24px}.menu-section:first-child{margin-top:32px}.section-header{margin-top:14px;margin-bottom:20px}.section-header h2{font-size:22px!important}.menu-grid{grid-template-columns:1fr;gap:10px}.menu-btn{padding:14px 12px}.receipt-item{grid-template-columns:1fr auto auto;gap:8px;padding:12px}.payment-input,.change-amount{font-size:28px!important}.main-action-btn,.clear-btn{min-height:48px;font-size:16px!important}}@media(max-width:480px){body{padding-top:72px}.menu-section{padding:16px}.payment-section{gap:12px}.payment-box,.change-box{padding:16px 18px}}.main-header{background:var(--pale-green);padding:16px 20px;border-bottom:1px solid var(--border-light);position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between}.main-header h1{margin:0;font-size:22px!important;font-weight:600;color:var(--primary-green)}.mobile-header{background:var(--pale-green);padding:12px 16px;border-bottom:1px solid var(--border-light);position:fixed;top:0;left:0;width:100%;z-index:1000;display:none;align-items:center;justify-content:space-between}.header-actions{display:flex;align-items:center;gap:12px}.link-btn{background:none;border:none;color:var(--primary-green);font-size:15px!important;font-weight:600;cursor:pointer;padding:8px 0}.link-btn:hover{text-decoration:underline}@media(min-width:768px){.main-header.desktop-header{display:flex}.mobile-header{display:none}}@media(max-width:767px){.main-header.desktop-header{display:none}.main-header.mobile-header{display:flex}}.login-view{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,var(--pale-green) 0%,var(--soft-green) 100%)}.login-header{padding:30px 20px 10px;text-align:center;min-height:100px}.login-header h1{font-size:26px!important;font-weight:700;color:var(--primary-green);margin:0}.login-header .subtitle{font-size:14px!important;color:var(--text-medium);margin:8px 0 0}.login-content{width:100%;max-width:400px;background:var(--bg-white);padding:32px;border-radius:var(--radius-lg);box-shadow:var(--shadow-medium);border:2px solid var(--soft-green)}.login-content h2{font-size:22px!important;font-weight:600;color:var(--primary-green);margin:0 0 8px}.login-description{font-size:14px!important;color:var(--text-medium);margin:0 0 24px}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{text-align:left}.form-group label{display:block;font-size:14px!important;font-weight:600;color:var(--text-dark);margin-bottom:8px}.form-group input{width:100%;padding:16px 20px;border:2px solid var(--border-light);border-radius:var(--radius-md);font-size:16px!important;color:var(--text-dark);background:var(--bg-white);transition:var(--transition);box-sizing:border-box}.form-group input:focus{outline:none;border-color:var(--primary-green);box-shadow:0 0 0 3px #0000001f}.form-group input::placeholder{color:var(--text-light)}.error-message{background:#ffebee;color:#c62828;padding:12px 16px;border-radius:var(--radius-sm);font-size:14px!important;font-weight:600;border-left:3px solid #ef5350;text-align:left}.login-options{font-size:14px!important;color:var(--text-medium)}.auto-login-label{display:flex;align-items:center;gap:8px;cursor:pointer}.login-btn{width:100%;padding:18px 0;background:linear-gradient(135deg,var(--primary-green),var(--light-green));color:#fff;border:none;border-radius:var(--radius-md);font-size:16px!important;font-weight:700;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center}.login-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-green) 80%,var(--soft-green));transform:translateY(-1px);box-shadow:var(--shadow-medium)}.login-btn:disabled{opacity:.7;cursor:not-allowed}.main-view{min-height:100vh;display:flex;flex-direction:column}.mobile-header-content{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 20px 0 16px;min-height:56px}.mobile-logo-text{font-size:1.25rem;font-weight:600;color:var(--primary-green)}.hamburger{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:12px;position:relative;width:150px;height:50px;padding:0 20px;background:linear-gradient(135deg,var(--primary-green) 0%,var(--light-green) 50%,var(--soft-green) 100%);border:2px solid rgba(255,255,255,.3);border-radius:25px;cursor:pointer;font-size:13px;font-weight:700;letter-spacing:2px;color:#fff;text-transform:uppercase;box-shadow:0 4px 15px #0003;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1002;margin-left:auto;margin-right:12px}.hamburger:hover{background:linear-gradient(135deg,var(--primary-green) 0%,var(--light-green) 100%);box-shadow:0 8px 25px #00000040;transform:translateY(-3px);border-color:#fff9}.hamburger:active{transform:translateY(0)}.hamburger.active{background:linear-gradient(135deg,var(--primary-green) 0%,var(--light-green) 100%)}.hamburger-text{font-size:13px;font-weight:700;letter-spacing:2px;color:#fff;line-height:1;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-block;opacity:1;transform:scale(1)}.hamburger:hover .hamburger-text{transform:scale(1.05);text-shadow:0 2px 4px rgba(0,0,0,.2)}.hamburger.active .hamburger-text{opacity:1;transform:scale(1)}.hamburger-icon{display:flex;flex-direction:column;justify-content:center;align-items:center;width:28px;height:22px;position:relative}.hamburger-icon span{display:block;width:100%;height:3.5px;background:#fff;border-radius:2px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute}.hamburger-icon span:nth-child(1){top:5px}.hamburger-icon span:nth-child(2){display:none}.hamburger-icon span:nth-child(3){bottom:5px}.hamburger.active .hamburger-icon span:nth-child(1){top:50%;transform:translateY(-50%) rotate(45deg)}.hamburger.active .hamburger-icon span:nth-child(3){bottom:50%;transform:translateY(50%) rotate(-45deg)}.hamburger-icon:before,.hamburger-icon:after{content:"";position:absolute;width:4px;height:4px;background:#fff;transform:rotate(45deg);opacity:.8;transition:all .3s ease}.hamburger-icon:before{left:-6px;top:50%;transform:translateY(-50%) rotate(45deg)}.hamburger-icon:after{right:-6px;top:50%;transform:translateY(-50%) rotate(45deg)}.hamburger.active .hamburger-icon:before,.hamburger.active .hamburger-icon:after{opacity:0;transform:translateY(-50%) rotate(45deg) scale(0)}.slide-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000000a;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(12px);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:998}.slide-menu-overlay.show{opacity:1;visibility:visible}.slide-menu-panel{position:fixed;top:0;right:-100%;width:280px;max-width:80vw;height:100vh;background:linear-gradient(135deg,#fffffffa,#f8fcf8fa);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);box-shadow:-8px 0 40px #0000001a;transition:right .4s cubic-bezier(.4,0,.2,1);z-index:999;display:flex;flex-direction:column}.slide-menu-overlay.show .slide-menu-panel{right:0}.slide-menu-header{display:none}.slide-menu-content{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:80px 20px 20px;display:flex;flex-direction:column;gap:12px}.slide-menu-item{display:flex;align-items:center;gap:16px;width:100%;padding:20px 24px;margin:2px 0;color:var(--text-dark);border-radius:12px;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:1rem;font-weight:500;background:#fff;border:none;cursor:pointer;text-align:left}.slide-menu-item:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(90deg,#00000005,#0000000a);opacity:0;transition:opacity .3s ease;z-index:-1}.slide-menu-item:hover:before,.slide-menu-item:active:before{opacity:1}.slide-menu-item:active{transform:translate(8px)}.slide-menu-item .menu-icon{width:48px;height:48px;background:var(--light-green);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.slide-menu-item .menu-text{flex:1;display:flex;flex-direction:column;gap:4px}.slide-menu-item .menu-title{font-size:18px;font-weight:600;color:var(--text-dark)}.slide-menu-item .menu-subtitle{font-size:14px;color:var(--text-light);line-height:1.4}@media(max-width:767px){.slide-menu-content{padding-top:100px}}@media(max-width:480px){.hamburger{width:130px;height:46px;padding:0 18px;font-size:12px;margin-right:4px}.hamburger-icon{width:26px;height:20px}.hamburger-icon span{height:3px}.slide-menu-content{padding-top:90px}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1100;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}.modal-overlay[aria-hidden=false]{opacity:1;visibility:visible}.modal{background:var(--bg-white);border-radius:var(--radius-lg);padding:24px;max-width:400px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-medium);border:2px solid var(--soft-green)}.modal h2{margin:0 0 16px;font-size:1.25rem;color:var(--primary-green)}.modal p{margin:0 0 16px;color:var(--text-medium)}.modal-actions{display:flex;flex-direction:column;gap:12px;margin-top:16px}.settings-modal{max-width:400px;padding:0;overflow:hidden}.settings-modal .modal-header{background:var(--primary-green);color:#fff;padding:20px 24px;display:flex;justify-content:space-between;align-items:center}.settings-modal .modal-header h2{margin:0;font-size:20px;font-weight:700}.settings-modal .close-btn{background:#fff3;border:2px solid rgba(255,255,255,.3);border-radius:50%;color:#fff;font-size:18px;cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.settings-modal .close-btn:hover{background:#ffffff4d;border-color:#ffffff80;transform:scale(1.1)}.price-settings-modal{max-width:400px;padding:0;overflow:hidden}.price-settings-modal .modal-header{background:var(--primary-green);color:#fff;padding:20px 24px;display:flex;justify-content:space-between;align-items:center}.price-settings-modal .modal-header h2{margin:0;font-size:20px;font-weight:700}.price-settings-modal .close-btn{background:#fff3;border:2px solid rgba(255,255,255,.3);border-radius:50%;color:#fff;font-size:18px;cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.price-settings-content{padding:20px 24px}.price-settings-note{font-size:12px;color:var(--text-medium);margin:0 0 16px}.price-settings-section{margin-bottom:20px}.price-settings-section h3{font-size:14px;font-weight:700;margin:0 0 10px;color:var(--text-dark)}.price-settings-row{display:flex;align-items:center;gap:12px;margin-bottom:10px}.price-settings-row label{flex:0 0 180px;font-size:14px;color:var(--text-dark)}.price-settings-row input{width:120px;padding:8px 12px;border:1px solid var(--border-light);border-radius:8px;font-size:16px}.price-settings-modal .label-hint{display:block;font-size:11px;color:var(--text-light);font-weight:400}.price-settings-list{display:flex;flex-direction:column;gap:8px;max-height:220px;overflow-y:auto}.price-settings-item{display:grid;grid-template-columns:1fr auto 90px;align-items:center;gap:8px;font-size:13px}.price-settings-item-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.price-settings-base{color:var(--text-medium);font-size:12px}.price-settings-override{padding:6px 8px;border:1px solid var(--border-light);border-radius:6px;font-size:14px;width:100%;box-sizing:border-box}.price-settings-modal .modal-actions{display:flex;flex-direction:column;gap:10px;margin-top:20px}.product-admin-modal{max-width:420px;padding:0;overflow:hidden}.product-admin-modal .modal-header{background:var(--primary-green);color:#fff;padding:20px 24px;display:flex;justify-content:space-between;align-items:center}.product-admin-modal .modal-header h2{margin:0;font-size:20px;font-weight:700}.product-admin-modal .close-btn{background:#fff3;border:2px solid rgba(255,255,255,.3);border-radius:50%;color:#fff;font-size:18px;cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.product-admin-content{padding:20px 24px}.product-admin-content .modal-actions{display:flex;flex-direction:column;gap:10px;margin-top:20px}.product-admin-add-section{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-light)}.product-admin-add-section h3{font-size:14px;font-weight:700;margin:0 0 10px;color:var(--text-dark)}.product-admin-add-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.product-admin-input{padding:8px 12px;border:1px solid var(--border-light);border-radius:8px;font-size:14px}.product-admin-input.product-admin-price{width:100px}.product-admin-add-row .product-admin-input:first-of-type{flex:1;min-width:100px}.product-admin-add-btn{flex-shrink:0}#productAdminList.price-settings-list .price-settings-item.product-admin-item-custom{grid-template-columns:1fr auto 90px auto}.product-admin-delete-btn{padding:6px 10px;font-size:12px;background:transparent;border:1px solid var(--text-light);color:var(--text-medium);border-radius:6px;cursor:pointer}.product-admin-delete-btn:hover{background:#0000000f;color:var(--text-dark)}.product-admin-badge{font-size:10px;color:var(--text-light);font-weight:400;margin-left:4px}.settings-modal-content{padding:20px 24px;max-height:70vh;overflow-y:auto}.settings-description{margin:0 0 16px;font-size:14px;color:var(--text-medium)}.theme-preset-section{margin-bottom:20px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.theme-preset-section .theme-preset-label{flex:0 0 120px;font-size:14px;font-weight:600;color:var(--text-dark);margin-bottom:0}.theme-preset-custom{flex:1;min-width:0;position:relative}.theme-preset-trigger{width:100%;padding:10px 12px;font-size:15px;border:2px solid var(--border-light);border-radius:8px;background:var(--bg-white);color:var(--text-dark);cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left}.theme-preset-trigger:hover,.theme-preset-trigger[aria-expanded=true]{border-color:var(--primary-green)}.theme-preset-arrow{font-size:10px;opacity:.7}.theme-preset-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:var(--bg-white);border:2px solid var(--soft-green);border-radius:8px;box-shadow:var(--shadow-medium);max-height:200px;overflow-y:auto;z-index:10}.theme-preset-option{display:block;width:100%;padding:10px 12px;font-size:15px;text-align:left;border:none;background:transparent;color:var(--text-dark);cursor:pointer;transition:background .15s ease}.theme-preset-option:hover{background:var(--pale-green)}.theme-preset-option.is-selected{background:var(--soft-green);font-weight:600;color:var(--primary-green)}.theme-form{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.theme-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.theme-label{flex:0 0 120px;font-size:14px;font-weight:600;color:var(--text-dark)}.theme-input-wrap{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.theme-color-input{width:48px;height:48px;padding:2px;border:2px solid var(--border-light);border-radius:8px;cursor:pointer;background:transparent}.theme-color-input:hover{border-color:var(--primary-green)}.theme-hex{font-size:13px;font-family:ui-monospace,monospace;color:var(--text-medium);min-width:72px}.theme-save-preset-section{margin-bottom:20px}.theme-save-preset-section .theme-save-description{margin:0 0 12px;font-size:13px;color:var(--text-medium);line-height:1.5}.theme-save-preset-section .theme-save-label{display:block;font-size:14px;font-weight:600;color:var(--text-dark);margin-bottom:6px}.theme-save-preset-section .theme-save-input{display:block;width:100%;box-sizing:border-box;padding:10px 12px;font-size:15px;border:2px solid var(--border-light);border-radius:8px}.theme-save-preset-section .theme-save-input:focus{border-color:var(--primary-green);outline:none}.custom-presets-section{margin-bottom:20px}.custom-presets-title{display:block;font-size:14px;font-weight:600;color:var(--text-dark);margin-bottom:8px}.custom-presets-list{display:flex;flex-direction:column;gap:6px}.custom-preset-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--pale-green);border-radius:8px;border:1px solid var(--soft-green)}.custom-preset-name{flex:1;font-size:14px;color:var(--text-dark);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-preset-apply{flex-shrink:0;padding:6px 12px;font-size:13px;background:var(--primary-green);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600}.custom-preset-apply:hover{filter:brightness(.95)}.custom-preset-delete{flex-shrink:0;width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1;color:var(--text-medium);background:transparent;border:none;border-radius:6px;cursor:pointer}.custom-preset-delete:hover{background:#00000014;color:var(--text-dark)}.settings-modal .modal-actions{flex-direction:column}.daily-report-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-white);border-radius:var(--radius-lg, 12px);box-shadow:0 8px 32px #0003;padding:0;min-width:320px;max-width:95vw;max-height:85vh;overflow:hidden;z-index:1100;display:flex;flex-direction:column}.daily-report-header{background:var(--primary-green);color:#fff;padding:16px 24px;display:flex;justify-content:space-between;align-items:center}.daily-report-header h2{margin:0;font-size:20px;font-weight:700;flex:1;text-align:center}.daily-report-header .close-btn{background:#ffffff26;border:2px solid rgba(255,255,255,.4);color:#fff;font-size:28px;cursor:pointer;padding:6px;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.daily-report-header .close-btn:hover{background:#ffffff40;border-color:#fff9;transform:scale(1.1)}.daily-report-content{padding:12px 20px;max-height:calc(85vh - 80px);overflow-y:auto}.report-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:12px}.report-summary.report-summary-vertical{grid-template-columns:1fr}.report-card{background:var(--pale-green);border-radius:12px;padding:24px 20px;text-align:center;border:2px solid var(--soft-green);min-height:80px;display:flex;flex-direction:column;justify-content:center}.report-card.highlight{background:linear-gradient(135deg,var(--light-green),var(--primary-green));border-color:var(--primary-green)}.report-card.highlight .report-label,.report-card.highlight .report-value{color:#fff}.report-label{font-size:13px;color:var(--text-medium);font-weight:600;margin-bottom:8px}.report-value{font-size:28px;font-weight:700;color:var(--primary-green);letter-spacing:-.5px}.report-value .unit{font-size:16px;margin-left:4px;font-weight:600}.report-details{margin-top:24px}.report-details h3{font-size:16px;font-weight:700;color:var(--primary-green);margin-bottom:16px}.report-list{max-height:300px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.report-item{background:var(--pale-green);border-radius:10px;padding:14px;border-left:4px solid var(--light-green)}.report-item-header{display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--soft-green)}.report-time{font-size:13px;font-weight:600;color:var(--text-medium)}.report-amount{font-size:16px;font-weight:700;color:var(--primary-green)}.report-item-body{display:flex;flex-direction:column;gap:6px}.report-item-row{display:flex;justify-content:space-between;font-size:13px;color:var(--text-dark)}.report-item-summary{margin-top:10px;padding-top:10px;border-top:1px solid var(--soft-green);display:flex;flex-direction:column;gap:4px}.report-item-summary .summary-row{display:flex;justify-content:space-between;align-items:center;font-size:13px}.report-item-summary .summary-label{color:var(--text-medium)}.report-item-summary .summary-value{font-weight:600;color:var(--primary-green)}.report-item-summary .summary-row.total-row{font-weight:700;padding-top:6px;margin-top:4px;border-top:1px solid var(--soft-green)}.empty-report{padding:16px 20px;color:var(--text-light);font-size:14px;display:flex;align-items:center;justify-content:center;min-height:60px}.weekly-history-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-white);border-radius:var(--radius-lg, 12px);box-shadow:0 8px 32px #0003;padding:0;min-width:320px;max-width:90vw;max-height:80vh;overflow:hidden;z-index:1100}.weekly-history-modal .modal-header{background:var(--primary-green);color:#fff;padding:20px 24px;display:flex;justify-content:space-between;align-items:center}.weekly-history-modal .modal-header h2{margin:0;font-size:20px;font-weight:700}.weekly-history-modal .close-btn{background:#fff3;border:2px solid rgba(255,255,255,.3);border-radius:50%;color:#fff;font-size:18px;cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.weekly-history-modal .close-btn:hover{background:#ffffff4d;border-color:#ffffff80;transform:scale(1.1)}.weekly-history-modal .modal-content{padding:24px;max-height:60vh;overflow-y:auto}.weekly-history-list{display:flex;flex-direction:column;gap:20px}.date-group{margin-bottom:20px}.date-header-ios{background:linear-gradient(135deg,var(--primary-green) 0%,var(--light-green) 100%);color:#fff;padding:20px 16px;border-radius:12px;margin-bottom:12px;box-shadow:0 2px 8px #00000026}.date-title-ios{font-size:18px;font-weight:700;margin-bottom:8px}.date-stats-ios{display:flex;justify-content:space-between;align-items:center}.count-badge{background:#fff3;padding:6px 12px;border-radius:8px;font-size:14px;font-weight:600}.total-amount{font-size:20px;font-weight:700}.receipts-list{padding:0}.receipt-card-ios{background:var(--pale-green);border-radius:12px;margin-bottom:6px;border:1px solid var(--soft-green);overflow:hidden}.receipt-card-ios .card-content{display:flex;align-items:flex-start;padding:16px;gap:12px}.receipt-card-ios .receipt-info{flex:1;display:flex;flex-direction:column;gap:4px}.receipt-card-ios .time-badge{background:var(--soft-green);color:var(--primary-green);padding:6px 10px;border-radius:8px;font-size:12px;font-weight:600;min-width:50px;text-align:center;align-self:flex-start}.receipt-card-ios .item-info{flex:1}.receipt-card-ios .item-name{font-size:16px;font-weight:600;color:var(--text-dark);margin-bottom:4px}.receipt-card-ios .item-price{font-size:18px;font-weight:700;color:var(--primary-green)}.receipt-card-ios .item-row{display:flex;flex-direction:column;gap:2px;font-size:16px}.receipt-card-ios .item-row .item-name{font-size:16px;font-weight:500;margin-bottom:0}.receipt-card-ios .item-row .item-price{font-size:16px;font-weight:600;text-align:left}.receipt-divider{height:1px;background:var(--soft-green);margin:12px 0}.weekly-history-modal .receipt-summary{display:flex;flex-direction:column;gap:6px}.weekly-history-modal .summary-row{display:flex;justify-content:space-between;align-items:center;font-size:14px}.weekly-history-modal .summary-row.total-row{font-weight:700;padding-top:6px;border-top:1px solid var(--soft-green)}.weekly-history-modal .summary-label{color:var(--text-dark)}.weekly-history-modal .summary-value{font-weight:600;color:var(--primary-green)}.receipt-card-ios .delete-btn-ios{background:var(--soft-green);border:1px solid var(--primary-green);border-radius:8px;padding:12px;color:var(--primary-green);cursor:pointer;transition:all .2s ease;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;align-self:center}.receipt-card-ios .delete-btn-ios:active{transform:scale(.95);background:var(--primary-green);color:#fff}.empty-history{text-align:center;padding:40px 20px;color:var(--text-light)}.empty-history .empty-icon{margin-bottom:16px;opacity:.5}.empty-history h3{margin:0 0 8px;font-size:18px;color:var(--text-dark)}.empty-history p{margin:0;font-size:14px}.checkout-complete-popup{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2000;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease-out}.checkout-complete-popup .popup-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.checkout-complete-popup .popup-content{position:relative;background:linear-gradient(135deg,var(--bg-white) 0%,var(--pale-green) 100%);border-radius:16px;padding:32px;text-align:center;box-shadow:0 20px 60px #0000004d;border:1px solid var(--border-light);max-width:400px;width:90%;animation:popupSlideIn .3s ease-out}@keyframes popupSlideIn{0%{opacity:0;transform:scale(.8) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.checkout-complete-popup .popup-content h3{margin:0 0 24px;font-size:24px;font-weight:700;color:var(--text-dark)}.checkout-complete-popup .receipt-summary{background:var(--pale-green);border-radius:12px;padding:16px 24px;margin-bottom:24px;display:flex;flex-direction:column;gap:8px}.checkout-complete-popup .summary-row{display:flex;justify-content:space-between;align-items:center;font-size:16px}.checkout-complete-popup .summary-row.highlight{font-weight:700;font-size:18px;color:var(--primary-green);border-top:1px solid var(--border-light);padding-top:12px;margin-top:4px}.checkout-complete-popup .close-popup-btn{width:100%;padding:16px 24px;background:linear-gradient(135deg,var(--primary-green),var(--light-green));color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 8px 16px #00000026}.checkout-complete-popup .close-popup-btn:hover{filter:brightness(.95);transform:translateY(-1px)}.checkout-complete-popup .close-popup-btn:active{transform:translateY(0)}