body{background:#ddd}.login-screen{min-height:100vh;max-width:430px;margin:0 auto;display:flex;flex-direction:column;font-family:system-ui,sans-serif;background:#f5f0e8;box-shadow:0 0 40px #00000026}.login-hero{background:linear-gradient(160deg,#7a4a2b,#9c6a3f);color:#fff;text-align:center;padding:48px 24px 64px;border-bottom-left-radius:32px;border-bottom-right-radius:32px}.login-logo{width:72px;height:72px;margin-bottom:16px}.login-hero h1{font-size:32px;margin:0 0 8px;letter-spacing:1px}.login-hero p{margin:0;opacity:.9;font-size:16px}.login-card{flex:1;background:#f5f0e8;padding:32px 24px;margin-top:-32px}.login-card h2{font-size:28px;margin-bottom:24px}.login-field{display:flex;align-items:center;background:#fff;border-radius:999px;padding:14px 20px;margin-bottom:16px}.login-icon{margin-right:12px;opacity:.5}.login-field input{border:none;outline:none;flex:1;font-size:16px;background:transparent}.login-error{color:#c0392b;font-size:14px;margin-bottom:12px}.login-button{width:100%;padding:16px;border:none;border-radius:999px;background:linear-gradient(90deg,#d18a3f,#c67a3a);color:#fff;font-size:18px;font-weight:600;cursor:pointer;margin-top:8px}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-install-button{width:100%;padding:12px;border:2px dashed #7a4a2b;border-radius:999px;background:transparent;color:#7a4a2b;font-size:14px;font-weight:600;cursor:pointer;margin-bottom:20px}.login-install-button:hover{background:#7a4a2b14}.stock-page{position:relative;font-family:system-ui,sans-serif}.stock-view-icons{display:flex;justify-content:center;gap:14px;margin:4px 0 18px}.stock-view-icons button{width:48px;height:48px;border-radius:50%;border:none;background:#f2ede4;color:#7a746b;display:flex;align-items:center;justify-content:center;cursor:pointer;font-weight:700;font-size:16px}.stock-view-icons button.active,.stock-loss-toggle.active{background:#3a352e;color:#fff}.stock-add-type{display:flex;align-items:center;gap:8px;border:none;background:none;color:#333;font-size:18px;font-weight:600;cursor:pointer;padding:0;margin:28px 0 12px}.stock-type-list{display:flex;flex-direction:column;gap:8px}.stock-empty{opacity:.6;font-size:13px;padding:12px 4px}.stock-type-group{display:flex;flex-direction:column;gap:6px}.stock-sub-list{display:flex;flex-direction:column;gap:8px;margin-top:6px;max-height:2000px;overflow:hidden;opacity:1;transition:max-height .3s ease,opacity .25s ease,margin-top .25s ease}.stock-sub-list.collapsed{max-height:0;opacity:0;margin-top:0}.stock-type-row{cursor:pointer}.stock-type-row{display:flex;align-items:center;gap:10px;background:#f2ede4;border-radius:999px;padding:8px 10px}.stock-sub-row{position:relative;display:flex;flex-direction:column;gap:10px;background:#ece5d8;border-radius:16px;padding:8px 10px;touch-action:pan-y;transition:transform .15s ease}.stock-sub-row.editing{padding:12px 14px}.stock-sub-main{display:flex;align-items:center;gap:10px}.stock-sub-wrapper{position:relative;margin-left:24px;border-radius:16px;overflow:hidden}.stock-sub-delete-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#c23b3b;color:#fff;display:flex;align-items:center;gap:6px;padding:0 16px;font-size:13px;font-weight:600}.stock-photo-upload{position:relative;width:34px;height:34px;border-radius:8px;background:#e4dcce;display:flex;align-items:center;justify-content:center;color:#9a938a;flex-shrink:0;cursor:pointer;overflow:visible}.stock-photo-upload img{width:100%;height:100%;object-fit:cover;border-radius:8px}.stock-photo-upload.small{width:28px;height:28px;border-radius:50%}.stock-photo-upload.small img{border-radius:50%}.stock-alert-badge{position:absolute;top:-4px;right:-4px;width:16px;height:16px;border-radius:50%;background:#c23b3b;color:#fff;display:flex;align-items:center;justify-content:center}.stock-alert-badge.inline{position:static;display:inline-flex;margin-left:6px;vertical-align:middle}.stock-name-input{flex:1;border:none;outline:none;background:transparent;font-size:14px;color:#3a352e}.stock-name-input::placeholder{color:#a39c92}.stock-row-actions,.stock-sub-actions{display:flex;gap:6px}.stock-row-actions button,.stock-sub-row>button{width:26px;height:26px;border-radius:50%;border:none;background:#e4dcce;color:#7a746b;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.stock-edit-btn{width:26px;height:26px;border-radius:50%;border:none;background:#e4dcce;color:#7a746b;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.stock-edit-close{width:24px;height:24px;border-radius:50%;border:none;background:#3a352e;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.stock-sub-meta-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-left:44px}.stock-sub-meta-fields{display:flex;gap:16px}.stock-sub-meta-row label{display:flex;align-items:center;gap:6px;font-size:12px;color:#8b8478}.stock-qty-control{display:flex;align-items:center;gap:6px}.stock-qty-control button{width:24px;height:24px;border-radius:50%;border:none;background:#e4dcce;color:#7a746b;display:flex;align-items:center;justify-content:center;cursor:pointer}.stock-qty-control input{width:48px;text-align:center;border:1px solid #e0d9cb;border-radius:8px;padding:4px;font-size:13px;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.stock-qty-control input::-webkit-outer-spin-button,.stock-qty-control input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.stock-edit-number{width:44px;text-align:center;border:1px solid #d8d0c2;border-radius:999px;padding:3px 6px;font-size:12px}.stock-flat-list{display:flex;flex-direction:column;gap:8px}.stock-flat-row{display:flex;align-items:center;gap:12px;background:#f2ede4;border-radius:14px;padding:10px 14px}.stock-flat-icon{color:#7a746b;flex-shrink:0}.stock-flat-icon.alert,.stock-flat-icon.loss{color:#c23b3b}.stock-flat-icon.loss-tag{width:24px;height:24px;border-radius:50%;background:#3a352e;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.stock-flat-photo{width:32px;height:32px;border-radius:8px;background:#e4dcce;flex-shrink:0;overflow:hidden}.stock-flat-photo img{width:100%;height:100%;object-fit:cover}.stock-flat-info{display:flex;flex-direction:column;gap:2px}.stock-flat-name{font-size:14px;color:#3a352e;font-weight:600}.stock-flat-meta{font-size:12px;color:#8b8478}.stock-price-control{display:flex;align-items:center;gap:4px;font-size:12px;color:#8b8478}.stock-price-control input{width:64px;text-align:center;border:1px solid #e0d9cb;border-radius:8px;padding:4px;font-size:13px;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.stock-price-control input::-webkit-outer-spin-button,.stock-price-control input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.stock-name-static{flex:1;font-size:14px;color:#3a352e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stock-sub-row.editing .stock-sub-main{flex-wrap:wrap;row-gap:8px}.confirm-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.confirm-popup-box{background:#fff;border-radius:16px;padding:20px;max-width:300px;width:100%;box-shadow:0 8px 24px #0003}.confirm-popup-message{margin:0 0 18px;font-size:14px;color:#3a352e;text-align:center;line-height:1.5}.confirm-popup-actions{display:flex;gap:10px}.confirm-popup-btn{flex:1;padding:10px;border:none;border-radius:10px;font-weight:600;font-size:13px;cursor:pointer}.confirm-popup-btn.cancel{background:#e4dcce;color:#3a352e}.confirm-popup-btn.danger{background:#c23b3b;color:#fff}.confirm-popup-btn.ok{background:#3a352e;color:#fff}.notif-page{font-family:system-ui,sans-serif}.notif-list{display:flex;flex-direction:column;gap:10px;margin-top:12px}.notif-item{display:flex;align-items:flex-start;gap:10px;background:#fdfbf7;color:#333;border-radius:14px;padding:14px 16px;box-shadow:0 1px 4px #0000000a}.notif-item strong{display:block;font-size:14px;margin-bottom:2px;font-weight:600}.notif-item p{margin:0;font-size:12px;opacity:.6}.payment-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:110;padding:20px}.payment-modal{font-family:system-ui,sans-serif;position:relative;background:#fff;border-radius:20px;padding:28px 24px 24px;max-width:340px;width:100%;text-align:center}.payment-modal-close{position:absolute;top:12px;right:12px;border:none;background:#f0f1f4;border-radius:999px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer}.payment-modal h2{margin:0 0 4px;font-size:20px}.payment-modal-subtitle{margin:0 0 16px;color:#777;font-size:14px}.qris-placeholder{width:200px;height:200px;margin:0 auto 20px;background:#f0f1f4;border:1px dashed #c8c8c8;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#999;font-size:13px;padding:12px}.payment-upload-label{display:block;text-align:left;font-size:13px;color:#333;margin-bottom:16px}.payment-upload-label input{display:block;margin-top:6px;width:100%;font-size:13px}.payment-modal-error{color:#c0392b;font-size:13px;margin-bottom:12px}.payment-modal-submit{width:100%;padding:14px;border:none;border-radius:999px;background:#4f7a5c;color:#fff;font-size:15px;font-weight:600;cursor:pointer}.payment-modal-submit:disabled{opacity:.5;cursor:not-allowed}.payment-modal button,.payment-modal input{font-family:inherit}.edit-profile-modal{max-height:90vh;overflow-y:auto}.edit-avatar-btn{position:relative;width:84px;height:84px;margin:12px auto 16px;padding:0;border:none;border-radius:999px;background:#7a4a2b;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.edit-avatar-btn img{width:100%;height:100%;object-fit:cover;border-radius:999px}.edit-avatar-badge{position:absolute;bottom:0;right:0;width:26px;height:26px;border-radius:999px;background:#fff;color:#7a4a2b;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px #0003}.edit-field{display:block;text-align:left;font-size:13px;color:#333;margin-bottom:12px}.edit-field input{display:block;width:100%;box-sizing:border-box;margin-top:6px;padding:10px 12px;border:1px solid #ddd;border-radius:10px;font-family:inherit;font-size:14px}.edit-section-title{text-align:left;margin:16px 0 10px;font-size:13px;font-weight:600;color:#7a4a2b}.edit-avatar-btn.has-photo{background:transparent}.report-option{display:flex;align-items:flex-start;gap:10px;text-align:left;padding:10px 12px;margin-bottom:8px;border:1px solid #eee;border-radius:12px;font-size:14px;cursor:pointer}.report-option input{margin-top:3px;accent-color:#7a4a2b}.report-option span{display:flex;flex-direction:column;gap:2px}.report-option small{font-size:12px;color:#888}.report-saved{color:#3f6b4f;font-size:13px;margin-bottom:12px}.plan-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.plan-modal{background:#f5f0e8;border-radius:20px;padding:24px;max-width:340px;width:100%;max-height:85vh;overflow-y:auto}.plan-price{font-size:26px;font-weight:700;color:#1a1a1a}.plan-price span{font-size:14px;font-weight:400;color:#777}.plan-subtitle{font-size:14px;color:#333;margin:8px 0 16px}.plan-subtitle strong{color:#c67a3a}.plan-features{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-direction:column;gap:10px}.plan-features li{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:#333;line-height:1.4}.plan-features svg{flex-shrink:0;margin-top:2px;color:#c67a3a}.plan-actions{display:flex;gap:10px}.plan-btn-close,.plan-btn-subscribe{flex:1;padding:12px;border:none;border-radius:999px;font-size:14px;font-weight:600;cursor:pointer}.plan-btn-close{background:#b3574a;color:#fff}.plan-btn-subscribe{background:#4f7a5c;color:#fff}.subscribe-lock{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 32px;text-align:center;background:#f5f0e8e6;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.subscribe-lock-icon{color:#1a1a1a;margin-bottom:16px}.subscribe-lock-title{font-size:26px;font-weight:700;color:#1a1a1a;margin:0}.subscribe-lock-subtitle{font-size:14px;color:#777;margin:0 0 20px}.subscribe-lock-btn{width:100%;max-width:300px;padding:14px;border:none;border-radius:999px;background:#4f7a5c;color:#fff;font-size:15px;font-weight:600;cursor:pointer}.dash-screen{height:100vh;max-width:430px;margin:0 auto;display:flex;flex-direction:column;font-family:system-ui,sans-serif;background:#f5f0e8;position:relative;overflow:hidden;box-shadow:0 0 40px #00000026}.dash-bg-pattern{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.bg-icon{position:absolute;color:#000;opacity:.05}.dash-navbar,.dash-content{position:relative;z-index:1}.dash-navbar{display:flex;align-items:center;justify-content:center;padding:20px;position:sticky;top:0;z-index:2;background:transparent}.dash-navbar-frame{display:flex;align-items:center;gap:18px;background:#fff;border-radius:999px;padding:10px 24px;box-shadow:0 2px 10px #0000000f}.dash-navbar-frame button{position:relative;width:40px;height:40px;border-radius:999px;border:none;background:transparent;color:#7a4a2b;display:flex;align-items:center;justify-content:center;cursor:pointer}.nav-alert-dot{position:absolute;top:4px;right:6px;width:8px;height:8px;border-radius:50%;background:#c23b3b}.dash-navbar-frame button.active{background:#7a4a2b;color:#fff}.cart-fab{position:absolute;bottom:24px;right:20px;width:56px;height:56px;border-radius:999px;border:none;background:linear-gradient(135deg,#d18a3f,#c67a3a);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px #7a4a2b59;cursor:pointer;z-index:40}.dash-content{flex:1;padding:16px 20px 100px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;overscroll-behavior-y:contain}.dash-content::-webkit-scrollbar{display:none}.search-bar{display:flex;align-items:center;gap:10px;background:#0000000a;border-radius:999px;padding:12px 18px;margin-bottom:20px;color:#7a4a2b}.search-bar input{border:none;outline:none;background:transparent;flex:1;font-size:15px}.section-label{font-size:18px;font-weight:600;margin:16px 0 12px;color:#333}.cart-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:flex-end;padding:20px;z-index:50}.cart-sheet{background:#fff;width:100%;max-width:430px;border-top-left-radius:24px;border-top-right-radius:24px;padding:24px;min-height:300px}.cart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.cart-header button{border:none;background:transparent;cursor:pointer}.products-page{position:relative}.product-type-row{display:flex;gap:12px;overflow-x:auto;overflow-y:visible;padding:4px 4px 8px;scrollbar-width:none;-ms-overflow-style:none}.product-type-row::-webkit-scrollbar{display:none}.product-type-chip{display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0;width:64px;font-size:12px;font-weight:600;color:#333;text-align:center;border:none;background:none;cursor:pointer;padding:0}.product-type-chip.active .product-type-photo{outline:2px solid #7a4a2b;outline-offset:2px}.product-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.product-list-empty{opacity:.6;font-size:13px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}@media (max-width: 380px){.product-grid{grid-template-columns:repeat(3,1fr)}}.product-card{display:flex;flex-direction:column;cursor:pointer}.product-card-photo{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:16px;background:#f2ede4;overflow:hidden}.product-card-photo img{width:100%;height:100%;object-fit:cover}.product-card-name{display:block;width:100%;margin:8px 0 0;padding:0;font-size:14px;font-weight:600;color:#333;text-align:left}.product-card-price{display:block;width:100%;margin:0;padding:0;font-size:13px;color:#7a4a2b;font-weight:600;text-align:left}.product-card-type{font-size:11px;opacity:.6}.product-list-item{display:flex;align-items:center;justify-content:space-between;background:#f2ede4;border-radius:12px;padding:10px 14px;font-size:14px;color:#333}.product-list-main{display:flex;align-items:center;gap:10px}.product-list-photo{width:32px;height:32px;border-radius:8px;background:#e4dcce;flex-shrink:0;overflow:hidden}.product-list-photo img{width:100%;height:100%;object-fit:cover}.product-list-type{font-size:12px;opacity:.6}.product-type-photo{position:relative;width:64px;height:64px;border-radius:16px;background:#f2ede4;overflow:visible}.product-type-photo img{width:100%;height:100%;object-fit:cover;border-radius:16px}.qty-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:flex-end;justify-content:center;z-index:60}.qty-modal-sheet{background:#fff;width:100%;max-width:430px;border-top-left-radius:24px;border-top-right-radius:24px;padding:24px}.qty-modal-sheet h3{margin:0 0 16px}.qty-modal-stepper{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:20px}.qty-modal-stepper button{width:36px;height:36px;border-radius:999px;border:1px solid #ddd;background:#f5f0e8;font-size:18px;cursor:pointer}.qty-modal-stepper span{font-size:18px;font-weight:600;min-width:24px;text-align:center}.qty-modal-confirm{width:100%;padding:14px;border:none;border-radius:12px;background:#7a4a2b;color:#fff;font-weight:600;cursor:pointer}.cart-item-list{display:flex;flex-direction:column;gap:12px}.cart-item{display:flex;align-items:center;gap:10px;background:#f2ede4;border-radius:12px;padding:10px 12px}.cart-item-photo{width:40px;height:40px;border-radius:8px;background:#e4dcce;flex-shrink:0;overflow:hidden}.cart-item-photo img{width:100%;height:100%;object-fit:cover}.cart-item-info{flex:1;display:flex;flex-direction:column;gap:6px}.cart-item-stepper{display:flex;align-items:center;gap:10px}.cart-item-stepper button{width:26px;height:26px;border-radius:999px;border:1px solid #ddd;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.cart-item-remove{border:none;background:transparent;color:#b3261e;cursor:pointer}.product-list-price{display:block;font-size:12px;color:#7a4a2b;font-weight:600;margin-top:2px}.cart-item-price{font-size:12px;color:#7a4a2b}.cart-total-row{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding-top:16px;border-top:1px solid #eee;font-weight:700;font-size:15px}.checkout-sheet{position:relative;background:#fff;color:#3a352e;width:100%;max-width:300px;max-height:80vh;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;border-radius:20px;padding:18px;box-shadow:0 10px 32px #0000002e}.checkout-sheet::-webkit-scrollbar{display:none}.checkout-sheet{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;overscroll-behavior-y:contain}.checkout-title{text-align:center;font-weight:600;margin:0 0 4px;color:#7a4a2b}.checkout-total{text-align:center;font-size:32px;font-weight:700;margin-bottom:16px;color:#3a352e}.checkout-empty{display:flex;align-items:center;gap:6px;justify-content:center;font-size:13px;color:#8b8478;margin-bottom:16px}.checkout-calc-row{display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;margin:14px 0;flex-wrap:nowrap;color:#8b8478}.checkout-calc-input{width:56px;min-width:0;text-align:center;border:none;outline:none;border-radius:999px;padding:5px 6px;font-size:11px;background:#f2ede4;color:#3a352e}.checkout-calc-pill{background:#f2ede4;color:#3a352e;border-radius:999px;padding:5px 8px;font-size:11px;min-width:44px;text-align:center;flex-shrink:0}.checkout-calc-pill.highlight{background:#7a4a2b;color:#fff;font-weight:700}.checkout-quick-amounts{display:flex;gap:8px;justify-content:center;margin-bottom:20px}.checkout-quick-amounts button{width:44px;height:44px;border-radius:14px;border:none;background:#ffffffd9;color:#333;font-size:12px;font-weight:600;cursor:pointer}.checkout-qris-label{text-align:center;margin:0 0 10px;font-weight:600;color:#3a352e}.checkout-qris-box{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1 / 1;background:#f2ede4;border-radius:20px;overflow:hidden;margin-bottom:20px}.checkout-qris-box img{width:100%;height:100%;object-fit:contain}.checkout-qris-placeholder{display:flex;flex-direction:column;align-items:center;gap:6px;color:#999;font-size:12px}.checkout-actions{display:flex;gap:12px;margin-top:16px;margin-bottom:8px}.checkout-actions button{flex:1;padding:12px;border:none;border-radius:12px;font-weight:600;cursor:pointer}.checkout-btn-close{background:#8a3d3d;color:#fff}.checkout-btn-done{background:#3f6b4f;color:#fff}.checkout-btn-done:disabled{opacity:.5;cursor:not-allowed}.cart-fab-alert{position:absolute;top:2px;right:2px;width:18px;height:18px;border-radius:50%;background:#c23b3b;color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}.checkout-product-photos{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:16px 0 20px}.checkout-product-photo-wrapper{position:relative;width:48px;height:48px;border-radius:12px;overflow:hidden;flex-shrink:0;touch-action:none}.checkout-product-photo{position:relative;width:100%;height:100%;border-radius:12px;background:#f2ede4;overflow:hidden;touch-action:none;transition:opacity .15s ease,filter .15s ease}.checkout-product-photo.ghost{opacity:.35;filter:blur(2px)}.checkout-product-photo.ghost.over-trash{opacity:.5;filter:blur(4px)}.checkout-product-photo.ghost.over-trash:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#c23b3b8c}.checkout-product-photo img{width:100%;height:100%;object-fit:cover;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.checkout-trash-zone{position:absolute;left:50%;bottom:92px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;background:#c23b3b;color:#fff;opacity:0;transform:translate(-50%) scale(.8);transition:opacity .15s ease,transform .15s ease,background .15s ease;pointer-events:none;z-index:10;box-shadow:0 4px 12px #0003}.checkout-trash-zone.visible{opacity:1;transform:translate(-50%) scale(1)}.checkout-trash-zone.active{background:#8a2626;transform:translate(-50%) scale(1.15)}.checkout-drag-clone{position:fixed;width:48px;height:48px;margin-left:-24px;margin-top:-24px;border-radius:12px;overflow:hidden;pointer-events:none;z-index:200;box-shadow:0 6px 16px #00000040;transition:filter .15s ease}.checkout-drag-clone img{width:100%;height:100%;object-fit:cover;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}html,body{margin:0;padding:0;height:100%}#root{height:100%}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.account-page{display:flex;flex-direction:column;gap:14px}.account-title{margin:0 0 2px;color:#333}.account-card{background:#fff;border-radius:20px;padding:16px;box-shadow:0 2px 10px #0000000d;color:#3a352e}.account-profile{display:flex;align-items:center;gap:14px}.account-avatar{width:52px;height:52px;border-radius:999px;background:#7a4a2b;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.account-name{margin:0;font-weight:600;font-size:16px}.account-email{margin:2px 0 0;font-size:13px;opacity:.6}.account-card-title{display:flex;align-items:center;gap:8px;font-weight:600;color:#7a4a2b;margin-bottom:12px}.account-badge{margin-left:auto;font-size:11px;padding:3px 10px;border-radius:999px;background:#eee;color:#666}.account-badge.active{background:#e3f1e8;color:#3f6b4f}.account-badge.grace{background:#fbeacc;color:#a8691a}.account-sub-date{margin:0;font-size:14px}.account-sub-left{margin:6px 0 0;font-size:16px;font-weight:600;color:#3f6b4f}.account-sub-left.warn{color:#c23b3b}.account-qris-box{width:100%;aspect-ratio:1 / 1;background:#f2ede4;border-radius:16px;overflow:hidden;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.account-qris-box img{width:100%;height:100%;object-fit:contain}.account-qris-empty{display:flex;flex-direction:column;align-items:center;gap:6px;color:#999;font-size:12px}.account-btn-primary{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border:none;border-radius:12px;background:#7a4a2b;color:#fff;font-weight:600;cursor:pointer}.account-btn-logout{padding:12px;border:none;border-radius:12px;background:#8a3d3d;color:#fff;font-weight:600;cursor:pointer}.account-renew-hint{margin:0 0 12px;font-size:13px;opacity:.7}.account-btn-outline{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border:1px dashed #7a4a2b;border-radius:12px;background:transparent;color:#7a4a2b;font-weight:600;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-btn-primary:disabled{opacity:.5;cursor:not-allowed}.account-page button,.account-page input{font-family:inherit;font-size:14px}.account-quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.account-quick-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px 8px;border:none;border-radius:16px;background:#fff;color:#7a4a2b;font-weight:600;font-size:12px;text-align:center;cursor:pointer;box-shadow:0 2px 10px #0000000d}.account-quick-btn svg{color:#7a4a2b}.account-quick-btn:active{background:#f2ede4}.account-avatar{overflow:hidden}.account-avatar-img{width:100%;height:100%;object-fit:cover}.account-edit-btn{width:36px;height:36px;border:none;border-radius:999px;background:#f2ede4;color:#7a4a2b;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.account-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.account-stat-box{background:#fff;border-radius:16px;padding:12px 4px;box-shadow:0 2px 10px #0000000d;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center}.account-stat-number{font-size:24px;font-weight:700;line-height:1;color:#7a4a2b}.account-stat-label{font-size:9px;color:#8b8478}.account-stat-detail{font-size:12px;padding:12px 16px}.account-stat-detail p{margin:0}.account-stat-detail p+p{margin-top:6px}.account-title-row{display:flex;align-items:center;justify-content:space-between}.account-trend-btn{width:36px;height:36px;border:none;border-radius:999px;background:#fff;color:#7a4a2b;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 10px #0000000d}.trend-header{display:flex;align-items:center;justify-content:space-between}.trend-month-nav{display:flex;align-items:center;gap:10px;font-weight:600}.trend-month-nav button,.trend-close{width:30px;height:30px;border:none;border-radius:999px;background:#fff;color:#7a4a2b;display:flex;align-items:center;justify-content:center;cursor:pointer}.trend-month-nav button:disabled{opacity:.3;cursor:not-allowed}.trend-lp-row{display:flex;gap:10px}.trend-lp-card{flex:1;border-radius:16px;padding:12px}.trend-lp-card.loss{background:#fbe4e2}.trend-lp-card.profit{background:#e2f0e4}.trend-lp-label{font-size:12px;opacity:.6}.trend-lp-value{font-size:16px;font-weight:700}.trend-lp-card.loss .trend-lp-value{color:#e0554f}.trend-lp-card.profit .trend-lp-value{color:#3f9142}.trend-card{background:#fff;border-radius:20px;padding:14px;box-shadow:0 2px 10px #0000000d}.trend-card-title{display:flex;justify-content:space-between;font-size:13px;font-weight:600;color:#7a4a2b;margin-bottom:8px}.trend-chart{width:100%;height:auto;display:block}.trend-cat-list{display:flex;flex-direction:column;gap:10px}.trend-cat-row{display:flex;align-items:center;gap:8px;font-size:12px}.trend-cat-name{width:72px;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.trend-cat-track{flex:1;height:24px;border-radius:999px;background:#e9e2d4;overflow:hidden}.trend-cat-fill{height:100%;min-width:46px;box-sizing:border-box;border-radius:999px;display:flex;align-items:center;padding:0 10px;color:#fff;font-size:11px;font-weight:700}.trend-empty{text-align:center;font-size:13px;opacity:.5;margin:8px 0}.trend-panel{position:fixed;top:20px;left:20px;width:340px;max-height:calc(100vh - 40px);overflow-y:auto;scrollbar-width:none;background:#f5f0e8;border-radius:24px;padding:20px;display:flex;flex-direction:column;gap:14px;color:#3a352e;box-shadow:0 10px 32px #0000002e;z-index:70}.trend-panel::-webkit-scrollbar{display:none}@media (max-width: 1150px){.trend-panel{top:auto;bottom:0;right:auto;left:50%;transform:translate(-50%);width:100%;max-width:430px;max-height:90vh;border-radius:24px 24px 0 0}}.trend-chart-viewport{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;overscroll-behavior:contain}.trend-chart-viewport:active{cursor:grabbing}.trend-hint{margin:6px 0 0;font-size:10px;color:#8b8478;text-align:center}.trend-panel.inline{position:static;transform:none;width:auto;max-width:none;max-height:none;overflow:visible;border-radius:20px;padding:16px;background:transparent;box-shadow:none;z-index:auto}.admin-dashboard{min-height:100vh;background:#f4f5f7;font-family:system-ui,sans-serif;padding:24px;color:#1f2430}.admin-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}.admin-header h1{margin:0 0 4px;font-size:22px}.admin-header p{margin:0;color:#5b6270;font-size:14px}.role-tag{display:inline-block;margin-left:6px;padding:2px 8px;border-radius:999px;background:#2a3143;color:#fff;font-size:11px;font-weight:600}.logout-btn{display:flex;align-items:center;gap:6px;border:1px solid #d8dbe2;background:#fff;padding:8px 14px;border-radius:8px;cursor:pointer;font-size:14px;color:#33394a}.summary-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.summary-card{display:flex;align-items:center;gap:12px;background:#fff;border-radius:12px;padding:16px;box-shadow:0 1px 3px #0000000f}.summary-card.registered svg{color:#5b6270}.summary-card.pending svg{color:#c8850b}.summary-card.active svg{color:#1f8a4c}.summary-card.expired svg{color:#c23b3b}.summary-value{display:block;font-size:20px;font-weight:700}.summary-label{display:block;font-size:12px;color:#6b7280}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px}.search-box{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e0e2e8;border-radius:8px;padding:8px 12px;flex:1;min-width:220px;color:#6b7280}.search-box input{border:none;outline:none;flex:1;font-size:14px}.filter-tabs{display:flex;gap:6px}.filter-tabs button{border:1px solid #e0e2e8;background:#fff;padding:8px 12px;border-radius:8px;cursor:pointer;font-size:13px;color:#4b5262}.filter-tabs button.active{background:#2a3143;color:#fff;border-color:#2a3143}.account-list{display:flex;flex-direction:column;gap:12px}.empty-state{text-align:center;color:#8b909c;padding:40px 0}.account-card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 1px 3px #0000000f;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.account-info{display:flex;flex-direction:column;gap:4px;min-width:220px}.account-main{display:flex;align-items:center;gap:8px}.account-email{font-size:13px;color:#5b6270}.account-meta{font-size:12px;color:#8b909c}.status-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:3px 8px;border-radius:999px}.status-registered{background:#e8e9ed;color:#4b5262}.status-pending{background:#fdf1da;color:#a8690a}.status-active{background:#e1f5e8;color:#1f8a4c}.status-expired{background:#fbe4e4;color:#c23b3b}.account-actions{display:flex;gap:8px}.ghost-btn,.primary-btn{display:flex;align-items:center;gap:6px;border-radius:8px;padding:8px 12px;font-size:13px;cursor:pointer}.ghost-btn{border:1px solid #e0e2e8;background:#fff;color:#33394a}.ghost-btn:disabled{opacity:.4;cursor:not-allowed}.primary-btn{border:none;background:#2a3143;color:#fff}.primary-btn:disabled{opacity:.4;cursor:not-allowed}.primary-btn.small{padding:6px 10px;font-size:12px}.activate-panel{width:100%;background:#f7f8fa;border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:8px;font-size:13px;color:#4b5262}.duration-buttons{display:flex;gap:8px}.duration-buttons button{border:1px solid #d8dbe2;background:#fff;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:13px}.custom-date-row{display:flex;gap:8px;align-items:center}.custom-date-row input[type=date]{border:1px solid #d8dbe2;border-radius:6px;padding:6px 8px;font-size:13px}.proof-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.proof-modal{position:relative;background:#fff;border-radius:12px;padding:16px;max-width:90vw;max-height:85vh;overflow:auto}.proof-modal img{max-width:100%;display:block;border-radius:8px}.close-btn{position:absolute;top:10px;right:10px;border:none;background:#f0f1f4;border-radius:999px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer}@media (max-width: 480px){.summary-row{grid-template-columns:repeat(2,1fr)}.account-card{flex-direction:column;align-items:flex-start}}.error-banner{background:#fdecea;color:#b3261e;border:1px solid #f5c2c0;padding:10px 14px;border-radius:8px;margin-bottom:14px;font-size:13px;display:flex;align-items:center;justify-content:space-between;gap:10px}.ghost-btn.small{padding:4px 10px;font-size:12px}