html,body,#root{margin:0;padding:0;width:100%!important;max-width:100%!important;overflow-x:hidden;font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--bg: #f8fafc;--surface: #ffffff;--primary: #0891b2;--secondary: #3b82f6;--danger: #dc2626;--text: #1e293b;--muted: #94a3b8;--glass: rgba(255, 255, 255, .6);--card-radius: 12px;--transition: .3s ease;--drop-shadow: 0 8px 24px rgba(16, 24, 40, .06)}.dark-theme{--bg: #0b0f19;--surface: #161b2b;--primary: #00f2ff;--secondary: #3b82f6;--danger: #ff3860;--text: #f8fbff;--muted: #c6d3e6;--glass: rgba(6, 10, 16, .5);--drop-shadow: 0 10px 30px rgba(0, 0, 0, .6)}.light-theme{--bg: #f8fafc;--surface: #ffffff;--primary: #0891b2;--secondary: #3b82f6;--danger: #dc2626;--text: #1e293b;--muted: #94a3b8;--glass: rgba(255, 255, 255, .6);--drop-shadow: 0 8px 24px rgba(16, 24, 40, .06)}body{background:linear-gradient(180deg,var(--bg),var(--bg));color:var(--text);transition:background var(--transition),color var(--transition)}.main-content{margin-top:90px;padding:28px;min-height:calc(100vh - 90px)}.header{position:fixed;top:0;left:0;right:0;height:72px;display:flex;align-items:center;justify-content:space-between;padding:12px 28px;z-index:1100;background:linear-gradient(180deg,#fff9,#fff6);-webkit-backdrop-filter:blur(6px) saturate(120%);backdrop-filter:blur(6px) saturate(120%);border-bottom:1px solid rgba(0,0,0,.06);transition:background var(--transition),box-shadow var(--transition)}.dark-theme .header{background:#080c1499;border-bottom:1px solid rgba(255,255,255,.03)}.logo-container{display:flex;align-items:center;gap:14px;cursor:pointer}.logo-img{width:80px;height:auto;object-fit:contain;transition:filter var(--transition)}.dark-theme .logo-img{filter:drop-shadow(0 0 14px var(--primary))}.logo-text{margin:0;font-size:1.2rem;font-weight:700;letter-spacing:.2px}.dark-theme .logo-text{color:var(--text)}.theme-toggle{background:transparent;border:none;cursor:pointer;color:var(--text);font-size:18px}.dark-theme .header{color:var(--text)}.dark-theme .header svg,.dark-theme .header span{color:var(--text)}.theme-bubble{position:fixed;left:20px;bottom:20px;width:56px;height:56px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:var(--primary);color:#001018;font-size:22px;font-weight:800;box-shadow:0 10px 30px #00f2ff2e;z-index:4000;cursor:pointer;border:none;transition:transform .16s ease,box-shadow .16s ease}.theme-bubble:hover{transform:translateY(-3px);box-shadow:0 18px 40px #00f2ff42}.dark-theme .theme-bubble{background:var(--primary);color:#001018;box-shadow:0 18px 48px #00f2ff5c}.product-grid-container{max-width:1200px;margin:0 auto}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:28px}.product-card{background:var(--surface);border-radius:var(--card-radius);padding:18px;display:flex;flex-direction:column;min-height:320px;box-shadow:var(--drop-shadow);border:1px solid rgba(0,0,0,.04);transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition);transform-origin:center;animation:fadeUp .6s ease both}.product-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px #02061780}.dark-theme .product-card{background:var(--surface)}.dark-theme .product-card:hover{box-shadow:0 22px 60px #00f2ff99}.dark-theme .product-card{background:linear-gradient(180deg,#060a10e6,#101622cc);border:none;box-shadow:none;position:relative;overflow:visible;z-index:1}.dark-theme .product-card:after{content:"";pointer-events:none;position:absolute;box-shadow:0 20px 60px #00f2ff00;transition:box-shadow .24s ease,transform .24s ease;z-index:-1}.dark-theme .product-card:hover:after{box-shadow:0 30px 90px #00f2ff73,0 6px 22px #0009;transform:translateY(-6px)}.dark-theme .product-card:hover{z-index:5}.image-wrapper{height:200px;display:flex;align-items:center;justify-content:center;background:transparent;margin-bottom:12px}.product-image{max-width:100%;max-height:100%;object-fit:contain}.product-info{display:flex;flex-direction:column;gap:10px;flex:1}.product-title{font-size:15px;font-weight:700;line-height:1.2;color:var(--text);height:40px;overflow:hidden}.product-price{color:var(--danger);font-size:20px;font-weight:800}.add-to-cart-btn,.btn-add,.btn-pay,.btn-verify{background:var(--primary);color:#fff;border:none;padding:12px;border-radius:10px;font-weight:700;cursor:pointer;transition:transform var(--transition),box-shadow var(--transition),opacity var(--transition)}.add-to-cart-btn:active,.btn-add:active,.btn-pay:active,.btn-verify:active{transform:scale(.98)}.add-to-cart-btn:hover{filter:brightness(1.02)}.cart-overlay{position:fixed;inset:0;background:radial-gradient(circle at center,#0f172a2e,#0f172a61),#0206176b;z-index:2000;display:flex;justify-content:flex-end;-webkit-backdrop-filter:blur(10px) saturate(125%);backdrop-filter:blur(10px) saturate(125%)}.cart-sidebar{width:380px;height:100vh;padding:28px;box-sizing:border-box;background:linear-gradient(180deg,#fffffff0,#f8fafcfa);box-shadow:-24px 0 80px #0f172a33;display:flex;flex-direction:column;color:var(--text)}.dark-theme .cart-sidebar{background:linear-gradient(180deg,#080c14f5,#101622fa);box-shadow:-28px 0 90px #00000073}.cart-items-list{flex:1;overflow-y:auto;margin-top:14px;color:var(--text)}.cart-footer{border-top:1px solid rgba(0,0,0,.06);padding-top:18px;color:var(--text)}.dark-theme .cart-items-list,.dark-theme .cart-footer,.dark-theme .cart-sidebar h3,.dark-theme .cart-sidebar div,.dark-theme .cart-sidebar span,.dark-theme .cart-sidebar p,.dark-theme .checkout-item,.dark-theme .checkout-item div,.dark-theme .payment-section,.dark-theme .payment-section h3,.dark-theme .payment-section p,.dark-theme .order-summary,.dark-theme .order-summary h3,.dark-theme .order-summary span,.dark-theme .product-title{color:var(--text)}.dark-theme .product-title,.dark-theme .logo-text,.dark-theme .checkout-layout h3,.dark-theme .checkout-layout label,.dark-theme .checkout-layout p,.dark-theme .cart-sidebar h3,.dark-theme .cart-sidebar strong,.dark-theme .cart-sidebar span{color:var(--text)!important}.quantity-controls{display:flex;align-items:center;gap:8px}.qty-btn{width:30px;height:30px;border-radius:8px;border:1px solid rgba(0,0,0,.06);background:transparent;cursor:pointer}.qty-input{width:50px;text-align:center;border-radius:8px;padding:6px;border:1px solid rgba(0,0,0,.06)}.dark-theme .add-to-cart-btn,.dark-theme .btn-add,.dark-theme .btn-pay,.dark-theme .btn-verify,.dark-theme .modal-footer button{background:var(--primary)!important;color:#001018;box-shadow:0 8px 26px #00f2ff1f}.dark-theme .add-to-cart-btn,.dark-theme .btn-add{color:#001018}.dark-theme .qty-btn{border:1px solid rgba(255,255,255,.06);color:var(--text);background:transparent}.dark-theme .qty-input,.dark-theme .form-group input,.dark-theme .stripe-input-container{border:1px solid rgba(255,255,255,.06);background:#ffffff05;color:var(--text)}.dark-theme .payment-section,.dark-theme .order-summary,.dark-theme .checkout-layout,.dark-theme .cart-sidebar{color:var(--text)}.dark-theme button:not(.add-to-cart-btn):not(.btn-add):not(.btn-pay):not(.btn-verify):not(.qty-btn){background:transparent!important;color:var(--text)!important;border:none!important}.dark-theme .add-to-cart-btn,.dark-theme .btn-add,.dark-theme .btn-pay,.dark-theme .btn-verify,.dark-theme .modal-footer button{background:var(--primary)!important;color:#001018!important;box-shadow:0 8px 26px #00f2ff1f}.dark-theme .qty-btn{border:1px solid rgba(0,242,255,.35)!important;color:#f8fbff!important;background:#0f172ad9!important;font-weight:700}.dark-theme .qty-input{color:#f8fbff!important;background:#0f172abf!important}.checkout-layout{display:flex;gap:28px;max-width:1100px;margin:100px auto 40px;padding:20px;align-items:flex-start}.app-footer{margin-top:48px;padding:28px 28px 18px;background:linear-gradient(180deg,#ffffff73,#ffffffbf);border-top:1px solid rgba(0,0,0,.06);color:var(--text)}.dark-theme .app-footer{background:linear-gradient(180deg,#080c14b8,#060a10eb);border-top:1px solid rgba(0,242,255,.08)}.footer-content{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr);gap:24px;justify-items:center;text-align:center}.footer-section h4{margin:0 0 12px;font-size:16px}.footer-section p,.footer-section li{margin:0 0 8px;color:var(--muted);line-height:1.6}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section button{padding:0;border:none;background:transparent;color:var(--muted);cursor:pointer;font:inherit}.footer-section button:hover{color:var(--primary)}.footer-bottom{max-width:1600px;margin:18px auto 0;padding-top:16px;border-top:1px solid rgba(0,0,0,.06);text-align:center;color:var(--muted);font-size:14px}.dark-theme .footer-bottom{border-top:1px solid rgba(0,242,255,.08)}.payment-section{flex:1;background:var(--surface);padding:26px;border-radius:var(--card-radius);box-shadow:var(--drop-shadow);border:1px solid rgba(0,0,0,.04)}.order-summary{width:360px;background:var(--surface);padding:24px;border-radius:var(--card-radius);border:1px solid rgba(0,0,0,.04)}.dark-theme .order-summary,.dark-theme .payment-section{background:linear-gradient(180deg,#060a10e6,#101622cc);border:none;box-shadow:var(--drop-shadow)}.cart-icon-wrapper{position:relative;display:inline-block}.cart-badge{position:absolute;top:-8px;right:-10px;background:var(--danger);color:#fff;border-radius:999px;padding:4px 7px;font-size:12px;font-weight:800;line-height:1;box-shadow:0 6px 18px #00000080}.dark-theme .cart-badge{background:var(--danger)}.cart-badge{z-index:3000}.dark-theme body,.dark-theme html,.dark-theme #root{background:linear-gradient(180deg,#0b0f19,#05070d)}.checkout-item{display:flex;justify-content:space-between;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid rgba(0,0,0,.04)}.form-group input{width:100%;padding:12px;border-radius:10px;border:1px solid rgba(0,0,0,.06);font-size:16px}.form-group label{font-weight:700;font-size:12px;color:var(--muted)}.stripe-input-container{padding:12px;border:1px solid rgba(0,0,0,.06);border-radius:8px;background:transparent}.stripe-input-container:focus-within{box-shadow:0 0 0 6px #00f2ff0f}.modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0f172a6b;-webkit-backdrop-filter:blur(12px) saturate(120%);backdrop-filter:blur(12px) saturate(120%);z-index:9999}.modal-content{width:92%;max-width:640px;border-radius:12px;padding:22px;background:var(--surface);border:1px solid rgba(148,163,184,.16);box-shadow:0 24px 70px #0f172a52;color:var(--text)}.dark-theme .modal-content{background:linear-gradient(180deg,#080c14fa,#121826f0);border:1px solid rgba(0,242,255,.12);box-shadow:0 28px 90px #00000080}.modal-content.info{border-left:6px solid var(--primary)}.modal-content.success{border-left:6px solid #22c55e}.modal-content.warning{border-left:6px solid #f59e0b}.modal-content.error{border-left:6px solid var(--danger)}.modal-header h3{margin:0 0 8px;font-size:1.25rem}.modal-body p{margin:10px 0 16px}.modal-details{background:#94a3b81f;padding:12px;border-radius:8px;font-family:monospace;border-left:4px solid var(--primary)}.dark-theme .modal-details{background:#ffffff0d}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:800px){.checkout-layout{flex-direction:column;margin-top:80px}.order-summary{width:100%;order:2}.payment-section{order:1}.cart-sidebar{width:100%;height:100%}}@media(min-width:1400px){.main-content{padding:64px}.header{height:92px;padding:22px 64px}.logo-img{width:130px}.logo-text{font-size:1.6rem}.product-grid-container{max-width:1600px}.product-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:44px}.product-card{padding:32px;min-height:420px}.image-wrapper{height:320px}.product-title{font-size:17px}.product-price{font-size:24px}.checkout-layout{max-width:1600px;padding:48px}.order-summary,.cart-sidebar{width:480px}.add-to-cart-btn,.btn-add,.btn-pay,.btn-verify{padding:14px 18px;font-size:1rem}.theme-bubble{width:80px;height:80px;font-size:30px;left:36px;bottom:36px}.quantity-controls{gap:10px}.qty-btn{width:36px;height:36px;border-radius:10px;font-size:18px}.qty-input{width:60px;padding:8px;font-size:15px}.cart-badge{top:-12px;right:-14px;padding:8px 10px;font-size:14px}}@media(min-width:2000px){.product-grid{grid-template-columns:repeat(auto-fill,minmax(420px,1fr))}.product-card{padding:36px;min-height:480px}.image-wrapper{height:380px}.product-title{font-size:18px}.product-price{font-size:26px}.theme-bubble{width:96px;height:96px;font-size:34px;left:44px;bottom:44px}.qty-btn{width:40px;height:40px;font-size:19px}.qty-input{width:68px;font-size:16px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.portal-container{padding:20px;margin-top:80px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;max-width:1200px;margin-left:auto;margin-right:auto}.portal-title{color:#0056b3;text-align:center;font-size:2rem;margin-bottom:20px}.portal-layout{display:flex;gap:40px;margin-top:30px}.admin-column{flex:1;background:#f4f7f6;padding:25px;border-radius:12px;box-shadow:0 4px 6px #0000000d}.management-column{flex:1.5;background:#fff;padding:25px;border-radius:12px;border:1px solid #dee2e6;box-shadow:0 4px 6px #0000000d}.section-title{border-bottom:2px solid #0056b3;padding-bottom:10px;margin-top:0;color:#333}.form-group{margin-bottom:20px}.form-group label{display:block;font-weight:600;margin-bottom:8px;font-size:14px;color:#555}.input-row{display:flex;gap:12px}.bank-input,.bank-select{width:100%;padding:12px;border-radius:6px;border:1px solid #ced4da;font-size:14px;transition:border-color .2s}.bank-input:focus,.bank-select:focus{outline:none;border-color:#0056b3;box-shadow:0 0 0 2px #0056b31a}.btn-generate{width:100%;padding:15px;margin-top:10px;background:#0056b3;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:700;font-size:16px;transition:background .3s}.btn-generate:hover{background:#004494}.placeholder-text{color:#888;font-style:italic;text-align:center;margin-top:50px}.input-error{border-color:#e53e3e!important;background-color:#fff5f5}.status-message{padding:15px;border-radius:8px;margin-bottom:20px;text-align:center;font-weight:700}.error-box{background-color:#fff5f5;color:#c53030;border:1px solid #fc8181}.info-box{background-color:#ebf8ff;color:#2b6cb0;border:1px solid #90cdf4}.bank-table{width:100%;border-collapse:collapse;margin-top:20px;font-size:14px}.bank-table th{text-align:left;padding:12px;background-color:#f8f9fa;border-bottom:2px solid #dee2e6}.bank-table td{padding:12px;border-bottom:1px solid #eee}.btn-small{padding:5px 8px;margin-right:5px;border-radius:4px;border:1px solid #ddd;cursor:pointer;background:#fff}.btn-delete:hover{background-color:#fff5f5;border-color:#fc8181}.btn-edit:hover{background-color:#ebf8ff;border-color:#90cdf4}.success-box{background-color:#f0fff4;color:#2f855a;border:1px solid #9ae6b4;padding:15px;border-radius:8px;margin-bottom:20px;text-align:center;font-weight:700;animation:fadeIn .5s}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.audit-section{background:#f8f9fa;padding:20px;border-radius:12px;border:1px solid #dee2e6}.audit-table{width:100%;border-collapse:collapse}.audit-table th,.audit-table td{padding:10px;border-bottom:1px solid #ddd;text-align:left}.badge{background:#6c757d;color:#fff;padding:3px 8px;border-radius:4px;font-size:10px;font-weight:700}.log-type-CLIENT_DELETED{color:#c53030}.log-type-LIMIT_CHANGED{color:#2b6cb0}.log-type-CLIENT_CREATED{color:#2f855a}.modal-overlay{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;background-color:#000c!important;display:flex!important;justify-content:center!important;align-items:center!important;z-index:999999!important;visibility:visible!important;opacity:1!important}.modal-container{background:#fff;padding:30px;border-radius:16px;width:480px;box-shadow:0 20px 50px #0000004d;animation:zoomIn .2s ease-out}@keyframes zoomIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #eee;padding-bottom:10px;margin-bottom:20px}.modal-header h3{margin:0;color:#d9534f;font-size:1.5rem}.close-x{background:none;border:none;font-size:24px;cursor:pointer;color:#999}.modal-body p{font-size:1.1rem;margin-bottom:15px}.modal-textarea{width:100%;height:100px;padding:12px;border:1px solid #ddd;border-radius:8px;margin-top:10px;font-family:inherit;resize:none;font-size:1rem}.modal-footer{display:flex;justify-content:flex-end;gap:15px;margin-top:25px}.btn-secondary{background-color:#f0f0f0;color:#333;border:1px solid #ccc;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:700}.btn-danger{background-color:#d9534f;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:700;transition:background .3s}.btn-danger:hover:not(:disabled){background-color:#c9302c}.btn-danger:disabled{background-color:#eba4a2;cursor:not-allowed}