*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth;font-size:16px}hr{border-bottom:#ccc!important;margin:10px}.app-header h2{font-size:28px;font-weight:700;color:var(--dark);margin-bottom:8px;background:linear-gradient(to right,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.app-header p{font-size:15px;color:#8c8c8c;max-width:500px;margin:0 auto}.card{background:var(--white);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:25px;box-shadow:var(--shadow-lg);transition:var(--transition);border:none}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}.card-body{padding:30px}.card h4{color:var(--primary-dark);margin-bottom:15px;font-weight:600}.bottom-nav{background-color:var(--white);border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);box-shadow:0 -5px 20px #0000001a;padding:.75rem 0;z-index:90;display:flex;justify-content:space-around;align-items:center;position:fixed;bottom:0;left:0;right:0;height:70px}.bottom-nav .btn{border-radius:var(--radius-circle);width:50px;height:50px;display:flex;align-items:center;justify-content:center;background-color:transparent;color:var(--gray);border:none;position:relative;transition:var(--transition-fast);flex-direction:column}.bottom-nav .btn.active{color:var(--primary);transform:translateY(-5px)}.bottom-nav .btn.active:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:6px;height:6px;background-color:var(--primary);border-radius:var(--radius-circle)}.bottom-nav .btn:hover:not(.active){color:var(--accent);background-color:var(--primary-light)}.bottom-nav .btn-label{font-size:.65rem;margin-top:.25rem;font-weight:500;opacity:0;transition:var(--transition-fast);position:absolute;bottom:-1rem}.bottom-nav .btn.active .btn-label{opacity:1;bottom:-1.5rem}@media (max-width: 768px){html{font-size:15px}.app-header{padding:2rem 0 1rem}.app-header p{font-size:1.1rem}.index-row{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.card-body.menu{padding:1rem .5rem}.card-body.menu i,.card-body.menu svg{font-size:2rem;margin-bottom:1rem}.bottom-nav{height:65px}.bottom-nav .btn{width:44px;height:44px}}@media (max-width: 576px){html{font-size:14px}.back-btn{width:2.5rem;height:2.5rem;top:1rem;left:1rem}.index-row{grid-template-columns:repeat(2,1fr);padding-bottom:5rem}.bottom-nav{height:60px}.bottom-nav .btn{width:40px;height:40px}}.btn-label{display:none}.modal-header{color:var(--primary)}.app-header{text-align:center;padding:2rem 0 1rem;position:relative}.app-header p:after{content:"";display:block;width:80px;height:4px;background:linear-gradient(90deg,var(--primary),var(--light));margin:1.5rem auto 0;border-radius:2px;opacity:.8}.back-btn{position:fixed;top:1.5rem;left:1.5rem;width:2.75rem;height:2.75rem;display:flex;align-items:center;justify-content:center;background-color:var(--white);border:none;border-radius:50%;box-shadow:0 2px 5px #0003,0 1px 2px #0000001a;z-index:100;transition:all .2s ease;color:var(--primary);cursor:pointer;-webkit-tap-highlight-color:transparent;font-size:1.2rem;padding:0;margin:0;outline:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation}.back-btn:active{transform:scale(.95);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000d}.back-btn:hover{transform:translate(-2px) scale(1.05)}.back-btn:before{content:"";position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;background:#ffffff4d;border-radius:50%;z-index:-1;opacity:0;transition:opacity .2s ease}.back-btn:hover:before{opacity:1}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background-color:var(--white);border-radius:var(--radius-lg);width:90%;max-width:500px;overflow:hidden;box-shadow:var(--shadow-xl);animation:modalFadeIn .3s ease-out}.action-footer button{display:flex;justify-content:center;align-items:center;grid-gap:8px}.app-container{margin-bottom:60px}.icon-btn{display:flex;border:1px solid #ccc!important;border-radius:100px}.sticky-header-main{position:sticky;top:0;z-index:99;background:linear-gradient(to right,#f0f4f8,#e2ecf5);color:#fff;padding:15px 30px;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 8px #00000026;width:100%;font-size:1.2rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;transition:background .3s ease-in-out}.icon-badge{background-color:#4e73df;padding:6px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px}.swal2-close{padding:8px;display:flex;align-items:center;justify-content:center;background:linear-gradient(to right,var(--primary),var(--secondary));border:none;border-radius:100px;font-size:1.5rem;cursor:pointer;color:var(--white)!important;transition:var(--transition-fast)}.custom-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1000;display:flex;justify-content:center;align-items:center}.custom-modal{background:#fff;padding:0;border-radius:10px;width:90%;max-width:700px;max-height:90vh;overflow-y:auto}.custom-modal .card-body{height:380px;overflow-y:auto}.app-container{max-width:100%;overflow-x:visible;background-color:var(--light);min-height:100vh;padding-bottom:80px;position:relative;height:100%}@media (max-width: 576px){.template-logo img{width:45%;height:70px}}ul.supply-list{padding-left:10px}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:var(--dark);background-color:var(--light)}.welcome-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e4e8eb);padding:1rem}.welcome-card{width:100%;max-width:1200px;min-height:100vh;background-color:var(--white);box-shadow:var(--shadow);border-radius:0;overflow:hidden;display:flex;flex-direction:column}@media (min-width: 768px){.welcome-card{min-height:0;height:90vh;max-height:800px;border-radius:16px}}.welcome-content{display:flex;flex-direction:column;height:100%}@media (min-width: 768px){.welcome-content{flex-direction:row}}.welcome-text-section{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem 1.5rem;background-color:var(--white);order:2}@media (min-width: 768px){.welcome-text-section{width:50%;padding:3rem;order:1}}.welcome-text-container{width:100%;max-width:400px;text-align:center;animation:fadeIn .8s ease-out}@media (min-width: 768px){.welcome-text-container{text-align:left}}.welcome-title{font-size:2rem;font-weight:700;margin-bottom:.5rem;color:var(--dark)}@media (min-width: 768px){.welcome-title{font-size:2.5rem}}.welcome-subtitle{font-size:1.75rem;font-weight:700;color:var(--primary);margin-bottom:1.5rem;background:linear-gradient(to right,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;color:transparent}@media (min-width: 768px){.welcome-subtitle{font-size:2.25rem}}.welcome-description{margin-bottom:2rem;color:var(--gray);font-size:1.1rem;line-height:1.7}.welcome-button-group{display:flex;flex-direction:column;gap:1rem;justify-content:center;margin-bottom:2rem;width:100%}@media (min-width: 768px){.welcome-button-group{flex-direction:row;justify-content:flex-start}}.welcome-primary-btn{background:linear-gradient(to right,var(--primary),var(--secondary));color:var(--white);padding:.9rem 2rem;border-radius:50px;border:none;cursor:pointer;font-size:1rem;font-weight:600;transition:var(--transition);box-shadow:0 4px 15px #0066cc4d;width:100%}.welcome-primary-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #06c6}.welcome-secondary-btn{border:2px solid var(--primary);color:var(--primary);padding:.9rem 2rem;border-radius:50px;background-color:transparent;cursor:pointer;font-size:1rem;font-weight:600;transition:var(--transition);width:100%}.welcome-secondary-btn:hover{background-color:#0066cc0d;transform:translateY(-2px)}.welcome-terms{margin-top:2rem;color:var(--gray);font-size:.9rem}.terms-text{font-size:.875rem}.terms-link{color:var(--primary);text-decoration:none;font-weight:500}.terms-link:hover{text-decoration:underline}.welcome-image-section{display:none;width:50%;background-size:cover;background-position:center;position:relative;order:1}@media (min-width: 768px){.welcome-image-section{display:block;order:2}}.welcome-image-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0000001a,#00000080)}.welcome-image-content{display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:2rem;color:var(--white);position:relative;z-index:1}.welcome-image-buttons{display:flex;justify-content:flex-end;gap:1rem}.welcome-image-btn{border:2px solid var(--white);padding:.5rem 1.25rem;border-radius:50px;font-size:.9rem;font-weight:600;background-color:transparent;color:var(--white);cursor:pointer;transition:var(--transition)}.welcome-image-btn:hover{background-color:var(--white);color:var(--primary);transform:translateY(-2px)}.welcome-image-text{font-size:1.1rem;font-weight:500;max-width:20rem;margin-bottom:.5rem;transition:opacity .7s;text-shadow:0 1px 3px rgba(0,0,0,.5)}.welcome-image-text a{color:var(--white);text-decoration:none;border-bottom:1px solid rgba(255,255,255,.5);transition:var(--transition)}.welcome-image-text a:hover{border-bottom-color:var(--white)}@media (min-width: 768px){.welcome-image-text{font-size:1.3rem}}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e4e8eb);padding:1rem}.login-card{position:relative;width:100%;max-width:1200px;min-height:100vh;background-color:var(--white);box-shadow:var(--shadow);border-radius:0;overflow:hidden;display:flex;flex-direction:column}@media (min-width: 768px){.login-card{min-height:0;height:90vh;max-height:800px;border-radius:16px}}.mobile-header{display:flex;justify-content:space-between;align-items:center;background-color:var(--white);padding:1rem;box-shadow:0 2px 10px #0000000d;position:sticky;top:0;z-index:10}@media (min-width: 768px){.mobile-header{display:none}}.mobile-back-btn{font-weight:600;font-size:1.1rem;display:flex;align-items:center;gap:.5rem;background:none;border:none;cursor:pointer;color:var(--primary);transition:var(--transition)}.mobile-back-btn:hover{color:var(--primary-dark)}.back-icon{width:20px;height:20px}.mobile-auth-buttons{display:flex;gap:.5rem}.mobile-auth-btn{padding:.5rem 1rem;border-radius:50px;font-size:.85rem;font-weight:600;border:none;cursor:pointer;background-color:var(--light-gray);color:var(--gray);transition:var(--transition)}.mobile-auth-btn.active{background:linear-gradient(to right,var(--primary),var(--secondary));color:var(--white);box-shadow:0 2px 10px #06c3}.main-content{width:100%;height:100%;display:flex;flex-direction:column}@media (min-width: 768px){.main-content{flex-direction:row}}.form-side{width:100%;display:flex;flex-direction:column;position:relative;padding-bottom:2rem}@media (min-width: 768px){.form-side{width:50%;padding-bottom:0}}.desktop-back-btn-container{display:none;align-items:center;padding:1.5rem}@media (min-width: 768px){.desktop-back-btn-container{display:flex}}.desktop-back-btn{display:flex;align-items:center;gap:.5rem;color:var(--gray);background:none;border:none;cursor:pointer;transition:var(--transition);font-weight:500}.desktop-back-btn:hover{color:var(--primary)}.login-form-container,.signup-form-container{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem;transition:var(--transition);animation:fadeIn .5s ease-out}@media (min-width: 768px){.login-form-container.hidden,.signup-form-container.hidden{display:none}}.signup-form-container.visible{display:flex}.form-content{width:100%;max-width:400px}.form-title{text-align:center;font-size:1.8rem;font-weight:700;margin-bottom:.5rem;color:var(--dark)}@media (min-width: 768px){.form-title{font-size:2rem}}.form-subtitle{text-align:center;margin-bottom:1.5rem;color:var(--gray);font-size:1rem}.social-login-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;border:1px solid var(--light-gray);border-radius:8px;padding:.8rem;color:var(--dark);margin-bottom:1.5rem;background:none;cursor:pointer;transition:var(--transition);font-weight:500}.social-login-btn:hover{background-color:var(--light-gray);border-color:var(--gray)}.social-icon{height:1.25rem;width:1.25rem}.divider{display:flex;align-items:center;margin:1.5rem 0}.divider-line{flex-grow:1;border-top:1px solid var(--light-gray)}.divider-text{margin:0 1rem;color:var(--gray);font-size:.9rem;font-weight:500}.auth-form{width:100%}.form-input{width:100%;border:1px solid var(--light-gray);border-radius:8px;padding:.9rem;font-size:1rem;transition:var(--transition)}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0066cc1a;outline:none}.password-input-container{position:relative;margin-bottom:.5rem}.password-toggle{position:absolute;top:50%;right:.9rem;transform:translateY(-50%);color:var(--gray);background:none;border:none;cursor:pointer;transition:var(--transition)}.password-toggle:hover{color:var(--primary)}.forgot-password{text-align:right;font-size:.9rem;margin-bottom:1.5rem}.forgot-password-link{color:var(--primary);text-decoration:none;font-weight:500}.forgot-password-link:hover{text-decoration:underline}.submit-btn{width:100%;background:linear-gradient(to right,var(--primary),var(--secondary));color:var(--white);padding:.9rem;border-radius:50px;border:none;margin-bottom:1rem;cursor:pointer;font-weight:600;transition:var(--transition);box-shadow:0 4px 15px #0066cc4d}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #06c6}.form-checkbox{align-items:center;margin-bottom:1.5rem}.form-checkbox input{margin-right:.75rem;width:1.1rem;height:1.1rem;accent-color:var(--primary)}.form-checkbox label{font-size:.9rem;color:var(--gray)}.auth-switch-text{font-size:.9rem;text-align:center;margin-top:1rem;color:var(--gray)}.auth-switch-link{color:var(--primary);background:none;border:none;cursor:pointer;padding:0;font-weight:600;transition:var(--transition)}.auth-switch-link:hover{text-decoration:underline;color:var(--primary-dark)}.image-side{display:none;width:50%;background-size:cover;background-position:center;position:relative}@media (min-width: 768px){.image-side{display:block}}.image-side:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0000001a,#00000080)}.image-content{display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:2rem;color:var(--white);position:relative;z-index:1}.image-buttons{display:flex;justify-content:flex-end;gap:1rem}.image-btn{border:2px solid var(--white);padding:.5rem 1.25rem;border-radius:50px;font-size:.9rem;font-weight:600;background-color:transparent;color:var(--white);cursor:pointer;transition:var(--transition)}.image-btn:hover{background-color:var(--white);color:var(--primary);transform:translateY(-2px)}.image-text{font-size:1.1rem;font-weight:500;max-width:20rem;margin-bottom:.5rem;transition:opacity .7s;text-shadow:0 1px 3px rgba(0,0,0,.5)}.image-text a{color:var(--white);text-decoration:none;border-bottom:1px solid rgba(255,255,255,.5);transition:var(--transition)}.image-text a:hover{border-bottom-color:var(--white)}@media (min-width: 768px){.image-text{font-size:1.3rem}}@media (max-width: 480px){.welcome-title{font-size:1.8rem}.welcome-subtitle{font-size:1.5rem}.welcome-description{font-size:1rem}.form-title{font-size:1.6rem}.welcome-primary-btn,.welcome-secondary-btn,.submit-btn{padding:.8rem 1.5rem;font-size:.95rem}.form-input{padding:.8rem}}@keyframes imageFade{0%{opacity:.8}50%{opacity:1}to{opacity:.8}}.welcome-image-section,.image-side{animation:imageFade 8s infinite}.welcome-logo{height:60px;margin-bottom:20px}.auth-logo{height:50px;margin:0 auto 20px;display:block}.logo-container{text-align:center;padding:20px 0 0}@media (max-width: 768px){.welcome-logo{height:50px}.auth-logo{height:40px}}.desktop-back-btn-container{position:absolute;top:20px;left:20px;z-index:10}.desktop-back-btn{display:flex;align-items:center;gap:8px;padding:8px 12px;background-color:#ffffffe6;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;font-size:14px;font-weight:500;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.desktop-back-btn:hover{background-color:#f7fafc;border-color:#cbd5e0;transform:translateY(-1px);box-shadow:0 4px 6px #0000001a}.desktop-back-btn .back-icon{transition:transform .2s ease}.desktop-back-btn:hover .back-icon{transform:translate(-2px)}.auth-logo{height:50px;margin:0 auto;display:block}.form-group{margin-bottom:1rem;position:relative}.form-error{display:block;color:#ff4d4f;font-size:.8rem;margin-top:.25rem}.forgot-password-form-container{padding:1rem;max-width:400px}.forgot-password-resend{text-align:right;margin-bottom:20px}.forgot-password-resend-link{background:none;border:none;color:#4f46e5;font-size:13px;cursor:pointer;padding:0}.forgot-password-resend-link:hover{text-decoration:underline}.form-instructions{color:#666;margin-bottom:20px;font-size:14px;line-height:1.5;text-align:center}body{font-family:Inter,Poppins,system-ui,-apple-system,sans-serif;line-height:1.5;color:var(--dark);background-color:var(--light);min-height:100vh;position:relative;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;letter-spacing:-.02em}p{font-weight:400;color:var(--gray)}.container{max-width:1200px;padding:0 1.5rem;margin:0 auto}.index-row{padding-bottom:6rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1.5rem}.card-custom{transition:var(--transition);cursor:pointer;border:none;overflow:hidden;position:relative;height:100%;background-color:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem 1rem;text-decoration:none!important}.card-custom:before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:var(--gradient-primary);transform:scaleX(0);transform-origin:left;transition:var(--transition)}.card-custom:hover,.card-custom:focus{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.card-custom:hover:before,.card-custom:focus:before{transform:scaleX(1)}.card-body.menu{padding:1.5rem .5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.card-body.menu i,.card-body.menu svg{color:var(--primary);margin-bottom:1.25rem;transition:var(--transition);font-size:2.5rem}.card-custom:hover .card-body.menu i,.card-custom:hover .card-body.menu svg,.card-custom:focus .card-body.menu i,.card-custom:focus .card-body.menu svg{color:var(--accent);transform:scale(1.1)}.card-title{font-weight:600;color:var(--dark);margin-bottom:0;position:relative;font-size:1rem}.card-title:after{content:"";display:block;width:0;height:2px;background:var(--accent);margin:.5rem auto 0;transition:var(--transition)}.card-custom:hover .card-title:after,.card-custom:focus .card-title:after{width:40px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.card-custom{animation:fadeIn .5s ease forwards;opacity:0}.col-6.col-md-3:nth-child(1) .card-custom{animation-delay:.1s}.col-6.col-md-3:nth-child(2) .card-custom{animation-delay:.2s}.col-6.col-md-3:nth-child(3) .card-custom{animation-delay:.3s}.col-6.col-md-3:nth-child(4) .card-custom{animation-delay:.4s}.col-6.col-md-3:nth-child(5) .card-custom{animation-delay:.5s}.col-6.col-md-3:nth-child(6) .card-custom{animation-delay:.6s}.col-6.col-md-3:nth-child(7) .card-custom{animation-delay:.7s}.ripple{position:absolute;border-radius:50%;background-color:#fff6;transform:scale(0);animation:ripple .6s linear;pointer-events:none}@keyframes ripple{to{transform:scale(4);opacity:0}}.index-row{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;padding:20px}.card-custom{width:280px;height:200px;border-radius:12px;background-size:cover;background-position:center;text-decoration:none;position:relative;overflow:hidden;transition:transform .3s ease;box-shadow:0 4px 12px #00000026}.card-custom:hover{transform:scale(1.03)}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;text-align:center;padding:10px}.overlay .icon{font-size:2rem;margin-bottom:10px}.overlay .title{font-size:1.1rem;font-weight:600}.skeleton{background-color:var(--light-gray);position:relative;overflow:hidden}.skeleton:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,#fff0,#fff3,#fff0);animation:shimmer 1.5s infinite}.skeleton-icon{width:2rem;height:2rem;background-color:var(--gray-light);border-radius:50%;margin-bottom:10px}.skeleton-title{width:80%;height:1.2rem;background-color:var(--gray-light);border-radius:4px}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton.card-custom{width:280px;height:200px;border-radius:12px;box-shadow:0 4px 12px #00000026;animation:none}:root{--primary: #0066cc;--primary-dark: #0052a3;--primary-light: rgba(67, 97, 238, .1);--secondary: #00aaff;--accent: #4895ef;--danger: #f72585;--success: #198754;--success-hover: #157347;--warning: #f8961e;--dark: #212529;--darker: #1a1a1a;--light: #f8f9fa;--lighter: #fff;--gray: #adb5bd;--light-gray: #e9ecef;--white: #ffffff;--gradient-primary: linear-gradient(135deg, var(--primary), var(--accent));--gradient-secondary: linear-gradient(135deg, var(--secondary), var(--primary));--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1);--shadow-inset: inset 0 2px 4px rgba(0, 0, 0, .05);--transition: all .3s cubic-bezier(.25, .8, .25, 1);--transition-fast: all .15s ease;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 20px;--radius-xl: 28px;--radius-circle: 50%}.sidebar{position:fixed;top:0;left:-250px;width:250px;height:100%;background:var(--light);box-shadow:var(--shadow-lg);transition:var(--transition);z-index:999;border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.sidebar.open{left:0}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #ddd}.logo-container{display:flex;align-items:center}.sidebar-logo{height:50px;width:auto;-o-object-fit:contain;object-fit:contain;margin-right:1rem}.close-btn{padding:8px;display:flex;align-items:center;justify-content:center;background:linear-gradient(to right,var(--primary),var(--secondary));border:none;border-radius:100px;font-size:1.5rem;cursor:pointer;color:var(--white)!important;transition:var(--transition-fast)}.close-btn:hover{color:var(--accent);transform:rotate(90deg)}.sidebar-menu{list-style:none;padding:0;margin:0}.sidebar-menu li{border-bottom:1px solid var(--light-gray);transition:var(--transition)}.sidebar-menu li a{padding:15px 20px;text-decoration:none;color:var(--dark);display:flex;align-items:center;font-weight:500;transition:var(--transition-fast)}.sidebar-menu li a:hover{background-color:var(--primary-light);color:var(--primary);border-radius:var(--radius-sm)}.sidebar-icon{margin-right:10px;font-size:1.2rem;color:var(--primary);transition:var(--transition-fast)}.sidebar-menu li a:hover .sidebar-icon{color:var(--primary);transform:scale(1.1)}.container.sidebar-open:after{content:"";top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:999}.sidebar-menu li button{width:100%;border:none;padding:15px 20px;text-decoration:none;color:var(--dark);display:flex;align-items:center;font-weight:500;transition:var(--transition-fast)}.profile-container{position:relative;max-width:100%;min-height:100vh;padding-bottom:80px;background:linear-gradient(135deg,#f5f7fa,#e4e8f0);font-family:Poppins,sans-serif;color:var(--dark);line-height:1.6}.profile-card{background-color:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:30px;margin:0 20px;text-align:center;transition:var(--transition);border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.profile-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}.profile-img-container{position:relative;margin-bottom:25px}.profile-img{width:140px;height:140px;border-radius:var(--radius-circle);-o-object-fit:cover;object-fit:cover;border:4px solid var(--white);box-shadow:var(--shadow-md);transition:var(--transition)}.profile-img:hover{transform:scale(1.05)}.change-pic-btn{display:inline-flex;align-items:center;gap:6px;background-color:var(--primary);color:var(--white);border:none;border-radius:var(--radius-sm);padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;margin-top:15px;transition:var(--transition-fast);box-shadow:0 2px 5px #4361ee4d}.change-pic-btn:hover{background-color:var(--primary-dark);transform:translateY(-2px)}.profile-info{margin-bottom:30px}.profile-info h3{font-size:22px;font-weight:600;margin-bottom:10px;color:var(--dark);display:flex;align-items:center;justify-content:center;gap:8px}.info-icon{color:var(--primary);font-size:18px}.profile-email,.profile-age{font-size:15px;margin-bottom:8px;display:flex;align-items:center;justify-content:center;gap:8px}.profile-email{color:var(--gray)}.profile-age{color:var(--dark)}.profile-actions{display:flex;flex-direction:column;gap:12px}.btn-primary,.btn-secondary,.btn-danger{padding:12px 20px;border-radius:var(--radius-sm);border:none;font-size:15px;font-weight:500;cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:var(--shadow-sm)}.btn-primary{background-color:var(--primary);color:var(--white)}.btn-primary:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--accent);color:var(--white)}.btn-secondary:hover{background-color:var(--secondary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-danger{background-color:var(--danger);color:var(--white)}.btn-danger:hover{background-color:#e5177e;transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-label{font-size:11px;font-weight:500}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:18px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--light-gray);background-color:var(--light)}.modal-header h3{font-size:18px;font-weight:600;color:var(--dark)}.modal-body{padding:20px}.img-container{width:100%;height:350px;overflow:hidden;border-radius:var(--radius-sm);background-color:var(--light-gray)}.modal-footer{display:flex;padding:8px 16px;justify-content:center;gap:12px;border-top:1px solid var(--light-gray)}.btn-cancel,.btn-confirm{flex:1;padding:12px;border-radius:var(--radius-sm);border:none;font-size:15px;font-weight:500;cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:8px}.btn-cancel{background-color:var(--light-gray);color:var(--dark)}.btn-cancel:hover{background-color:#e2e2e2;transform:translateY(-2px)}.btn-confirm{background-color:var(--success);color:var(--white)}.btn-confirm:hover{background-color:#3ab7db;transform:translateY(-2px)}@media (min-width: 768px){.profile-container{padding:30px 30px 90px}.profile-card{max-width:500px;margin:0 auto;padding:40px}.profile-actions{flex-direction:row;justify-content:center;flex-wrap:wrap}.btn-primary,.btn-secondary,.btn-danger{min-width:160px}.app-header h2{font-size:32px}.app-header p{font-size:16px}}@media (min-width: 992px){.profile-container{max-width:1200px;margin:0 auto}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.theme-selector{display:grid;grid-template-columns:repeat(2,1fr);margin-top:20px}.theme-option{margin:10px;position:relative;height:52px;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:var(--transition);display:flex;align-items:flex-end;padding:15px;color:var(--primary);font-weight:500;box-shadow:var(--shadow-sm);border:1px solid #ccc}.theme-option input{position:absolute;opacity:0;width:0;height:0}.theme-option:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:.9}.theme-option[for=red]:before{background:linear-gradient(135deg,#ff4d4d,#c00)}.theme-option[for=orange]:before{background:linear-gradient(135deg,#f96,#f60)}.theme-option[for=blue]:before{background:linear-gradient(135deg,#66b3ff,#06c)}.theme-option[for=purple]:before{background:linear-gradient(135deg,#b388ff,#7c4dff)}.theme-option.active{transform:scale(.95);box-shadow:0 0 0 3px var(--white),0 0 0 6px var(--primary)}.theme-option:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.theme-label{position:relative;z-index:1;text-shadow:0 1px 3px rgba(0,0,0,.3)}.form-select{background-color:var(--light-gray);border:2px solid var(--light-gray);border-radius:var(--radius-md);padding:12px 20px;font-size:1rem;color:var(--dark);transition:var(--transition);box-shadow:var(--shadow-sm)}.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 .25rem #0066cc40;outline:none}.btn{padding:12px 24px;border-radius:var(--radius-md);font-weight:600;transition:var(--transition);display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;cursor:pointer}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-primary:active{transform:translateY(0)}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.btn-outline-danger{background:transparent;border:2px solid var(--danger);color:var(--danger)}.btn-outline-danger:hover{background:var(--danger);color:#fff}.btn-success{background:var(--success);color:#fff}.btn-success:hover{background:var(--success-hover)}@media (max-width: 768px){.theme-selector{grid-template-columns:1fr}.card-body{padding:20px}}@media (max-width: 576px){.modal-footer{flex-direction:column}}.option-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:20px;margin-top:25px}.option-card{grid-gap:30px;align-items:center;display:flex;border:1px solid #ccc!important;position:relative;padding:10px 15px;border-radius:12px;border:none;text-align:center;cursor:pointer;transition:all .4s cubic-bezier(.25,.8,.25,1);background:var(--white);overflow:hidden;box-shadow:0 4px 6px #0000000d;z-index:1}.option-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),var(--light));opacity:0;transition:opacity .3s ease}.option-card:hover{transform:translateY(-8px);box-shadow:0 12px 20px #0000001a}.option-card:hover:before{opacity:1}.option-card.active{background:linear-gradient(to right,var(--primary),var(--secondary));box-shadow:0 8px 15px rgba(var(--primary-rgb),.15);border:1px solid rgba(var(--primary-rgb),.2)}.option-card.active:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(var(--primary-rgb),.05),rgba(var(--light-rgb),.05));z-index:-1;border-radius:inherit}.option-icon{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background:linear-gradient(to right,var(--primary),var(--secondary));color:#fff;font-size:1.8rem;box-shadow:0 4px 10px rgba(var(--primary-rgb),.3);transition:transform .3s ease}.option-card:hover .option-icon{transform:scale(1.1) rotate(5deg)}.option-card.active .option-icon{background:#fff;color:var(--primary);box-shadow:0 4px 15px rgba(var(--primary-rgb),.4)}.option-card.active .option-label{color:var(--white);box-shadow:0 4px 15px rgba(var(--primary-rgb),.4)}.option-card.active .option-subtext{color:var(--light);box-shadow:0 4px 15px rgba(var(--primary-rgb),.4)}.option-label{font-weight:700;margin-bottom:5px;color:var(--dark);font-size:1.1rem;position:relative;display:inline-block}.option-label:after{content:"";position:absolute;bottom:-3px;left:50%;transform:translate(-50%);width:0;height:2px;background:linear-gradient(to right,var(--primary),var(--secondary));transition:width .3s ease}.option-card:hover .option-label:after{width:60%}.option-subtext{font-size:.85rem;color:var(--dark);margin-top:5px;opacity:.8}.option-check{border:1px solid #ffffff!important;position:absolute;top:12px;right:12px;width:24px;height:24px;background:linear-gradient(to right,var(--primary),var(--secondary));color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;box-shadow:0 2px 5px #0003;transition:all .3s ease}.option-card:hover .option-check{transform:scale(1.1)}.section-title{display:flex;align-items:center;gap:10px;margin-bottom:1rem;position:relative;padding-bottom:10px}.section-title:after{content:"";position:absolute;bottom:0;left:0;width:50px;height:3px;background:linear-gradient(90deg,var(--primary),var(--light));border-radius:3px}.sticky-header{position:sticky;top:0;z-index:1000;background:var(--gradient-primary);color:#fff;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-md);width:100%}.icon-btn{background:none;border:none;color:#fff;font-size:1.2rem;padding:8px}.mode-tabs{display:flex;margin:15px 0;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}.tab-btn{flex:1;padding:12px;border:none;background:var(--light-gray);display:flex;flex-direction:column;align-items:center;color:var(--dark);font-size:.8rem}.tab-btn.active{background:var(--primary);color:#fff}.tab-icon{font-size:1.2rem;margin-bottom:5px}.card-section{background:#fff;border-radius:var(--radius-md);padding:15px;margin-bottom:15px;box-shadow:var(--shadow-sm)}.section-title{grid-gap:0px!important;display:flex;align-items:center;color:var(--primary);margin-bottom:15px;font-size:1.1rem}.section-icon{margin-right:5px;font-size:1rem}.input-group{margin-bottom:15px}.input-group label{display:flex;align-items:center;margin-bottom:5px;color:var(--dark);font-size:.9rem}.input-group label svg{color:var(--primary)!important}.input-group input,.input-group select{width:100%;padding:12px 15px;border:1px solid var(--gray);border-radius:var(--radius-sm);font-size:1rem}.dual-input-group{display:flex;gap:10px}.dual-input-group .input-group{flex:1}.input-with-icon{position:relative}.input-with-icon input{padding-left:35px}.input-icon{margin-right:2px;position:relative;left:0;bottom:-8px;transform:translateY(-50%);color:var(--primary)}.icon-selector{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.icon-option{flex:1 0 calc(33.333% - 10px);display:flex;flex-direction:column;align-items:center;padding:10px;border:1px solid var(--light-gray);border-radius:var(--radius-sm);background:#fff;color:var(--dark);box-sizing:border-box}@media (max-width: 768px){.icon-option{flex:1 0 calc(33.333% - 10px)}}@media (max-width: 480px){.icon-option{flex:1 0 calc(33.333% - 10px)}}.icon-option.active{border:1px solid var(--primary);background:var(--gradient-primary);color:var(--light)}.icon-option span{font-size:.7rem;margin-top:10px}.checkbox-group{display:flex;align-items:center;margin:15px 0}.checkbox-group input{margin-right:10px}.action-footer{position:fixed;bottom:60px;left:0;right:0;padding:10px 15px;background:#fff;box-shadow:0 -2px 5px #0000001a}.primary-btn{width:100%;padding:15px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:700}.primary-btn:active{background:var(--primary-dark)}.app-header .title{color:beige!important;background:linear-gradient(to right,var(--light),var(--light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:0!important}.mode-tabs{display:flex;background:var(--light-gray);border-radius:var(--radius-sm);padding:5px;margin-bottom:25px}.tab-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 5px;border:none;background:transparent;color:var(--gray);font-weight:500;cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-fast)}.tab-btn.active{background:var(--white);color:var(--primary);box-shadow:var(--shadow-sm)}.tab-icon{margin-bottom:5px;font-size:1.2rem}.result-container{padding:10px 0 20px}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.result-header .section-title{margin-bottom:0}.result-title{display:flex;align-items:center;color:var(--primary);margin:0}.result-title-icon{margin-right:10px;color:var(--accent)}.download-btn{background:var(--success);color:var(--white);border:none;padding:10px 15px;border-radius:var(--radius-sm);display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.9rem;transition:var(--transition-fast)}.download-btn:hover{background:var(--success-hover)}.result-summary{display:flex;gap:20px;margin-bottom:30px;flex-wrap:wrap}.result-card{flex:1;min-width:200px;padding:25px;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);position:relative;overflow:hidden;transition:var(--transition)}.result-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.result-card.primary{background:var(--primary-light);border-top:3px solid var(--primary)}.result-card.secondary{background:#4895ef1a;border-top:3px solid var(--accent)}.result-card-icon{position:absolute;top:15px;right:15px;font-size:1.5rem;opacity:.2}.result-card h4{margin-top:0;margin-bottom:15px;color:var(--dark)}.result-value{font-size:1.8rem;font-weight:700;margin:10px 0 5px;color:var(--primary)}.result-card.secondary .result-value{color:var(--accent)}.result-subtext{color:var(--gray);font-size:.9rem}.result-details{background:var(--light);padding:25px;border-radius:var(--radius-md);margin-bottom:30px}.details-title{color:var(--primary);margin-top:0;margin-bottom:20px}.details-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}.detail-item{background:var(--white);padding:15px;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}.detail-label{display:block;color:var(--gray);font-size:.85rem;margin-bottom:5px}.detail-value{display:block;color:var(--dark);font-weight:500}@media (max-width: 768px){.result-summary{flex-direction:column}.details-grid{grid-template-columns:1fr}}.template-output{background:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px}.template-header{align-items:center;margin-bottom:15px}.template-logo{flex:0 0 100px;margin-right:20px;height:80px;display:flex;align-items:center;justify-content:space-between;background:#f5f5f5;border-radius:4px}.template-logo img{height:70px}.template-header-info{flex:1}.template-header-info h4{margin:5px 0}.template-header-info p{margin:3px 0;font-size:14px;color:#555}.template-section{margin-bottom:20px}.template-row{display:flex;flex-wrap:wrap;margin:0 -10px}.template-col{flex:1;min-width:250px;padding:0 10px;margin-bottom:15px}.template-table{width:100%;border-collapse:collapse;margin-top:10px}.template-table th,.template-table td{padding:10px;border:1px solid #ddd;text-align:left}.template-table th{background-color:#f5f5f5;font-weight:600}.template-controls{display:flex;align-items:center;gap:10px}.template-select{padding:8px 12px;border-radius:4px;border:1px solid #ddd;background:#fff;font-size:14px}.new-template{font-family:Arial,sans-serif;max-width:800px;margin:0 auto;padding:15px;background:#fff;color:#333}.new-template .template-header{text-align:center;margin-bottom:20px}.new-template .template-header h2{font-size:24px;margin-bottom:5px;color:#222}.new-template .divider{border:1px solid #ddd;margin:15px 0}.new-template .spec-section{margin-bottom:15px}.new-template .section-title{font-size:20px;color:#333;margin-bottom:10px;text-align:center}.new-template .section-subtitle{text-decoration:underline;font-size:16px;color:#444;border-bottom:1px solid #eee}.new-template .spec-table{width:100%;border-collapse:collapse;margin-bottom:10px}.new-template .spec-table td{padding:2px 10px}.new-template .spec-table td:first-child{font-weight:700;width:50%}.new-template .notes-section{margin-top:15px}.new-template .notes-list{padding-left:20px}.new-template .notes-list li{margin-bottom:5px}.new-template .template-footer{margin-top:15px;text-align:center;font-size:12px;color:#666;border-top:1px solid #eee;padding-top:15px}.new-template .template-footer p{margin:5px 0}.images-section{margin:0;page-break-inside:avoid}.image-gallery{display:flex;flex-wrap:wrap;gap:20px;justify-content:start}.image-container{text-align:center;max-width:450px;page-break-inside:avoid}.product-image{max-width:100%;height:auto;border-radius:4px;padding:5px}.image-caption{margin-top:5px;font-size:.9em;color:#666}@media print{.image-container{page-break-inside:avoid}}:root{--primary: #2E5AAC;--primary-light: #4a7be0;--dark: #2c3e50;--light: #f8f9fa;--success: #28a745;--danger: #dc3545;--gray: #6c757d;--light-gray: #e9ecef}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes underline{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.header-animation{margin:1.5rem 0}.subtitle{font-size:1.2rem;color:var(--dark);position:relative;display:inline-block;padding-bottom:.5rem}.animated-underline{position:absolute;bottom:0;left:0;width:100%;height:3px;background:var(--gradient-primary);transform-origin:left;animation:underline 1s ease-out forwards}.cooler-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;margin:2rem 0}.cooler-card{background:#fff;border-radius:12px;box-shadow:0 10px 30px #00000014;overflow:hidden;transition:all .3s cubic-bezier(.25,.8,.25,1);will-change:transform,box-shadow;border:1px solid rgba(0,0,0,.05)}.cooler-card:hover{transform:translateY(-8px);box-shadow:0 15px 35px #0000001f}.card-header{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;padding:1.5rem;display:flex;align-items:center;position:relative}.icon-container{background:#fff3;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;margin-right:1rem}.icon{font-size:1.8rem}.pulse{animation:pulse 2s infinite}.header-content{flex:1}.header-content h2{margin:0;font-size:1.4rem;font-weight:600}.rating-badge{margin-top:.3rem}.star{color:var(--light-gray);font-size:.9rem}.star.filled{color:var(--warning)}.capacity-badge{position:absolute;right:1.5rem;top:1.5rem;background:var(--warning);color:var(--light);padding:.3rem .8rem;border-radius:20px;font-weight:700;font-size:.9rem;box-shadow:0 2px 5px #0000001a}.card-body{padding:1.5rem}.spec-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem}.spec-item{display:flex;align-items:center;padding:.5rem;border-radius:6px;background:var(--light)}.spec-icon{margin-right:.5rem;font-size:1.2rem}.spec-value{font-size:.9rem;color:var(--dark);font-weight:500}.spec-item{display:flex;align-items:center;margin-bottom:8px;gap:6px}.spec-icon{font-size:1.2em}.spec-label{font-weight:500}.spec-value{color:#333}.features-section{margin-top:1.5rem}.features-section h4{color:var(--dark);margin-bottom:1rem;display:flex;align-items:center}.features-section ul{list-style-type:none;padding-left:0}.features-section li{padding:.5rem 0;display:flex;align-items:flex-start;border-bottom:1px dashed var(--light-gray)}.feature-icon{color:var(--primary);margin-right:.5rem;font-size:.8rem;margin-top:.2rem}.card-footer{padding:1rem 1.5rem;background:var(--light);border-top:1px solid var(--light-gray)}.price-tag{text-align:center;margin-bottom:1rem}.price{font-size:1.3rem;font-weight:700;color:var(--primary)}.discount{background:var(--danger);color:#fff;padding:.2rem .5rem;border-radius:4px;font-size:.8rem;margin-left:.5rem;text-decoration:line-through}.action-buttons{display:flex;justify-content:center;gap:1rem}.action-btn{border:none;border-radius:6px;padding:.6rem 1rem;font-size:.9rem;display:flex;align-items:center;cursor:pointer;transition:all .2s ease;font-weight:500}.download-btn{background:var(--primary);color:#fff}.download-btn:hover{background:var(--primary-light);transform:translateY(-2px)}.share-btn{background:#fff;color:var(--primary);border:1px solid var(--primary)}.share-btn:hover{background:var(--light);transform:translateY(-2px)}.floating-action{position:fixed;bottom:80px;right:20px;z-index:100}.fab{width:50px;height:50px;border-radius:50%;background:var(--primary);color:#fff;border:none;font-size:1.2rem;cursor:pointer;box-shadow:0 4px 10px #0003;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.fab:hover{background:var(--primary-light);transform:translateY(-3px) scale(1.1)}.swal-result{text-align:center}.result-icon{margin:0 auto 1rem;width:120px;height:120px}.circular-chart{width:100%;height:100%}.circle-bg{fill:none;stroke:#eee;stroke-width:3}.circle{fill:none;stroke:var(--primary);stroke-width:3;stroke-linecap:round;animation:circle-fill 1.5s ease-in-out forwards}@keyframes circle-fill{0%{stroke-dasharray:0,100}}.percentage{font-size:.6em;text-anchor:middle;fill:var(--dark);font-weight:700}.label{font-size:.3em;text-anchor:middle;fill:var(--gray)}.result-details{margin-top:1rem;text-align:left;padding:0 1rem}.result-details p{margin:.5rem 0}@media (max-width: 768px){.cooler-grid,.spec-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}.fab{width:40px;height:40px;font-size:1rem}}.specs-table-container{width:100%;overflow-x:auto;margin:2rem 0;box-shadow:0 0 20px #0000001a;border-radius:8px}.specs-table{width:100%;border-collapse:collapse;font-size:.9rem}.specs-table th,.specs-table td{padding:12px 15px;text-align:left;border-bottom:1px solid #e0e0e0}.specs-table th{background-color:#2e5aac;color:#fff;font-weight:600;position:sticky;top:0}.specs-table tr:nth-child(2n){background-color:#f8f9fa}.specs-table tr:hover{background-color:#f1f5ff}.specs-table td{color:#333}@media (max-width: 768px){.specs-table{font-size:.8rem}.specs-table th,.specs-table td{padding:8px 10px}}.model-link{white-space:nowrap;background:none;border:none;color:var(--primary);text-decoration:underline;cursor:pointer;padding:0;font:inherit}.model-link:hover{color:var(--primary-light);text-decoration:none}.subtitle svg{color:var(--primary)!important}.no-results{text-align:center;padding:3rem 1rem;background:var(--light);border:1px dashed var(--light-gray);border-radius:12px;animation:fadeIn .6s ease-out;box-shadow:0 10px 20px #2e5aac0d;max-width:600px;margin:2rem auto}.no-results-icon{font-size:3rem;color:var(--primary);margin-bottom:1rem;animation:pulse 2s infinite}.no-results h3{font-size:1.5rem;color:var(--dark);margin-bottom:.5rem}.no-results p{color:var(--gray);font-size:1rem;margin-bottom:1.5rem;max-width:500px;margin-left:auto;margin-right:auto}.no-results .btn-primary{background:var(--primary);color:#fff;padding:.7rem 1.4rem;font-size:.95rem;font-weight:500;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.no-results .btn-primary:hover{background:var(--primary-light);transform:translateY(-2px)}.nores-btn{display:flex;justify-content:center}/*! tailwindcss v4.1.6 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid}}}.visible{visibility:visible}.static{position:static}.container{width:100%}.block{display:block}.hidden{display:none}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.text-center{text-align:center}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}