@keyframes fadeIn{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.calc-trigger{z-index:1000;cursor:pointer;will-change:transform;transform-origin:50%;background:linear-gradient(135deg,#2563eb,#1e40af);border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:all .2s;animation:3s ease-in-out infinite breathe;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 20px #00000040}@keyframes breathe{0%{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}to{opacity:.7;transform:scale(1)}}.calc-trigger:hover{background:linear-gradient(135deg,#3b82f6,#1e3a8a);transform:scale(1.05);box-shadow:0 10px 25px #0000004d}.calc-trigger svg{stroke:#fff;stroke-width:1.8px;width:30px;height:30px}.calc-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1100;background:#0009;justify-content:center;align-items:center;padding:16px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.calc-modal{background:#fff;border-radius:32px;flex-direction:column;width:100%;max-width:950px;max-height:90vh;animation:.3s cubic-bezier(.2,.9,.4,1.1) slideUp;display:flex;overflow-y:auto;box-shadow:0 25px 50px -12px #0006}.calc-modal::-webkit-scrollbar{width:6px}.calc-modal::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.calc-modal::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.calc-header{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff5;border-bottom:1px solid #eef2ff;border-radius:32px 32px 0 0;justify-content:space-between;align-items:center;padding:5px 28px;display:flex;position:sticky;top:0}.calc-header h2{color:#0000;letter-spacing:-.3px;background:linear-gradient(135deg,#1e293b,#2563eb);-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.8rem;font-weight:700}.close-btn{cursor:pointer;color:#334155;background:#f1f5f9;border:none;border-radius:30px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;line-height:1;transition:all .2s;display:flex}.close-btn:hover{background:#e2e8f0;transform:scale(.96)}.calc-body{background:#fff;padding:5px 28px}.top-bar{background:#f8fafc;border-radius:28px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:8px 10px;display:flex;box-shadow:0 2px 8px #00000005,inset 0 1px #fffc}.days-selector{background:#fff;border-radius:48px;align-items:center;gap:12px;padding:4px 16px;display:flex;box-shadow:0 1px 3px #0000000d}.days-selector label{color:#0f172a;font-weight:600}.days-input{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:40px;width:75px;padding:8px 12px;font-size:1rem;font-weight:500;transition:all .2s}.days-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f633}.day-toggle{background:#eef2ff;border-radius:60px;gap:8px;padding:6px;display:flex}.day-btn{cursor:pointer;color:#1e293b;background:0 0;border:none;border-radius:40px;padding:8px 24px;font-size:.95rem;font-weight:600;transition:all .2s}.day-btn.active{color:#fff;background:#2563eb;box-shadow:0 4px 8px #2563eb40}.day-btn:not(.active):hover{background:#e2e8f0}.reset-btn{cursor:pointer;color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:40px;align-items:center;gap:8px;padding:8px 20px;font-size:.85rem;font-weight:500;transition:all .2s;display:inline-flex}.reset-btn:hover{background:#f1f5f9;border-color:#94a3b8;transform:scale(.97)}th{justify-content:center}.table-wrapper{border-radius:20px;margin:0 -4px;overflow-x:auto}.products-table{border-collapse:collapse;width:100%;font-size:.95rem}.products-table th{text-align:center;color:#0f172a;text-transform:uppercase;letter-spacing:.5px;background:#f1f5f9;padding:12px;font-size:.85rem;font-weight:700}.products-table td{text-align:center;vertical-align:middle;border-bottom:1px solid #f0f2f5;padding:4px 12px}.product-name{color:#0f172a;font-weight:600}.quantity-control{justify-content:center;align-items:center;gap:10px;display:flex}.qty-btn{cursor:pointer;color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:30px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.3rem;font-weight:700;transition:all .15s;display:inline-flex}.qty-btn:hover{background:#f1f5f9;border-color:#cbd5e1;transform:scale(.95)}.qty-input{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:20px;width:64px;padding:8px 4px;font-size:1rem;font-weight:500;transition:all .2s}.qty-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 2px #3b82f64d}.price-cell{white-space:nowrap;color:#1e293b;font-weight:500}.total-row{border-top:2px solid #eef2ff;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin-top:10px;padding-top:10px;display:flex}.total-row span:first-child{color:#0f172a;font-size:1.3rem;font-weight:600}.total-amount{color:#0000;background:linear-gradient(135deg,#1e40af,#3b82f6);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800}.note{color:#64748b;text-align:center;background:#f8fafc;border-radius:24px;margin-top:24px;padding:10px;font-size:.7rem}@media (max-width:700px){.calc-trigger{width:52px;height:52px;bottom:16px;right:16px}.calc-trigger svg{width:26px;height:26px}.calc-overlay{padding:8px}.calc-modal{border-radius:28px;max-height:88vh}.calc-header{padding:7px 10px}.calc-header h2{font-size:1.4rem}.close-btn{width:36px;height:36px;font-size:1.3rem}.calc-body{padding:0 6px}.top-bar{flex-direction:column;align-items:stretch;gap:4px;margin-bottom:3px;padding:4px}.days-selector{justify-content:space-between}.day-toggle{justify-content:center}.day-btn{padding:4px 9px;font-size:.85rem}.reset-btn{justify-content:center}.products-table th,.products-table td{padding:5px 4px;font-size:.8rem}.product-name{font-size:.85rem}.quantity-control{gap:6px}.qty-btn{width:32px;height:32px;font-size:1.1rem}.qty-input{width:50px;padding:6px 2px;font-size:.85rem}.total-row span:first-child{font-size:1.1rem}.total-amount{font-size:1.7rem}.price-cell{font-size:.85rem}.total-row{margin-bottom:10px}}@media (max-width:480px){.days-selector{margin:2px}.total-row{margin-bottom:10px}.calc-body{padding:0 14px}.products-table th,.products-table td{padding:4px 5px}.qty-input{width:45px}.days-input{width:65px}.day-btn{padding:6px 14px}}
