*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}.navbar{width:100%;background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:100}.navbar-container{width:100%;padding:12px 32px;display:flex;align-items:center;gap:16px}.logo{display:flex;align-items:center;gap:10px;text-decoration:none}.logo-img{width:76px;height:58px;object-fit:contain}.logo-text{font-size:28px;font-weight:700;letter-spacing:-.5px}.search-box{flex:1;display:flex}.search-box input{width:100%;height:50px;font-size:16px;padding:0 18px;border-radius:10px;border:1px solid #d1d5db}.cart{display:flex;align-items:center;position:relative;color:#374151}.cart svg{display:block}.cart-badge{position:absolute;top:-6px;right:-10px;background:#03ac0e;color:#fff;font-size:11px;font-weight:600;min-width:18px;height:18px;padding:0 5px;border-radius:999px;display:flex;align-items:center;justify-content:center;line-height:1}.auth{display:flex;gap:8px}.btn-login{border:1px solid #03ac0e;color:#03ac0e;padding:6px 12px;border-radius:6px;text-decoration:none}.btn-register{background:#03ac0e;color:#fff;padding:6px 12px;border-radius:6px;text-decoration:none}.navbar-profile{display:flex;align-items:center;gap:12px}.logout-btn{padding:6px 12px;background:#dc26261f;color:#dc2626;border:1px solid rgba(220,38,38,.35);border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.logout-btn:hover{background:#dc262633}.logout-btn:active{transform:scale(.97)}.profile-avatar-circle{width:42px;height:42px;border-radius:50%;object-fit:cover;cursor:pointer}.cart-badge{animation:pop .2s ease}@keyframes pop{0%{transform:scale(.7)}to{transform:scale(1)}}.profile-dropdown{position:relative}.profile-circle{width:42px;height:42px;border-radius:50%;background-color:#16a34a;color:#fff;font-weight:700;font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer}.dropdown-menu{position:absolute;top:52px;right:0;width:220px;background:#fff;border-radius:12px;box-shadow:0 12px 30px #0000001f;border:1px solid #e5e7eb;opacity:0;visibility:hidden;transform:translateY(8px);transition:all .2s ease;z-index:200;padding:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.profile-dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-header{padding:14px 16px;border-bottom:1px solid #f3f4f6}.dropdown-header strong{display:block;font-size:14px}.dropdown-header span{font-size:12px;color:#6b7280}.dropdown-menu button{width:100%;padding:12px 16px;background:transparent;border:none;text-align:left;font-size:14px;cursor:pointer;border-radius:8px;transition:background .15s ease,transform .12s ease}.dropdown-menu button:hover{background:#03ac0e14;transform:translate(2px)}.dropdown-divider{height:1px;background:linear-gradient(to right,transparent,#e5e7eb,transparent);margin:6px 0}.logout-item{color:#dc2626;font-weight:600}.search-box{height:50px;position:relative;flex:1;display:flex;align-items:center}.search-box input{width:100%;height:50px;font-size:16px;padding:0 110px 0 18px;border-radius:10px;border:1px solid #d1d5db}.btn-clear-search,.btn-search-action{position:absolute;top:7px;transform:none;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;padding:0;margin:0;cursor:pointer;color:#6b7280;outline:none;box-shadow:none;appearance:none;box-sizing:border-box}.btn-clear-search svg,.btn-search-action svg{width:18px;height:18px;display:block;flex-shrink:0}.btn-clear-search,.btn-search-action{line-height:0}.btn-clear-search{right:54px}.btn-search-action{right:18px}.btn-clear-search:hover,.btn-search-action:hover{color:#374151}@media(max-width:768px){.navbar-container{flex-wrap:wrap;padding:10px 16px;gap:10px}.logo-img{width:52px;height:40px}.logo-text{font-size:20px}.search-box{order:3;width:100%;margin-top:6px}.search-box input{height:44px;font-size:14px;padding:0 90px 0 14px}.btn-clear-search,.btn-search-action{top:4px;width:34px;height:34px}.btn-clear-search{right:48px}.btn-search-action{right:14px}.cart{margin-left:auto}.cart svg{width:24px;height:24px}.cart-badge{top:-5px;right:-8px;min-width:16px;height:16px;font-size:10px}.profile-circle,.profile-avatar-circle{width:36px;height:36px;font-size:14px}.dropdown-menu{width:200px;right:0;top:46px}}@media(max-width:480px){.logo-text{display:none}.search-box input{font-size:13px}.dropdown-menu{width:180px}}@media(min-width:769px){.profile-dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}}@media(max-width:768px){.profile-dropdown{position:static}.dropdown-menu{position:fixed;top:64px;left:50%;transform:translate(-50%) translateY(10px);width:calc(100% - 32px);max-width:360px;opacity:0;visibility:hidden;z-index:999}.profile-dropdown.active .dropdown-menu{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.dropdown-header{padding:16px}.dropdown-header strong{font-size:15px}.dropdown-header span{font-size:13px}.dropdown-menu button{padding:14px 16px;font-size:15px}.logout-item{text-align:center}}@media(max-width:768px){.profile-circle,.profile-avatar-circle{width:40px;height:40px}}.footer{background:#f9fafb;border-top:1px solid #e5e7eb;margin-top:64px;font-size:14px}.footer-container{max-width:1200px;margin:auto;padding:48px 32px 32px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:32px}.footer-section h3{font-size:22px;font-weight:700;color:#16a34a;margin-bottom:12px}.footer-section p{color:#4b5563;line-height:1.7;max-width:320px}.footer-section h4{font-size:15px;font-weight:600;margin-bottom:12px;color:#111827}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section ul li{margin-bottom:8px;color:#4b5563;cursor:pointer;transition:color .2s}.footer-section ul li:hover{color:#16a34a}.footer-bottom{text-align:center;padding:14px 16px;font-size:13px;color:#6b7280;border-top:1px solid #e5e7eb}@media(max-width:768px){.footer-container{grid-template-columns:1fr;gap:24px}.footer-section p{max-width:100%}}.footer-logo{display:flex;align-items:center;gap:10px;margin-bottom:12px}.footer-logo img{width:54px;height:auto;object-fit:contain}.footer-logo span{font-size:20px;font-weight:700;color:#16a34a}.footer-section ul li{line-height:1.6}.footer-section:not(.brand){padding-top:4px}.footer-section h4{letter-spacing:.2px}.footer-bottom{margin-top:12px}.footer-container{align-items:flex-start}.footer-section ul li:hover{transform:translate(2px)}.footer-section ul li{transition:all .18s ease}.footer-logo img{filter:drop-shadow(0 1px 1px rgba(0,0,0,.05))}.footer{box-shadow:0 -1px #00000005}.seller-modal-overlay{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:9999}.seller-modal{background:#fff;width:900px;max-width:95%;border-radius:12px;position:relative;box-shadow:0 20px 40px #0003;overflow:hidden;animation:fadeIn .3s ease}.seller-close{position:absolute;top:16px;right:16px;background:transparent;border:none;cursor:pointer;color:#6b7280}.seller-close:hover{color:#ef4444}.seller-header{display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px 24px 24px;border-bottom:1px solid #e5e7eb}.seller-header img{width:64px;margin-bottom:12px;align-items:center}.seller-header h2{font-size:22px;margin-bottom:8px}.seller-header p{font-size:14px;color:#6b7280;max-width:500px;margin:0 auto}.seller-content{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:32px}.seller-info h4{font-size:16px;margin-bottom:8px}.seller-info ul,.seller-info ol{margin-left:18px;margin-bottom:20px;color:#374151}.seller-info li{margin-bottom:6px;font-size:14px}.seller-form{background:#f9fafb;padding:24px;border-radius:10px;border:1px solid #e5e7eb}.seller-form h4{font-size:18px;margin-bottom:16px}.seller-form input{width:100%;padding:12px 14px;margin-bottom:12px;border-radius:8px;border:1px solid #d1d5db;font-size:14px}.seller-form input:focus{outline:none;border-color:#22c55e;box-shadow:0 0 0 2px #22c55e26}.password-field{position:relative}.password-field input{padding-right:42px}.eye-icon{position:absolute;top:50%;right:12px;transform:translateY(-50%);cursor:pointer;color:#6b7280}.eye-icon:hover{color:#22c55e}.btn-primary{width:100%;padding:12px;background:#22c55e;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;margin-top:8px}.btn-primary:hover{background:#16a34a}.btn-primary:disabled{background:#9ca3af;cursor:not-allowed}.otp-info{font-size:14px;color:#374151;margin-bottom:8px}.otp-timer{font-size:13px;color:#ef4444;text-align:center;margin-bottom:12px}.success-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:10000}.success-popup{background:#e9f9ef;padding:30px 26px;border-radius:14px;text-align:center;width:90%;max-width:380px;animation:popFade .3s ease;box-shadow:0 20px 35px #00000040;border:1px solid #bbf7d0}.success-popup svg{color:#2ecc71;margin-bottom:12px}.success-popup p{font-size:15px;color:#14532d;line-height:1.5}.btn-success{margin-top:18px;padding:10px 24px;background:#2ecc71;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600}.btn-success:hover{background:#27ae60}@keyframes popFade{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.seller-content{grid-template-columns:1fr}.seller-modal{width:100%;margin:0 10px}}.confetti-container{position:fixed;inset:0;pointer-events:none;z-index:10001;overflow:hidden}.confetti{position:absolute;top:-10px;width:8px;height:14px;border-radius:2px;animation:confettiFall 2.5s ease-in-out forwards}@keyframes confettiFall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(110vh) rotate(360deg);opacity:0}}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.container{max-width:1200px;margin:0 auto;padding:0 16px}.hero{width:100%;height:400px;position:relative;overflow:hidden;text-align:center}.hero-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity 1s ease-in-out}.hero-slide:before{content:"";position:absolute;inset:0;background:#ffffff2e}.hero-slide.active{opacity:1}.hero-overlay{position:relative;width:100%;height:100%;background:#0006;display:flex;align-items:center;justify-content:center;color:#fff}.hero-content h1{font-size:46px;font-weight:800;line-height:1.2;margin-bottom:18px;letter-spacing:.5px;opacity:0;animation:heroFadeUp 1.6s cubic-bezier(.25,.8,.25,1) forwards;animation-delay:.4s}.hero-content p{font-size:17px;line-height:1.7;max-width:620px;margin:0 auto;opacity:0;animation:heroFadeUp 1.6s cubic-bezier(.25,.8,.25,1) forwards;animation-delay:.75s}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(10px)}70%{opacity:.85}to{opacity:1;transform:translateY(0)}}.hero-single-action{margin-top:24px;padding:14px 26px;border-radius:999px;background:#00000059;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:inline-flex;align-items:center;gap:10px;color:#f9fafb;font-size:15px;font-weight:600}.hero-separator{opacity:.7}.hero-link{color:#bbf7d0;font-weight:700;text-decoration:none;transition:color .25s ease,transform .25s ease}.hero-link:hover{color:#fff;transform:translateY(-1px)}.hero-link.highlight{color:#86efac}@media(max-width:768px){.hero-single-action{font-size:14px;padding:12px 20px}}.section{padding:48px 0}.section-title{font-size:24px;font-weight:700;margin-bottom:24px}.hero-slide.active .hero-content h1,.hero-slide.active .hero-content p{animation-play-state:running}.hero-slide:not(.active) .hero-content h1,.hero-slide:not(.active) .hero-content p{animation:none;opacity:0}@media(max-width:768px){.hero-content h1{animation-duration:.7s;animation-delay:.25s}.hero-content p{animation-duration:.7s;animation-delay:.45s}}.kategori-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px}.kategori-card{background:#fff;border-radius:12px;padding:18px 14px;text-align:center;cursor:pointer;transition:.25s ease;box-shadow:0 4px 12px #00000014}.kategori-card span{font-size:14px;font-weight:600}.produk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.produk-card{background:#fff;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden;display:flex;flex-direction:column;transition:.25s ease;padding-bottom:12px}.produk-card:hover{box-shadow:0 10px 25px #0000001a}.produk-img{width:100%;height:200px;overflow:hidden}.produk-img img{width:100%;height:100%;object-fit:cover}.produk-body{width:100%;padding:12px;display:flex;flex-direction:column;align-items:center;text-align:center}.produk-body h3{font-size:15px;font-weight:600;margin:0 0 6px}.harga{font-weight:700;color:#16a34a;margin-top:auto}.btn-cart{width:85%;margin:10px 0 14px;padding:10px 0;background:#16a34a;color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;display:flex;justify-content:center;align-items:center;align-self:center;transform:translate(20px)}.produk-card{transition:all .25s ease}.produk-card:hover{transform:translateY(-3px)}.produk-img img{transition:transform .35s ease}.produk-card:hover .produk-img img{transform:scale(1.04)}.produk-body h3{line-height:1.45;letter-spacing:.2px}.harga{letter-spacing:.3px}.btn-cart{transition:all .2s ease}.navbar,header,.topbar{transition:all .25s ease}.navbar a,header a{transition:color .2s ease}.navbar a:hover,header a:hover{opacity:.85}.navbar button,header button{transition:all .2s ease}.navbar button:hover,header button:hover{transform:translateY(-1px)}.navbar img,header img{transition:transform .3s ease}.navbar img:hover,header img:hover{transform:scale(1.03)}.skeleton{background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6 37%,#e5e7eb 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite;border-radius:10px}@keyframes shimmer{to{background-position:-400% 0}}.category-container{padding-top:70px}.category-header{display:flex;align-items:center;gap:10px;margin-bottom:24px;width:100%}.back-button{background:none;border:none;padding:2px;cursor:pointer;color:#374151;border-radius:8px;display:flex;align-items:center;justify-content:center;line-height:0}.back-button:hover{background-color:#f3f4f6;color:#166d4a}.back-button svg{display:block;width:26px;height:26px}.empty-category-text{margin-left:48px;font-size:14px;color:#6b7280}@media(max-width:768px){.hero{height:220px}.hero-overlay{padding:0 12px}.hero-content h1{font-size:22px;line-height:1.25;margin-bottom:12px}.hero-content p{font-size:13px;line-height:1.55;max-width:100%}}@media(max-width:480px){.hero{height:190px}.hero-content h1{font-size:20px}}@media(max-width:768px){.kategori-grid{grid-template-columns:repeat(2,1fr);gap:12px}.kategori-card{padding:14px 8px}.kategori-card span{font-size:13px}}@media(max-width:360px){.kategori-grid{grid-template-columns:1fr}}@media(max-width:768px){.produk-grid{grid-template-columns:repeat(2,1fr);gap:12px}.produk-img{height:130px}.produk-body{padding:10px}.produk-body h3{font-size:13px;line-height:1.4}.harga{font-size:13px}}@media(max-width:360px){.produk-grid{grid-template-columns:1fr}}@media(max-width:768px){.section{padding:28px 0}.section-title{font-size:18px;margin-bottom:16px}.container{padding:0 12px}}@media(max-width:480px){.toast{font-size:13px;padding:10px 14px}}@media(hover:none){.produk-card:hover{transform:none;box-shadow:none}}@media(max-width:768px){.category-header{align-items:center;gap:8px;margin-bottom:16px}.back-button svg{width:22px;height:22px}.section-title{font-size:17px;line-height:1.3;margin-bottom:0}}.empty-category-text{margin-left:48px}@media(max-width:768px){.empty-category-text{margin:40px 0 0;text-align:center;font-size:13px;color:#6b7280}}@media(max-width:768px){.produk-card{border-radius:12px}.produk-body{padding:10px 12px}.btn-cart{width:100%;margin:10px 0 12px;padding:12px 0;font-size:14px;transform:none}}@media(max-width:768px){.page-loader{padding-top:60px}}.kategori-icon{font-size:32px;color:#1f7a4d;margin-bottom:8px}.kategori-card{background:#fff;border-radius:14px;padding:20px 12px;text-align:center;cursor:pointer;box-shadow:0 6px 16px #00000014;transition:.25s ease}.kategori-card:hover{transform:translateY(-4px)}.kategori-card span{font-size:14px;font-weight:500}.chatbot-container{position:fixed;bottom:80px;right:24px;z-index:9999}.chatbot-toggle{width:56px;height:56px;border-radius:50%;background:#16a34a;color:#fff;border:none;font-size:24px;cursor:pointer;box-shadow:0 10px 20px #0000002e;transition:all .25s ease}.chatbot-toggle:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 14px 26px #00000040}.chatbot-close{background:none;border:none;color:#fff;cursor:pointer;padding:4px;border-radius:6px;transition:.2s}.chatbot-close:hover{background:#ffffff26}.chatbot-box{width:320px;height:420px;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 12px 30px #0003;display:flex;flex-direction:column;margin-bottom:12px}.chatbot-header{background:#16a34a;color:#fff;padding:14px;font-weight:600;display:flex;justify-content:space-between;align-items:center}.chatbot-messages{flex:1;padding:12px;overflow-y:auto;background-color:#f0fdf4;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='260' height='260' viewBox='0 0 260 260'><g stroke='%2316a34a' fill='none' stroke-width='1.4' opacity='0.16'><!-- Store --><path d='M28 32h56l-6 20H34z'/><path d='M38 52h8v18h-8z'/><path d='M56 52h8v18h-8z'/><!-- Box / Package --><path d='M130 30l26 12v28l-26 12-26-12V42z'/><path d='M130 42v40'/><!-- Cart / Product --><circle cx='42' cy='124' r='6'/><circle cx='66' cy='124' r='6'/><path d='M28 96h50l-6 22H38z'/><!-- Payment --><rect x='122' y='110' width='60' height='36' rx='6'/><path d='M122 122h60'/><!-- Delivery --><rect x='32' y='168' width='56' height='26' rx='6'/><path d='M88 178h22l12 10h-34z'/><circle cx='48' cy='200' r='6'/><circle cx='78' cy='200' r='6'/></g></svg>");background-repeat:repeat;background-size:240px 240px}.chat{max-width:80%;padding:10px 12px;border-radius:10px;margin-bottom:8px;font-size:14px}.chat.bot{background:#f3f4f6;align-self:flex-start}.chat.user{background:#dcfce7;align-self:flex-end}.chatbot-input{display:flex;border-top:1px solid #e5e7eb}.chatbot-input input{flex:1;border:none;padding:10px;font-size:14px}.chatbot-input button{background:#16a34a;color:#fff;border:none;padding:0 16px;cursor:pointer}.faq-box{display:grid;gap:8px;margin-top:10px}.faq-box button{background:#f3f4f6;border:1px solid #e5e7eb;padding:8px 10px;border-radius:8px;font-size:13px;cursor:pointer;transition:.2s}.faq-box button:hover{background:#ecfdf5;border-color:#16a34a;color:#166534}.send-btn{background:#16a34a;border:none;color:#fff;padding:0 14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s}.send-btn:hover{background:#15803d}.cart-page{max-width:1100px;margin:30px auto;background:#fff;padding:20px;border-radius:8px;position:relative}.cart-page h2{margin-bottom:20px;font-size:22px;font-weight:600}.cart-list{border-top:1px solid #eee}.cart-item input[type=checkbox]{width:16px;height:16px;cursor:pointer}.cart-img{width:80px;height:80px;object-fit:cover;border-radius:6px;border:1px solid #eee}.cart-info{display:flex;flex-direction:column;gap:6px}.cart-info h4{font-size:15px;font-weight:500;color:#222;margin:0}.cart-info p{font-size:14px;color:#555;margin:0}.qty-control{display:inline-flex;align-items:center;border:1px solid #ddd;width:fit-content;margin-top:6px}.qty-control button{width:28px;height:28px;border:none;background:#f9f9f9;cursor:pointer;font-size:16px}.qty-control button:hover{background:#eee}.qty-control span{width:32px;text-align:center;font-size:14px}.cart-price{font-size:15px;font-weight:600;color:#ee4d2d;text-align:right}.cart-summary{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding:16px 20px;background:#fff;border:1px solid #e5e7eb;border-radius:8px}.cart-summary h3{font-size:18px;font-weight:600}.checkout-btn{background:#16a34a;color:#fff;border:none;padding:12px 28px;font-size:15px;font-weight:500;border-radius:4px;cursor:pointer}.checkout-btn:hover{background:#16a34a}.empty{text-align:center;color:#777;padding:40px 0}@media(max-width:768px){.cart-price{grid-column:span 3;text-align:left;margin-top:10px}.cart-summary{flex-direction:column;gap:16px;align-items:flex-start}}.cart-wrapper{border:1px solid #eee;border-radius:8px;margin-bottom:20px;padding:0;background:#fff;overflow:hidden}.cart-shop{display:grid;grid-template-columns:40px 80px 1fr 140px 80px;align-items:center;padding:12px 0;background:#fafafa;border-bottom:1px solid #eee}.cart-shop input[type=checkbox],.cart-item input[type=checkbox]{width:18px;height:18px;cursor:pointer;margin:0}.cart-wrapper .cart-item:last-child{border-bottom:none}.shop-name{font-size:14px;font-weight:600;color:#222}.cart-item{display:grid;grid-template-columns:40px 80px 1fr 140px 80px;align-items:center;padding:16px 0;border-top:1px solid #eee;gap:12px;min-height:110px}.cart-col{display:flex;align-items:center}.cart-col.checkbox{justify-content:center}.cart-col.checkbox input[type=checkbox]{width:18px;height:18px;margin:0}.cart-img{width:70px;height:70px;object-fit:cover;border-radius:6px}.cart-col.info{flex-direction:column;align-items:flex-start;gap:6px}.cart-row{display:grid;grid-template-columns:2fr 1fr 1fr .5fr;align-items:center}.cart-col.price{justify-content:center;font-weight:700;color:#16a34a;white-space:nowrap}.cart-col.delete{justify-content:center;margin-top:-10px}.cart-col.price,.cart-col.delete{display:flex;align-items:center;justify-content:center}.cart-col.delete button,.cart-col.delete svg{margin:0;padding:0}.cart-delete{background:none;border:none;color:#ef4444;font-weight:600;cursor:pointer}.cart-delete:hover{text-decoration:underline}.qty-control{display:flex;align-items:center;gap:8px}.qty-control button{width:28px;height:28px;border:1px solid #ddd;background:#fff;cursor:pointer}.cart-header{display:flex;align-items:center;gap:8px}.cart-title{margin:0;font-size:20px;font-weight:600;line-height:1;padding-top:2px}.back-btn{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-self:flex-start}.back-btn svg{width:24px;height:24px;transform:translateY(-2px)}.back-btn:hover svg{stroke:#555}@media(max-width:768px){.cart-page{margin:0;padding:12px;border-radius:0}.cart-wrapper{margin-bottom:14px}.cart-item{grid-template-columns:24px 72px 1fr;grid-template-rows:auto auto auto;gap:10px;padding:12px;min-height:auto}}@media(max-width:768px){.cart-col.image{grid-row:span 2}.cart-img{width:72px;height:72px}.cart-col.info h4{font-size:14px;line-height:1.3}.cart-col.info p{font-size:13px}}@media(max-width:768px){.qty-control{margin-top:6px}.cart-col.price{grid-column:2 / 4;justify-content:flex-start;font-size:14px;margin-top:4px}}@media(max-width:768px){.cart-col.delete{grid-column:3;justify-content:flex-end;align-items:flex-start}.cart-delete{font-size:13px}}@media(max-width:768px){.cart-shop{grid-template-columns:32px 1fr;padding:10px 12px;gap:8px}.shop-name{font-size:14px}}@media(max-width:768px){.cart-summary{position:sticky;bottom:0;left:0;width:100%;margin-top:0;flex-direction:row;justify-content:space-between;align-items:center;padding:12px;border-radius:0;border-left:none;border-right:none;border-bottom:none;background:#fff;box-shadow:0 -4px 12px #00000014;z-index:50}.cart-summary h3{font-size:14px}.checkout-btn{padding:10px 18px;font-size:14px;border-radius:6px}}@media(max-width:768px){.cart-header{margin-bottom:10px}.cart-title{font-size:18px}.back-btn svg{width:22px;height:22px}}.loader{width:44px;height:44px;border:4px solid #e5e7eb;border-top-color:#16a34a;border-radius:50%;animation:spin .8s linear infinite}.profile-page{max-width:1100px;margin:40px auto;padding:32px;background:#fff;border-radius:20px;box-shadow:0 10px 30px #00000014}.profile-page-title{font-size:28px;font-weight:700;margin-bottom:6px}.profile-header{display:flex;align-items:center;gap:12px;margin-bottom:4px}.back-buttons{background:none;border:none;padding:6px;cursor:pointer;color:#374151;border-radius:8px;display:flex;align-items:center;justify-content:center}.back-buttons:hover{background-color:#f3f4f6;color:#111827}.back-buttons svg{display:block}.profile-page-desc{font-size:14px;color:#6b7280;margin-top:4px;margin-bottom:32px;margin-left:48px}.profile-container{display:grid;grid-template-columns:2fr 1fr;gap:40px}.profile-form h3{font-size:18px;font-weight:700;margin-bottom:16px}.section-divider{margin-top:32px}.form-group{display:flex;flex-direction:column;margin-bottom:14px}.form-group label{font-size:14px;font-weight:600;margin-bottom:6px}.form-group input{padding:12px 14px;border-radius:10px;border:1px solid #d1d5db;font-size:14px;transition:border .2s ease}.form-group input:focus{outline:none;border-color:#16a34a}.btn-profile{margin-top:12px;background:#16a34a;color:#fff;padding:12px 18px;border-radius:10px;border:none;font-weight:600;font-size:14px;cursor:pointer;transition:background .2s ease}.btn-profile:hover{background:#15803d}.btn-outline{background:#fff;color:#16a34a;border:1px solid #16a34a;padding:10px 16px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.btn-outline:hover{background:#68db92;color:#150606}.btn-danger{background:#dc2626;color:#fff;padding:10px 16px;border-radius:10px;border:none;font-weight:600;font-size:14px;cursor:pointer;transition:background .2s ease}.btn-danger:hover{background:#b91c1c}.profile-avatar-box{display:flex;flex-direction:column;align-items:center;gap:14px;padding-left:40px;border-left:1px solid #e5e7eb}.avatar-image{width:160px;height:160px;border-radius:50%;object-fit:cover;border:3px solid #16a34a}.avatar-placeholder{width:160px;height:160px;border-radius:50%;background:#16a34a;color:#fff;font-size:48px;font-weight:700;display:flex;align-items:center;justify-content:center}.avatar-actions{display:flex;gap:10px}.avatar-note{font-size:12px;color:#6b7280;text-align:center}.profile-loading{padding:40px;text-align:center;font-size:16px}@media(max-width:768px){.profile-page{margin:20px;padding:24px}.profile-container{grid-template-columns:1fr}.profile-avatar-box{border-left:none;padding-left:0;margin-top:32px}}.crop-modal{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:999}.crop-box{width:360px;height:420px;background:#fff;border-radius:12px;padding:12px;display:flex;flex-direction:column}.crop-actions{display:flex;justify-content:space-between;margin-top:10px}.crop-box .reactEasyCrop_Container{border-radius:50%}.crop-modal{position:fixed;inset:0;background:#0009;z-index:9999;display:flex;align-items:center;justify-content:center}.crop-box{background:#fff;width:360px;max-width:90%;border-radius:16px;padding:16px;box-shadow:0 10px 30px #0003}.crop-box>div:first-child{position:relative;width:100%;height:280px;background:#000;border-radius:12px;overflow:hidden}.crop-box .crop-zoom{width:100%;margin:14px 0}.crop-actions{display:flex;gap:10px}.crop-actions button{flex:1}.profile-input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid #d1d5db;font-size:14px;margin-bottom:14px}.profile-input:focus{outline:none;border-color:#16a34a}.notify-top{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:9999;display:flex;align-items:center;gap:10px;padding:12px 20px;min-width:280px;max-width:420px;border-radius:10px;font-size:14px;font-weight:500;box-shadow:0 8px 20px #0000001f;animation:slideDown .35s ease}.notify-success{background:#e8f9ef;color:#1f7a4f;border:1px solid #bde5cd}.notify-error{background:#fdecea;color:#b42318;border:1px solid #f5c2c7}.notify-icon{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#1f7a4f;color:#fff;font-size:14px;font-weight:700}.password-actions{width:100%;margin-top:14px}.password-actions button{display:block!important;width:100%}.password-actions button+button{margin-top:12px}.logout-btn-profile{background-color:#e74c3c;border:none}.logout-btn-profile:hover{background-color:#c0392b}.password-wrapper{position:relative}.password-wrapper input{width:100%;padding-right:42px}.toggle-password{position:absolute;right:12px;top:28%;transform:translateY(-55%);cursor:pointer;color:#777;display:flex;align-items:center}.toggle-password:hover{color:#2ecc71}.orders-page{max-width:900px;margin:0 auto;padding:32px 16px 80px}.orders-header{display:flex;align-items:center;gap:10px;margin-bottom:20px}.orders-back{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:pointer;color:#111827}.orders-back svg{display:block}.orders-header h1{font-size:26px;line-height:1}.orders-tabs{display:flex;gap:8px;overflow-x:auto;margin-bottom:20px}.orders-tab{padding:10px 14px;border-radius:999px;border:1px solid #e5e7eb;background:#fff;font-size:14px;cursor:pointer;white-space:nowrap}.orders-tab.active{background:#03ac0e;color:#fff;border-color:#03ac0e}.orders-list{display:flex;flex-direction:column;gap:16px}.order-card{background:#fff;border-radius:14px;padding:16px;border:1px solid #e5e7eb;transition:transform .1s ease-in-out,box-shadow .1s ease-in-out}.order-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.order-top{display:flex;justify-content:space-between;margin-bottom:12px}.order-id{font-size:13px;color:#6b7280}.order-status{font-size:12px;padding:4px 10px;border-radius:999px;font-weight:600;text-transform:capitalize}.pending{background:#fff7ed;color:#ea580c}.pending_verification{background:#fffbeb;color:#ca8a04}.rejected{background:#fef2f2;color:#b91c1c}.processing{background:#eff6ff;color:#2563eb}.shipped{background:#ecfeff;color:#0891b2}.completed{background:#ecfdf5;color:#16a34a}.cancelled{background:#fef2f2;color:#dc2626}.order-body h4{font-size:15px;margin-bottom:4px}.order-body p{font-size:13px;color:#6b7280}.order-footer{display:flex;justify-content:space-between;margin-top:12px;font-size:14px}.orders-empty{text-align:center;padding:40px 0;color:#9ca3af}@media(max-width:600px){.orders-tabs{gap:6px}.orders-tab{padding:8px 12px;font-size:13px}.order-card{padding:12px}.order-body h4{font-size:14px}.order-footer{font-size:13px}}.product-detail-container{padding:2rem 0}.page-loader{position:fixed;inset:0;background:#fff;display:flex;align-items:center;justify-content:center;z-index:99999}.loader{width:44px;height:44px;border:4px solid #e5e7eb;border-top-color:#16a34a;border-radius:50%;animation:spin .4s linear infinite}.product-card.shopee-style{display:flex;gap:2rem;background:#fff;border-radius:12px;padding:3rem 1.5rem 1.5rem;box-shadow:0 6px 18px #00000014;max-width:900px;margin:0 auto;position:relative}.product-back-btn{position:absolute;top:18px;left:18px;background:#fff;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 10px #00000026;z-index:10;transition:transform .15s ease,box-shadow .15s ease}.product-back-btn:hover{transform:scale(1.05);box-shadow:0 6px 14px #0003}.product-detail-img{flex:1;max-width:250px;height:250px;border-radius:12px;overflow:hidden;background:#f9f9f9;margin-top:18px}.product-detail-img img{width:100%;height:100%;object-fit:cover}.product-detail-info{font-family:Inter,system-ui,sans-serif;color:#111827;flex:2;display:flex;flex-direction:column;gap:.5rem;position:relative}.product-category-top{position:absolute;top:22px;left:68px;background:#f0fdf4;color:#16a34a;font-size:18px;font-weight:600;padding:4px 10px;border-radius:999px;width:fit-content;max-width:max-content;white-space:nowrap;z-index:9}.product-detail-info .product-category{display:none}.product-price{font-size:20px;font-weight:700;color:#16a34a;margin-bottom:.8rem}.product-meta{display:flex;gap:1.5rem;margin-bottom:1rem}.product-meta div{display:flex;flex-direction:column;font-size:13px;color:#6b7280}.product-meta strong{font-size:14px;font-weight:600;color:#111827}.product-desc{margin-top:1rem}.product-desc h2{font-size:15px;font-weight:600;margin-bottom:.4rem}.product-desc p{font-size:14px;line-height:1.6;color:#374151}.btn-cart-wrapper{width:100%;display:flex;justify-content:flex-start;padding:0;margin-top:1rem}.btn-cart{background:#16a34a;color:#fff;border:none;padding:.6rem 1.6rem;border-radius:10px;font-size:14px;font-weight:600;transition:background .2s ease,transform .15s ease;margin:0;align-self:flex-start}.btn-cart:hover{background:#15803d}@media(max-width:768px){.product-title,.product-price{font-size:18px}.product-meta{gap:1rem}}.toast{position:fixed;top:20px;left:50%;transform:translate(-50%);background:#ecfdf5;color:#065f46;padding:12px 18px;border-radius:10px;display:flex;align-items:center;gap:10px;box-shadow:0 6px 18px #0000001f;z-index:9999;animation:slideDown .3s ease}.toast-icon{color:#16a34a}@keyframes slideDown{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}@media(max-width:768px){.product-detail-container{padding:1rem .5rem}.product-card.shopee-style{flex-direction:column;gap:1.2rem;padding:1rem;border-radius:14px}}@media(max-width:768px){.product-detail-img{width:100%;max-width:100%;height:280px;margin-top:40px}.product-detail-img img{object-fit:contain;background:#fff}}@media(max-width:768px){.product-back-btn{top:12px;left:12px;width:34px;height:34px}}@media(max-width:768px){.product-card.shopee-style{flex-direction:column;padding:1rem}.product-detail-img{width:100%;max-width:100%;height:250px}.btn-cart-wrapper{justify-content:center}}@media(max-width:768px){.product-category-top{top:20px;left:56px;font-size:11px;padding:3px 8px}}@media(max-width:768px){.product-detail-info h1,.product-detail-info .harga{font-size:18px}.product-detail-info h3{font-size:14px;margin-top:.6rem}}@media(max-width:768px){.btn-cart-wrapper{position:sticky;bottom:12px;background:#fff;padding:10px 0;justify-content:flex-start;z-index:50}.btn-cart{width:100%;max-width:360px}}@media(max-width:768px){.toast{top:12px;width:calc(100% - 24px);font-size:13px}}.payment-page{padding:40px 16px 80px;max-width:1200px;margin:0 auto}.payment-header{text-align:center;margin-bottom:48px}.payment-header-top{display:flex;align-items:center;justify-content:center;gap:12px;position:relative}.payment-back-icon{background:none;border:none;cursor:pointer;color:#111827;padding:4px;display:flex;align-items:center;position:absolute;left:0;transform:translateY(-1px)}.payment-header-title{font-size:32px;margin:0}.payment-subtitle{color:#6b7280;font-size:15px;max-width:620px;margin:8px auto 0;text-align:center}.payment-section{margin-bottom:56px}.payment-section.light{background:#f9fafb;padding:40px 24px;border-radius:16px}.payment-section h2{font-size:24px;margin-bottom:28px}.payment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}.payment-card{background:#fff;border-radius:16px;padding:28px 20px;text-align:center;box-shadow:0 10px 24px #0000000f;transition:transform .2s ease,box-shadow .2s ease}.payment-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px #0000001a}.payment-card svg{color:#22c55e;width:36px;height:36px;margin-bottom:12px}.payment-card h4{font-size:16px;margin-bottom:6px}.payment-card p{font-size:14px;color:#6b7280}.payment-steps{max-width:520px;margin-left:20px}.payment-steps li{font-size:15px;margin-bottom:12px;color:#374151}.payment-security{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.payment-security div{background:#ecfdf5;border-radius:16px;padding:24px}.payment-security svg{color:#16a34a;margin-bottom:8px}.payment-security h4{margin-bottom:6px}.payment-faq{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.payment-faq div{background:#fff;border-radius:16px;padding:24px;box-shadow:0 8px 20px #0000000d}.payment-faq svg{color:#22c55e;margin-bottom:6px}.payment-faq h4{margin-bottom:6px}.payment-header.with-back{display:flex;align-items:center;gap:14px;margin-bottom:6px}.payment-header-top{display:flex;align-items:center;gap:12px}.payment-back-icon{background:none;border:none;cursor:pointer;color:#111827;padding:4px;display:flex;align-items:center;transform:translateY(-1px)}.payment-back-icon:hover{color:#22c55e}.payment-subtitle{color:#6b7280;font-size:14px;margin-bottom:32px}@media(max-width:768px){.payment-header h1{font-size:26px}.payment-section h2{font-size:20px}}.payment-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.payment-modal{background:#fff;border-radius:16px;padding:32px 24px;max-width:450px;width:90%;position:relative;box-shadow:0 20px 40px #0003;animation:modalFade .3s ease}.payment-modal-close{position:absolute;top:16px;right:16px;background:transparent;border:none;cursor:pointer;color:#6b7280;display:flex;align-items:center}.payment-modal-close:hover{color:#ef4444}.payment-modal-content h3{font-size:22px;margin-bottom:12px}.payment-modal-content p{font-size:15px;color:#374151;line-height:1.6}.checklist{display:flex;flex-direction:column;gap:6px;margin:8px 0 12px}.checklist div{display:flex;align-items:center;font-size:14px;color:#374151}@keyframes modalFade{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.shipping-page{max-width:1200px;margin:0 auto;padding:40px 16px 80px}.shipping-header{position:relative;text-align:center;margin-bottom:40px}.shipping-header-top{display:flex;align-items:center;justify-content:center;position:relative}.shipping-back-icon{position:absolute;left:0;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#111827;display:flex;align-items:center}.shipping-back-icon:hover{color:#22c55e}.shipping-header-title{font-size:32px;text-align:center;margin:0;display:inline-block}.shipping-subtitle{color:#6b7280;font-size:15px;max-width:650px;margin:12px auto 40px}.shipping-section{display:flex;justify-content:center}.shipping-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;width:100%}.shipping-card{background:#fff;border-radius:16px;padding:28px 20px;text-align:center;box-shadow:0 10px 24px #0000000f;transition:transform .2s ease,box-shadow .2s ease}.shipping-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px #0000001a}.shipping-icon svg{color:#22c55e;width:36px;height:36px;margin-bottom:12px}.shipping-card h4{font-size:18px;margin-bottom:6px}.shipping-card p{font-size:14px;color:#374151;margin-bottom:4px}.shipping-fee{font-weight:600;color:#16a34a;margin-top:6px}@media(max-width:768px){.shipping-header-title{font-size:26px}.shipping-card{padding:20px 16px}}.help-page{max-width:900px;margin:0 auto;padding:40px 16px 80px;position:relative}.help-header{position:relative;text-align:center;margin-bottom:24px}.help-header-title{font-size:32px;margin:0 auto;display:inline-block}.help-subtitle{font-size:15px;color:#6b7280;max-width:650px;margin:20px auto 0;text-align:center}.help-back-icon{position:absolute;left:0;top:50%;transform:translate(16px,-48%);background:none;border:none;cursor:pointer;display:flex;align-items:center;color:#111827}.help-back-icon:hover{color:#22c55e}.help-faq-section{display:flex;flex-direction:column;gap:12px}.help-faq-item{border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 4px 16px #0000000d;transition:all .2s ease}.help-faq-question{width:100%;padding:18px 24px;background:none;border:none;text-align:left;font-size:16px;font-weight:600;color:#111827;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.help-faq-question svg{width:20px;height:20px;color:#22c55e}.help-faq-answer{max-height:0;overflow:hidden;transition:max-height .25s ease,padding .25s ease;padding:0 24px}.help-faq-item.open .help-faq-answer{max-height:500px;padding:12px 24px 20px}.help-faq-answer p{font-size:14px;color:#374151;margin:0}@media(max-width:768px){.help-header-title{font-size:26px}.help-subtitle{font-size:14px}.help-faq-question{font-size:15px}.help-faq-answer p{font-size:13px}}.terms-page{max-width:1000px;margin:0 auto;padding:40px 16px 80px;font-family:Inter,sans-serif;color:#1f2937;min-height:100vh}.terms-header{position:relative;text-align:center;margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.terms-back-icon{position:absolute;left:0;top:50%;transform:translate(16px,-50%);background:none;border:none;cursor:pointer;color:#111827;display:flex;align-items:center}.terms-back-icon:hover{color:#22c55e}.terms-header-title{font-size:32px;margin:0 auto;display:inline-block;text-align:center;font-weight:600}.terms-subtitle{font-size:15px;color:#6b7280;max-width:700px;margin:12px auto 0;text-align:center}.terms-content{max-height:80vh;overflow-y:auto;padding:24px;background:#fff;border-radius:12px;box-shadow:0 6px 24px #0000000d;position:relative}.terms-content::-webkit-scrollbar{width:16px}.terms-content::-webkit-scrollbar-track{background:#f1f3f5;border-radius:8px;position:relative}.terms-content::-webkit-scrollbar-thumb{background-color:#c1c1c1;border-radius:8px;border:4px solid #f1f3f5;transition:background .2s ease}.terms-content::-webkit-scrollbar-thumb:hover{background-color:#999}.terms-content::-webkit-scrollbar-button:single-button{background-color:#e5e7eb;height:16px;display:block}.terms-content::-webkit-scrollbar-button:single-button:vertical:decrement{border-bottom:1px solid #ccc;border-radius:4px 4px 0 0;background-image:url("data:image/svg+xml;utf8,<svg fill='gray' height='10' viewBox='0 0 24 24' width='10' xmlns='http://www.w3.org/2000/svg'><path d='M7 14l5-5 5 5z'/></svg>");background-repeat:no-repeat;background-position:center}.terms-content::-webkit-scrollbar-button:single-button:vertical:increment{border-top:1px solid #ccc;border-radius:0 0 4px 4px;background-image:url("data:image/svg+xml;utf8,<svg fill='gray' height='10' viewBox='0 0 24 24' width='10' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");background-repeat:no-repeat;background-position:center}.terms-content::-webkit-scrollbar-button{display:block}.terms-content section{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #e5e7eb}.terms-content section:last-child{border-bottom:none}.terms-content h2{font-size:22px;margin-bottom:12px;color:#111827;font-weight:600}.terms-content p{font-size:15px;line-height:1.8;color:#374151;margin-bottom:12px}.terms-content ul{margin:0;padding-left:0;list-style:none}.terms-content ul li{margin-bottom:10px;padding-left:24px;position:relative;font-size:15px}.terms-content ul li:before{content:"✔";position:absolute;left:0;top:0;color:#22c55e;font-weight:700;font-size:14px;line-height:1.2}@media(max-width:768px){.terms-header-title{font-size:26px}.terms-content h2{font-size:18px}.terms-content p,.terms-content ul li{font-size:14px}}.privacy-container{max-width:900px;margin:0 auto;padding:40px 20px;font-family:Inter,sans-serif;color:#333;line-height:1.6}.privacy-container h1{text-align:center;font-size:2.5rem;margin-bottom:20px;color:#1f2937}.privacy-container .intro{font-size:1.1rem;margin-bottom:30px;text-align:justify}.privacy-container section{margin-bottom:30px}.privacy-container h2{font-size:1.5rem;margin-bottom:10px;color:#111827;border-left:4px solid #2563eb;padding-left:10px}.privacy-container ul{list-style-type:disc;margin-left:20px}.privacy-container p{margin-bottom:10px}.privacy-footer{text-align:center;margin-top:40px;font-size:.9rem;color:#6b7280;border-top:1px solid #e5e7eb;padding-top:15px}.privacy-header{position:relative;text-align:center;margin-bottom:24px}.privacy-back-icon{position:absolute;left:0;top:50%;transform:translateY(-50%);background:#f3f4f6;border:none;border-radius:10px;padding:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s ease}.privacy-back-icon:hover{background:#e5e7eb}.about-page{padding:48px 0}.about-title{font-size:28px;font-weight:800;margin-bottom:24px;color:#111827;text-align:center}.about-section{background:#fff;padding:20px 22px;border-radius:12px;margin-bottom:18px;line-height:1.7;color:#374151;border:1px solid #e5e7eb;max-width:880px;margin-left:auto;margin-right:auto}.about-section h2{font-size:18px;font-weight:700;margin-bottom:10px;color:#16a34a}.about-section ul{padding-left:20px}.about-section li{margin-bottom:6px}@media(max-width:768px){.about-title{font-size:24px}.about-section{padding:18px}}.about-header{position:relative;max-width:880px;margin:0 auto 24px}.terms-back-icon{position:absolute;left:0;top:50%;transform:translateY(-50%);background:#f3f4f6;border:none;border-radius:10px;padding:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s ease}.terms-back-icon:hover{background:#e5e7eb}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 15% 25%,rgba(134,239,172,.28),transparent 45%),radial-gradient(circle at 85% 75%,rgba(214,194,163,.28),transparent 45%),linear-gradient(120deg,#dcfce7,#f5efe6,#bbf7d0);background-size:300% 300%;animation:gradientFlow 22s ease-in-out infinite;transition:background .8s ease,filter .4s ease}.auth-page.role-pembeli{background:radial-gradient(circle at 15% 25%,rgba(34,197,94,.35),transparent 45%),radial-gradient(circle at 85% 75%,rgba(187,247,208,.35),transparent 45%),linear-gradient(120deg,#dcfce7,#bbf7d0,#f0fdf4);background-size:300% 300%}.auth-page.role-penjual{background:radial-gradient(circle at 15% 25%,rgba(214,194,163,.35),transparent 45%),radial-gradient(circle at 85% 75%,rgba(167,139,102,.3),transparent 45%),linear-gradient(120deg,#f5efe6,#e7dbc8,#dcfce7);background-size:300% 300%}@keyframes gradientFlow{0%{background-position:0% 0%}25%{background-position:100% 0%}50%{background-position:100% 100%}75%{background-position:0% 100%}to{background-position:0% 0%}}@media(prefers-reduced-motion:reduce){.auth-page{animation:none}}.auth-card{width:100%;max-width:420px;padding:32px;border-radius:16px;background:#ffffffd9;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 14px 40px #0000001f,0 0 0 1px #ffffff59;border:1px solid rgba(255,255,255,.45);position:relative;z-index:2;animation:floatCard 6s ease-in-out infinite;transition:transform .35s ease,box-shadow .35s ease}@keyframes floatCard{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.auth-card:hover{transform:translateY(-8px);box-shadow:0 22px 55px #0000002e,0 0 0 1px #ffffff8c,0 0 24px #16a34a2e}.auth-card:before{content:"";position:absolute;top:0;left:0;height:5px;width:100%;border-radius:16px 16px 0 0}@media(prefers-reduced-motion:reduce){.auth-card{transition:none}.auth-card:hover{transform:none;box-shadow:none}}.auth-card h2{font-size:26px;font-weight:700;margin-bottom:6px;text-align:center}.subtitle{font-size:14px;color:#6b7280;margin-bottom:24px;text-align:center}.auth-card form{display:flex;flex-direction:column;gap:14px}.auth-card input{padding:12px 14px;border-radius:8px;border:1px solid #d1d5db;font-size:14px}.auth-card input:focus{outline:none;border-color:#16a34a}.password-field{position:relative;width:100%}.password-field input{width:100%;padding-right:46px}.toggle-password{position:absolute;top:50%;right:12px;transform:translateY(-50%);background:none;border:none;padding:0;cursor:pointer;color:#6b7280;display:flex;align-items:center;justify-content:center}.toggle-password svg{width:20px;height:20px}.toggle-password:hover{color:#16a34a}.auth-page.role-penjual .auth-card input:focus{border-color:#a16207}.auth-page.role-penjual .auth-card input{caret-color:#a16207}.auth-page.role-penjual .toggle-password{color:#78716c}.auth-page.role-penjual .toggle-password:hover{color:#a16207}.btn-auth{margin-top:6px;padding:12px;background:#16a34a;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer}.btn-auth:hover{background:#078b37}.auth-page.role-penjual .btn-auth{background:#a16207}.auth-page.role-penjual .btn-auth:hover{background:#854d0e;box-shadow:0 0 0 3px #a162072e}.btn-auth:active{transform:scale(.97)}.forgot-password{text-align:center;margin-top:6px}.forgot-password a{font-size:13px;color:#16a34a;text-decoration:none}.forgot-password a:hover{text-decoration:underline}.auth-footer{margin-top:20px;font-size:14px;text-align:center}.auth-footer a{color:#16a34a;font-weight:600;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.auth-page.role-penjual .auth-footer a{color:#a16207}.auth-page.role-penjual .auth-footer a:hover{color:#854d0e}.role-select{display:flex;gap:12px;margin-bottom:20px}.role{flex:1;padding:12px;border-radius:10px;border:1px solid #d1d5db;background:#f9fafb;cursor:pointer;font-weight:600}.role.active{background:#dcfce7;border-color:#16a34a;color:#166534;border-width:2px}.role-icon{display:inline-flex;width:18px;height:18px;transform:translateY(2.5px)}.role-icon svg{width:100%;height:100%;stroke-width:2}.role-pembeli .role.active{background:#dcfce7;border-color:#16a34a;color:#166534}.role-penjual .role.active{background:#f5efe6;border-color:#a16207;color:#713f12}.role.active svg{transform:scale(1.05);transition:transform .3s ease}@media(max-width:480px){.role{font-size:13px;padding:10px}.role-icon{width:16px;height:16px}}.notif{position:fixed;top:20px;left:50%;transform:translate(-50%);padding:12px 20px;border-radius:8px;font-weight:500;color:#fff;z-index:9999;opacity:0;animation:slideIn .3s forwards}.notif.success{background-color:#34d399}.notif.error{background-color:#f87171}@keyframes slideIn{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.seller-wrapper{max-width:1280px;margin:auto;padding:40px 20px}.seller-header-home{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.seller-header-home h1{font-size:30px;font-weight:700;color:#111827}.seller-header-home p{font-size:14px;color:#6b7280;margin-top:4px}.btn-primary{background:#16a34a;color:#fff;padding:12px 20px;border-radius:10px;border:none;font-weight:600;cursor:pointer;transition:background .2s ease}.btn-primary:hover{background:#15803d}.btn-outline{background:#fff;color:#16a34a;border-radius:8px;font-weight:600;cursor:pointer;padding:0 12px;height:38px;border:1px solid transparent}.product-actions .btn-outline{transform:translateY(-4px)}.btn-secondary{background:#facc15;color:#78350f;border-radius:8px;border:none;font-weight:600;cursor:pointer;padding:0 12px;height:38px;border:1px solid transparent}.btn-danger{background:#dc2626;color:#fff;border-radius:8px;border:none;font-weight:600;padding:0 12px;height:38px;cursor:pointer;border:1px solid transparent}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:28px}.product-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 6px 16px #0000000f;will-change:auto;transition:transform .25s ease;transform:translateZ(0)}.product-card:hover{transform:translateY(-4px)}.product-image img{width:100%;height:200px;object-fit:cover}.product-body{padding:18px}.product-body h3{font-size:18px;font-weight:600;margin-bottom:6px;color:#111827}.price{font-size:16px;font-weight:700;color:#16a34a;margin-bottom:10px}.status-badge{display:inline-block;margin-bottom:6px;padding:4px 10px;font-size:12px;font-weight:600;border-radius:999px}.status-badge.active{background:#dcfce7;color:#15803d}.status-badge.inactive{background:#fee2e2;color:#b91c1c}.stock{font-size:14px;color:#374151;margin-bottom:14px}.stock-empty{font-size:14px;font-weight:600;color:#dc2626;margin-bottom:14px}.empty-state{text-align:center;padding:80px 20px}.empty-state img{width:180px;margin-bottom:20px;opacity:.8}.empty-state h3{font-size:22px;margin-bottom:8px;color:#111827}.empty-state p{color:#6b7280;margin-bottom:20px}.loading{text-align:center;font-size:16px;color:#6b7280}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:30px}.page-btn{border:none;cursor:pointer;transition:background .2s ease,transform .2s ease;display:flex;align-items:center;justify-content:center}.icon-btn{width:38px;height:38px;border-radius:10px;background:#e7f8ee}.icon-btn svg{stroke:#1e7f43;stroke-width:2.5;fill:none}.number-btn{min-width:38px;height:38px;border-radius:10px;background:#f0fdf5;color:#1e7f43;font-weight:600}.number-btn.active{background:#1e7f43;color:#fff}.page-btn:hover:not(:disabled){background:#c9f0da;transform:translateY(-2px)}.page-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.product-actions{display:flex;gap:10px;align-items:center}.product-actions button,.product-actions a{height:38px;display:flex;align-items:center;justify-content:center}.product-grid{transition:none}.confirm-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:9999}.confirm-modal{background:#fff;width:90%;max-width:420px;padding:24px;border-radius:12px;text-align:center}.confirm-modal h3{margin-bottom:8px}.confirm-modal p{color:#555;margin-bottom:20px}.confirm-actions{display:flex;gap:12px;justify-content:center}.confirm-actions button{display:flex;align-items:center;justify-content:center;height:38px;padding:0 14px;box-sizing:border-box}.confirm-actions .btn-outline{transform:translateY(-8px)}.seller-actions{display:flex;align-items:center;gap:12px}.seller-actions button{all:unset;box-sizing:border-box;cursor:pointer;height:44px;min-height:44px;padding:0 20px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;border-radius:8px;white-space:nowrap}.seller-actions .btn-primary{background:#16a34a;color:#fff}.seller-actions .btn-outline{background:#fff;color:#16a34a;border:1px solid #16a34a}.btn-icon{display:flex;align-items:center;gap:20px}.btn-icon svg{flex-shrink:0}.form-wrapper{min-height:80vh;display:flex;justify-content:center;align-items:flex-start;padding:60px 20px;background:#f9fafb}.form-card{width:100%;max-width:600px;background:#fff;padding:32px;border-radius:18px;box-shadow:0 15px 35px #00000014;position:relative}.back-button{position:absolute;top:26px;left:20px;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:10px;border-radius:8px;color:#555;transition:all .2s ease}.back-button:hover{background:#f0f0f0;color:#000;transform:translate(-2px)}.form-card h1{font-size:26px;font-weight:700;text-align:center}.subtitle{color:#6b7280;margin-bottom:28px;margin-top:28px}.form-group{display:flex;flex-direction:column;margin-bottom:18px}.form-group input,.form-group textarea{padding:12px;border-radius:10px;border:1px solid #d1d5db;font-size:14px}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#16a34a}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.form-actions button{flex:0 0 260px;height:46px;box-sizing:border-box;padding:0;margin:0;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;line-height:1;border-radius:10px;cursor:pointer}.btn-primary{background:#16a34a;color:#fff;border:none}.btn-outline{background:#fff;border:1px solid #16a34a;color:#16a34a}.form-group select{padding:12px;border-radius:10px;border:1px solid #d1d5db;font-size:14px;background-color:#fff;cursor:pointer}.form-group select:focus{outline:none;border-color:#16a34a}.form-group select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7' /%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:18px;padding-right:40px}.alert-success{position:fixed;top:20px;left:50%;transform:translate(-50%);background:#e7f8ee;color:#1e7f43;padding:14px 20px;border-radius:10px;display:flex;align-items:center;gap:10px;font-weight:500;box-shadow:0 8px 20px #00000014;z-index:9999;animation:slideDown .3s ease}.alert-icon{background:#1e7f43;color:#fff;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:14px}@keyframes slideDown{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}.orders-page{max-width:1200px;margin:0 auto;padding:32px 24px;color:#111827;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}.orders-loading{min-height:calc(100vh - 120px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#6b7280;font-size:14px}.spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top-color:#1a9379;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.orders-header{display:flex;align-items:center;gap:16px;margin-bottom:28px}.orders-header h1{font-size:22px;font-weight:700;margin:0}.orders-header p{font-size:13px;color:#6b7280;margin-top:4px}.orders-back{width:40px;height:40px;border-radius:10px;background:#f9fafb;color:#374151;display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid #e5e7eb;transition:all .2s ease}.orders-back:hover{background:#f3f4f6}.orders-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:14px;overflow:hidden;border:1px solid #e5e7eb}.orders-table thead th{background:#f9fafb;font-size:13px;font-weight:600;color:#374151;text-align:left;padding:14px 16px;border-bottom:1px solid #e5e7eb}.orders-table tbody td{padding:14px 16px;font-size:13.5px;color:#111827;border-bottom:1px solid #f1f5f9;vertical-align:middle}.orders-table tbody tr:hover{background:#f9fafb}.orders-table tbody tr:last-child td{border-bottom:none}.order-products div{font-size:13px;font-weight:500;color:#111827}.order-qty div{display:inline-block;min-width:24px;text-align:center;font-weight:600}.orders-table td:nth-child(8) button{display:inline-flex;align-items:center;justify-content:center}.status{display:inline-block;padding:5px 12px;font-size:12px;font-weight:600;border-radius:999px;white-space:nowrap}.status.pending{background:#fef3c7;color:#92400e}.status.paid{background:#dcfce7;color:#166534}.status.processing{background:#e0f2fe;color:#075985}.status.shipped{background:#ede9fe;color:#5b21b6}.status.completed{background:#dcfce7;color:#15803d}.status.cancelled{background:#fee2e2;color:#b91c1c}.btn-outline{padding:8px 14px;font-size:13px;font-weight:600;border-radius:8px;border:1px solid #e5e7eb;background:#fff;color:#374151;cursor:pointer;transition:all .2s ease}.btn-outline:hover{background:#f9fafb;border-color:#d1d5db}.empty-state{text-align:center;padding:64px 16px;color:#6b7280}.empty-state h3{font-size:16px;font-weight:600;color:#374151}.empty-state p{font-size:13px;margin-top:6px}.orders-table th:nth-child(4),.orders-table th:nth-child(8){text-align:center}.orders-table td:nth-child(4),.orders-table td:nth-child(8){text-align:center}@media(max-width:768px){.orders-page{padding:20px 14px}.orders-header h1{font-size:18px}.orders-table thead{display:none}.orders-table tbody tr{display:block;border-bottom:1px solid #e5e7eb;padding:12px}.orders-table tbody td{display:flex;justify-content:space-between;padding:8px 0;border:none}.orders-table tbody td:before{content:attr(data-label);font-weight:600;color:#6b7280}.orders-table tbody td:nth-child(4),.orders-table tbody td:nth-child(8){justify-content:space-between;text-align:right}}.order-detail-page{display:flex;flex-direction:column;align-items:center;padding:32px 16px}.orders-detail-back{width:40px;height:40px;border-radius:10px;background:#f9fafb;color:#374151;display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid #e5e7eb;transition:all .2s ease;transform:translateY(40px);-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px)}.orders-detail-back:hover{background:#f3f4f6}.order-detail-header{text-align:center;margin-bottom:20px}.order-detail-header h1{font-size:22px;font-weight:700}.order-detail-header p{font-size:13px;color:#6b7280}.order-detail-card{width:fit-content;min-width:420px;max-width:560px;align-items:center;margin:0 auto 24px;background:#fff;border-radius:16px;padding:24px;box-shadow:0 12px 30px #00000014}.order-detail-status{text-align:center;margin-bottom:12px}.order-detail-info{display:grid;grid-template-columns:max-content auto;row-gap:14px;column-gap:32px;margin-top:18px}.order-detail-info div{display:contents}.order-detail-info span{font-size:14px;color:#6b7280}.order-detail-info strong{font-size:14px;font-weight:600;color:#111827;text-align:right}.order-detail-products{margin-top:18px;border-top:1px solid #e5e7eb}.order-product-row{display:grid;grid-template-columns:1fr auto;align-items:center;padding:12px 0;border-bottom:1px solid #f3f4f6}.order-product-row:last-child{border-bottom:none}.order-product-name{font-size:14px;font-weight:600;color:#111827}.order-product-qty{font-size:13px;color:#111827;justify-self:end}.order-detail-total{display:flex;justify-content:space-between;margin-top:20px;padding-top:16px;border-top:1px dashed #e5e7eb}.order-detail-total span{font-size:14px;color:#6b7280}.order-detail-total strong{font-size:16px;font-weight:700}@media(max-width:640px){.order-product-row{grid-template-columns:1fr auto}}@media(max-width:640px){.order-detail-status,.order-detail-info,.order-detail-total{grid-template-columns:1fr}.order-detail-status strong,.order-detail-info strong,.order-detail-total strong{justify-self:start}}.order-detail-actions{margin-top:28px;display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.order-detail-actions button{min-width:150px;height:42px;padding:0 20px;border-radius:10px;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.order-detail-actions button:hover{transform:translateY(-1px);box-shadow:0 8px 22px #2563eb59}.order-detail-actions button:active{transform:translateY(0);box-shadow:0 4px 12px #2563eb33}.btn-process{background:#f59e0b;color:#78350f}.btn-ship{background:#8ad3f5;color:#295bcf}.btn-complete{background:#16a34a;color:#fff}.btn-cancel{background:#fee2e2;color:#b91c1c}.modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:999}.modal-card{background:#fff;border-radius:14px;width:100%;max-width:380px;padding:22px 24px;box-shadow:0 20px 40px #00000040}.modal-card h3{margin:0;font-size:18px;font-weight:700;color:#111827}.modal-subtitle{font-size:13px;color:#6b7280;margin:6px 0 18px}.modal-field{display:flex;flex-direction:column;gap:6px;margin-bottom:20px}.modal-field label{font-size:13px;font-weight:600;color:#374151}.modal-field select{height:40px;border-radius:8px;border:1px solid #d1d5db;padding:0 10px;font-size:14px;background:#fff}.modal-field select:focus{outline:none;border-color:#2563eb}.modal-error{font-size:12px;color:#dc2626}.modal-actions{display:flex;gap:10px}.modal-actions button{flex:1;height:40px;border-radius:10px;border:none;font-size:14px;font-weight:600;cursor:pointer}.btn-modal-secondary{background:#f3f4f6;color:#374151}.btn-modal-danger{background:#dc2626;color:#fff}.btn-label{background:#e0e7ff;color:#1e3a8a;border:1px solid #c7d2fe}.btn-label:hover{background:#c7d2fe}:root{--primary: #16a34a;--primary-hover: #15803d;--primary-soft: #dcfce7;--bg-soft: #f9fafb;--bg-green-soft: #f0fdf4;--text-dark: #14532d;--text-muted: #6b7280;--border-soft: #e5e7eb;--white: #ffffff;--danger: #ef4444}.admin-dashboard{padding:24px;background:var(--bg-soft);min-height:100vh}.page-title{font-size:24px;font-weight:700;margin-bottom:24px;color:var(--text-dark)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:32px}.kpi-card{background:var(--white);border-radius:14px;padding:20px;border-left:5px solid var(--primary);box-shadow:0 6px 15px #0000000f;transition:transform .2s ease,box-shadow .2s ease}.kpi-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #00000014}.kpi-title{font-size:14px;color:var(--text-muted);margin-bottom:8px}.kpi-value{font-size:28px;font-weight:700;color:var(--primary)}.card{background:var(--white);border-radius:14px;padding:20px;border:1px solid var(--border-soft);box-shadow:0 6px 15px #0000000f}.section-title{font-size:18px;font-weight:700;margin-bottom:16px;color:var(--text-dark)}.table{width:100%;border-collapse:collapse}.table thead{background:var(--bg-green-soft)}.table th{text-align:left;padding:12px;font-size:13px;font-weight:600;color:var(--text-dark)}.table td{padding:14px 12px;border-top:1px solid var(--border-soft);font-size:14px;color:#374151}.table tbody tr:hover{background:var(--primary-soft)}.empty{text-align:center;padding:32px;color:#9ca3af;font-style:italic}.loading{color:var(--text-muted);font-style:italic}.status-badge{padding:6px 12px;border-radius:999px;font-size:12px;font-weight:600;text-transform:capitalize;display:inline-block;min-width:90px;text-align:center}.status-badge.pending{background:#eff6ff;color:#1d4ed8;border:1px solid #93c5fd}.pending_verification{background:#fff3cd;color:#856404}.rejected{background:#f8d7da;color:#842029}.status-badge.processing{background:#fff7ed;color:#c2410c;border:1px solid #fdba74}.status-badge.shipped{background:#f0fdf4;color:#15803d;border:1px solid #86efac}.status-badge.completed{background:#ecfdf5;color:#047857;border:1px solid #6ee7b7}.status-badge.cancelled{background:#fef2f2;color:#b91c1c;border:1px solid #fca5a5}select{padding:6px 10px;border-radius:8px;border:1px solid var(--border-soft);font-size:13px;cursor:pointer}select:disabled{background:#f3f4f6;cursor:not-allowed}.filter-card{margin-bottom:20px}.filter-group{display:flex;gap:16px;align-items:flex-end}.filter-group label{display:block;font-size:13px;margin-bottom:4px}.filter-group input{padding:6px 8px;border-radius:6px;border:1px solid #ddd}.btn-primary{background:#03ac0e;color:#fff;border:1px solid transparent;padding:8px 14px;border-radius:6px;cursor:pointer}.btn-primary:hover{background:#01830a}.form-action-inline{display:flex;align-items:center;gap:12px;margin-top:16px}.form-action-inline button{width:120px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.btn-outline{background:transparent;color:#374151;border:1px solid var(--border-soft);border-radius:6px;cursor:pointer;margin-top:8px}.modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;animation:fadeIn .2s forwards}.modal-content{position:relative;max-width:90%;max-height:90%;border-radius:8px;overflow:hidden;background:#fff;animation:zoomIn .2s forwards}.modal-content img{width:100%;height:auto;display:block}.modal-content button{position:absolute;top:8px;right:8px;background:#fff;border:none;border-radius:50%;width:30px;height:30px;cursor:pointer;font-weight:700;font-size:18px;line-height:1;box-shadow:0 2px 6px #0003}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes zoomIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.table td img{width:60px;height:60px;object-fit:cover;border-radius:6px;cursor:pointer;border:1px solid #e5e7eb;transition:transform .2s ease}.table td img:hover{transform:scale(1.05)}.btn-small{padding:4px 8px;font-size:12px;border-radius:4px;background:#03ac0e;color:#fff;border:none;cursor:pointer;transition:background .2s ease}.btn-small:hover{background:#01830a}.filter-group button.btn-outline{display:flex;align-items:center;justify-content:center;text-align:center;height:38px;padding:0 12px;box-sizing:border-box}.admin-title{font-size:18px;font-weight:700;color:#14532d}.admin-actions{display:flex;align-items:center;gap:16px}.admin-name{font-size:14px;font-weight:600;color:#374151}.admin-avatar{width:36px;height:36px;border-radius:50%;background:#dcfce7;color:#16a34a;display:flex;align-items:center;justify-content:center;font-weight:700}.admin-layout{display:flex;height:100vh;background:#f3f4f6;font-family:Arial,Helvetica,sans-serif}.admin-sidebar{width:240px;height:100vh;background:linear-gradient(180deg,#16a34a,#15803d);color:#fff;padding:20px 16px;display:flex;flex-direction:column;justify-content:space-between;position:sticky;top:0}.sidebar-title{font-size:18px;font-weight:700;margin-bottom:24px}.sidebar-menu a{display:block;padding:12px 14px;color:#ecfdf5;text-decoration:none;border-radius:10px;margin-bottom:6px;font-size:14px;font-weight:500;transition:background .2s ease}.sidebar-menu a:hover,.sidebar-menu a.active{background:#ffffff26}.sidebar-bottom{padding-top:16px;border-top:1px solid rgba(255,255,255,.25)}.logout-sidebar{width:100%;background:#ef4444;border:none;color:#fff;padding:12px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s ease}.logout-sidebar:hover{background:#dc2626}.admin-main{flex:1;display:flex;flex-direction:column}.admin-header{height:64px;background:#fff;padding:0 24px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}.admin-content{flex:1;padding:24px;overflow-y:auto}.sidebar-header{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:24px}.sidebar-logo{width:56px;height:56px;object-fit:contain;margin-bottom:6px}.sidebar-title{font-size:18px;font-weight:700;text-align:center;margin-bottom:0}.checkout-page{max-width:1100px;margin:30px auto;padding:0 16px}.checkout-title{margin-bottom:20px}.checkout-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px}.card{background:#fff;padding:18px;border-radius:10px;margin-bottom:16px;box-shadow:0 4px 12px #0000000d}.card h3{margin-bottom:12px}.product-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #eee}.product-row:last-child{border-bottom:none}.icon{width:20px;height:20px;vertical-align:middle;margin-right:8px;fill:#16a34a}.radio-card{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #ddd;border-radius:8px;margin-bottom:10px;cursor:pointer}.radio-card input{accent-color:#16a34a}.radio-card span{margin-left:auto;font-weight:700}.select{width:100%;padding:10px;margin-top:10px}.summary-row,.summary-total{display:flex;justify-content:space-between;margin:8px 0}.summary-total{font-size:18px;font-weight:700}.btn-checkout{width:100%;margin-top:16px;padding:12px;background:#16a34a;color:#fff;border:none;border-radius:8px;font-size:16px;cursor:pointer}.btn-checkout:disabled{opacity:.6;cursor:not-allowed}.form-group{display:flex;flex-direction:column;margin-bottom:12px}.form-group label{font-weight:600;margin-bottom:6px}.form-group input,.form-group textarea{padding:10px;border:1px solid #ddd;border-radius:8px;font-size:14px;width:100%;resize:none}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#16a34a;box-shadow:0 0 0 2px #16a34a33}@media(max-width:768px){.form-group input,.form-group textarea{font-size:16px}}.checkout-success-page{max-width:600px;margin:40px auto;padding:0 16px;font-family:Inter,sans-serif}.success-card{background:#fff;padding:30px;border-radius:12px;box-shadow:0 6px 18px #00000014;text-align:center}.success-card h2{color:#16a34a;margin-bottom:12px;font-size:28px}.success-card p{margin-bottom:20px;color:#374151;font-size:14px}.order-summary{text-align:left;margin-bottom:20px;padding:15px;border:1px solid #eee;border-radius:8px;background:#f9fafb}.summary-row{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px;color:#111827}.payment-info{margin-bottom:20px;text-align:center}.payment-code{margin:12px 0;font-size:22px;font-weight:700;color:#16a34a;background:#f0fdf4;padding:12px;border-radius:8px;letter-spacing:2px}.due-date{color:#dc2626;font-weight:500;font-size:14px;margin-top:8px}.qris-payment{display:flex;flex-direction:column;align-items:center;margin-top:12px}.qris-payment p{margin-bottom:12px;font-size:14px;color:#374151}.qris-payment .payment-code{font-size:20px;padding:10px 16px}.bank-payment{margin-top:12px}.bank-payment p{font-size:14px;color:#374151}.payment-info h3{font-size:18px;margin-bottom:8px;color:#111827}.payment-info p{font-size:14px;color:#374151}.btn-home{display:inline-block;padding:12px 24px;background:#16a34a;color:#fff;border:none;border-radius:8px;font-size:16px;cursor:pointer;transition:background .2s;text-decoration:none}.btn-home:hover{background:#15803d}.upload-proof{margin-top:20px}.upload-box{display:block;border:2px dashed #16a34a;border-radius:10px;padding:18px;cursor:pointer;background:#f0fdf4;transition:background .2s,border-color .2s}.upload-box:hover{background:#dcfce7;border-color:#15803d}.upload-content{display:flex;flex-direction:column;align-items:center;gap:6px}.upload-icon{font-size:28px}.upload-content p{font-size:14px;color:#166534;margin:0;word-break:break-all}.btn-upload{margin-top:12px;width:100%;padding:12px;background:#16a34a;color:#fff;border:none;border-radius:8px;font-size:14px;cursor:pointer;transition:background .2s}.btn-upload:hover{background:#15803d}.btn-upload:disabled{background:#9ca3af;cursor:not-allowed}*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;background-color:#f5f5f5;color:#333;min-height:100vh}a{text-decoration:none;color:inherit}button{cursor:pointer;font-family:inherit}