@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
:root{--bg:#f8f9fa;--text:#1f2933;--muted:#6b7280;--border:#e5e7eb;--accent:#124bf2;--accent-2:#2b99ff;--accent-3:#402eb3;--success:#22c55e;--success-dark:#16a34a;--input-bg:#2a3441}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);min-height:100vh;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.page{flex-direction:column;min-height:100vh;display:flex}.container{width:100%;max-width:1120px;margin:0 auto;padding:0 16px}.header{padding:24px 0 12px}.logo{color:var(--text);align-items:center;gap:10px;font-size:20px;font-weight:700;display:inline-flex}.hero{flex-direction:column;gap:24px;display:flex}@media (min-width:1024px){.hero{flex-direction:row;align-items:flex-start;gap:48px}}.description{color:#323232;flex:1;max-width:480px;font-size:14px;line-height:1.6}.panel{flex:1.4}.panel h2{color:#333;margin:0 0 12px;font-size:18px;font-weight:600}.grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;display:grid}.product-card{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:18px;transition:transform .15s,box-shadow .15s,border-color .15s;position:relative;overflow:hidden}.product-card:hover{transform:translateY(-2px);box-shadow:0 10px 30px #124bf21f}.product-card.selected{border-color:var(--accent);box-shadow:0 12px 36px #124bf229}.product-card__body{background:linear-gradient(135deg,var(--accent),var(--accent-2),var(--accent-3));flex-direction:column;justify-content:space-between;min-height:116px;padding:16px;display:flex}.product-card__name{color:#fff;font-size:18px;font-weight:700}.product-card__price{color:#f5f7ff;font-size:16px;font-weight:600}.product-card__cta{color:#4b5563;cursor:pointer;background:#fff;border:0;width:100%;padding:12px;font-size:14px;font-weight:600;transition:background .15s,color .15s}.product-card__cta--selected{background:var(--accent);color:#fff}.inputs{flex-direction:column;gap:16px;display:flex}.field label{color:#6b7280;margin-bottom:6px;font-size:12px;display:block}.field input{background:var(--input-bg);color:#fff;border:1px solid #0000;border-radius:12px;outline:none;width:100%;padding:12px 14px;transition:border-color .15s,box-shadow .15s}.field input::placeholder{color:#9aa3b5}.field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #124bf240}.pay-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;display:grid}.pay-card{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:16px;transition:transform .15s,box-shadow .15s,border-color .15s;overflow:hidden}.pay-card:hover{transform:translateY(-2px);box-shadow:0 10px 28px #10b98129}.pay-card.selected{border-color:var(--success);box-shadow:0 12px 32px #10b98133}.pay-card__body{color:#fff;background:linear-gradient(135deg,#10b981,#34d399,#6ee7b7);min-height:96px;padding:14px;font-size:15px;font-weight:700;display:flex}.pay-card__title{max-width:90%;line-height:1.4}.pay-card__cta{color:#4b5563;cursor:pointer;background:#fff;border:0;width:100%;padding:11px;font-size:14px;font-weight:600;transition:background .15s,color .15s}.pay-card__cta--selected{background:var(--success);color:#fff}.footer{background:var(--bg);border-top:1px solid var(--border);margin-top:auto;padding:12px 0 18px;position:sticky;bottom:0}.footer .container{flex-direction:column;gap:10px;display:flex}.footer-nav{justify-content:flex-end;gap:10px;display:flex}.footer-nav button{color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-2));cursor:pointer;border:0;border-radius:12px;align-items:center;gap:8px;padding:12px 18px;font-size:14px;font-weight:600;transition:background .15s,opacity .15s;display:inline-flex}.footer-nav button:hover{background:var(--accent-3)}.footer-nav button:disabled{opacity:.6;cursor:not-allowed}.footer-links{color:var(--muted);flex-wrap:wrap;gap:16px;font-size:12px;display:flex}.footer small{color:#94a3b8;font-size:11px}.badge-selected{color:#fff;z-index:2;background:#ffffff24;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;position:absolute;top:10px;right:10px}.banner-carousel{-webkit-user-select:none;user-select:none;touch-action:pan-y;width:100%;margin-bottom:24px;position:relative;overflow:hidden}.banner-carousel__container{will-change:transform;flex-shrink:0;width:300%;display:flex}.banner-carousel__slide{color:#fff;-webkit-user-select:none;user-select:none;pointer-events:none;flex-shrink:0;align-items:center;width:33.333%;min-height:420px;padding:96px 0;display:flex}.banner-carousel__container{pointer-events:auto;cursor:grab}.banner-carousel__container:active{cursor:grabbing}.banner-carousel__content{text-align:center;-webkit-user-select:none;user-select:none;pointer-events:none;max-width:600px;margin:0 auto}.banner-carousel__title{color:#fff;-webkit-user-select:none;user-select:none;margin:0 0 8px;font-size:24px;font-weight:700}.banner-carousel__subtitle{color:#ffffffe6;-webkit-user-select:none;user-select:none;margin:0;font-size:14px;font-weight:500}.banner-carousel__dots{pointer-events:auto;justify-content:center;gap:8px;padding:16px 0;display:flex}.banner-carousel__dot{cursor:pointer;pointer-events:auto;background:#0003;border:0;border-radius:50%;width:10px;height:10px;padding:0;transition:background .3s,transform .3s}.banner-carousel__dot:hover{background:#0006;transform:scale(1.2)}.banner-carousel__dot.active{background:var(--accent);transform:scale(1.3)}@media (max-width:768px){.banner-carousel__slide{min-height:360px;padding:72px 0}.banner-carousel__title{font-size:20px}.banner-carousel__subtitle{font-size:13px}}.admin-auth-page{background:radial-gradient(circle at 0 0,#124bf22e,#0000 30%),radial-gradient(circle at 100% 100%,#402eb329,#0000 28%),#f4f7fb;justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex}.admin-auth-card,.admin-panel-card,.admin-stat-card,.admin-purchase-card,.admin-empty-state,.admin-muted-box{border:1px solid var(--border);background:#ffffffeb;border-radius:24px;box-shadow:0 18px 50px #0f172a14}.admin-auth-card{width:100%;max-width:460px;padding:28px}.admin-auth-card__header h1,.admin-section__header h2,.admin-form-section__header h3{margin:0}.admin-auth-card__header p,.admin-section__header p{color:var(--muted);margin:8px 0 0;line-height:1.6}.admin-auth-form,.admin-manage-grid,.admin-form-section,.admin-extra-fields,.admin-shell__content,.admin-purchase-list{flex-direction:column;gap:18px;display:flex}.admin-auth-badge{color:var(--accent);background:#124bf21f;border-radius:999px;align-items:center;margin-bottom:10px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.admin-shell{background:linear-gradient(#f5f8ff 0%,#f8f9fa 45%,#eef3ff 100%);min-height:100vh}.admin-shell__header{padding:28px 0 16px}.admin-shell__header-inner{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.admin-shell__title{margin:0;font-size:30px}.admin-shell__content{padding-bottom:40px}.admin-nav{flex-wrap:wrap;gap:10px;display:flex}.admin-nav__link{min-height:44px;color:var(--text);background:#ffffffb8;border:1px solid #124bf229;border-radius:14px;justify-content:center;align-items:center;padding:0 16px;font-weight:600;text-decoration:none;display:inline-flex}.admin-nav__link:hover,.admin-nav__link.active{background:var(--accent);color:#fff;text-decoration:none}.admin-section,.admin-panel-card{padding:24px}.admin-section__header,.admin-form-section__header,.admin-actions-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.admin-stat-card{flex-direction:column;gap:6px;min-width:160px;padding:18px 20px;display:flex}.admin-stat-card span,.admin-detail-item span,.admin-extra-field span,.admin-field span{color:var(--muted);font-size:12px}.admin-stat-card strong{font-size:28px}.admin-empty-state,.admin-muted-box{color:var(--muted);padding:18px 20px;line-height:1.6}.admin-purchase-card{overflow:hidden}.admin-purchase-card__visual{background:linear-gradient(135deg,var(--accent),var(--accent-2),var(--accent-3));color:#fff;min-height:180px;padding:20px;position:relative}.admin-purchase-card__visual-overlay{background:linear-gradient(#0307121a,#03071299);position:absolute;inset:0}.admin-purchase-card__badge{z-index:2;background:#ffffff29;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex;position:absolute;top:16px;right:16px}.admin-purchase-card__visual-content{z-index:1;flex-direction:column;justify-content:flex-end;min-height:140px;display:flex;position:relative}.admin-purchase-card__title{font-size:28px;font-weight:700}.admin-purchase-card__subtitle{color:#ffffffdb;margin-top:8px;font-size:14px}.admin-purchase-card__body{flex-direction:column;gap:18px;padding:20px;display:flex}.admin-detail-grid,.admin-extra-fields__grid,.admin-form-grid,.admin-manage-grid{gap:14px;display:grid}.admin-detail-grid,.admin-extra-fields__grid,.admin-form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.admin-manage-grid{grid-template-columns:1fr}.admin-detail-item,.admin-extra-field{border:1px solid var(--border);background:#fff;border-radius:16px;flex-direction:column;gap:6px;padding:14px;display:flex}.admin-detail-item strong,.admin-extra-field strong{word-break:break-word;font-size:14px;line-height:1.5}.admin-extra-fields__title{font-weight:700}.admin-product-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.admin-selector-card{text-align:left;padding:0}.admin-selector-card .product-card__cta{justify-content:center;display:inline-flex}.admin-button{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;cursor:pointer;border:0;border-radius:12px;min-height:44px;padding:10px 16px;font-weight:600}.admin-button:disabled{cursor:not-allowed;opacity:.6}.admin-button--secondary{color:var(--accent);background:#eef4ff;border:1px solid #124bf21f}.admin-button--danger{color:#b91c1c;background:#fee2e2}.admin-field{flex-direction:column;gap:6px;display:flex}.admin-field input,.admin-custom-field-row input{border:1px solid var(--border);width:100%;min-height:44px;color:var(--text);background:#fff;border-radius:12px;outline:none;padding:12px 14px}.admin-field input:focus,.admin-custom-field-row input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #124bf229}.admin-custom-field-list{flex-direction:column;gap:12px;display:flex}.admin-custom-field-row{grid-template-columns:minmax(160px,1fr) minmax(160px,1fr) auto;align-items:center;gap:12px;display:grid}.admin-inline-message,.admin-form-error{color:var(--text);font-size:14px}.admin-form-error{color:#b91c1c}@media (min-width:1200px){.admin-manage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.admin-shell__header-inner,.admin-section__header,.admin-form-section__header,.admin-actions-row{flex-direction:column;align-items:stretch}}@media (max-width:640px){.admin-auth-card,.admin-section,.admin-panel-card{padding:18px}.admin-shell__title{font-size:24px}.admin-purchase-card__title{font-size:22px}.admin-custom-field-row{grid-template-columns:1fr}}