:root{--color-light: rgb(84, 94, 102);--color-dark: rgba(222, 230, 238, .85);--color-dark-hover: rgba(222, 230, 238, .95)}.site-header{position:sticky;top:0;z-index:999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#191520;transition:all .3s ease}body.light-theme .site-header{background:linear-gradient(180deg,#ffffffe6,#ffffffd9)}.container{width:min(1180px,92%);margin:0 auto}.header-inner{display:flex;align-items:center;gap:16px;padding:16px 0}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:700;font-size:18px;letter-spacing:.5px;color:#34a0ff;flex-shrink:0;transition:color .2s ease}body.light-theme .brand{color:#0b76d1}.brand:hover{color:#1aa6ff}body.light-theme .brand:hover{color:#0a5fab}.brand strong{font-weight:700}.nav{margin-left:auto;display:flex;gap:18px}.nav a{text-decoration:none;padding:8px 12px;border-radius:8px;font-size:14px;color:var(--color-dark);transition:all .18s ease;font-weight:500}.nav a:hover{color:var(--color-dark-hover);background:#ffffff14;transform:translateY(-2px)}body.light-theme .nav a{color:var(--color-light)}body.light-theme .nav a:hover{color:#0f1720;background:#0000000d}.header-actions{display:flex;align-items:center;gap:12px}.header-actions .fa-moon{color:var(--color-dark)}.btn-icon{background:transparent;border:0;padding:8px;border-radius:8px;color:var(--color-light);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:16px}.btn-icon:hover{background:#ffffff14;color:#e6edf3}body.light-theme .btn-icon:hover{color:#0f1720;background-color:#0000000d}body.dark-theme .btn-icon:hover{color:var(--color-dark-hover);background-color:#ffffff1a}.btn-primary{border:0;border-radius:6px;background:linear-gradient(90deg,#34a0ff,#1aa6ff);color:#071225;padding:10px 18px;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;transition:all .2s ease}body.light-theme .btn-primary{background:linear-gradient(90deg,#0b76d1,#0a5fab);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #34a0ff66}body.light-theme .btn-primary:hover{box-shadow:0 4px 12px #0b76d14d}.user-menu{position:relative}.user-btn{display:flex;align-items:center;gap:8px;background:transparent;border:0;padding:8px 12px;border-radius:8px;color:var(--color-dark);cursor:pointer;text-decoration:none;transition:all .2s ease;font-weight:500}body.light-theme .user-btn{color:#0f1720}.user-btn:hover{background:#ffffff14}body.light-theme .user-btn:hover{background:#0000000d}.user-name{font-size:14px;font-weight:500}.user-btn,.user-btn .user-name{text-decoration:none!important}.user-submenu{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;z-index:999;border-radius:8px;padding:8px;box-shadow:0 4px 20px #00000026;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease}.user-menu:hover .user-submenu{opacity:1;visibility:visible;transform:translateY(0)}body.light-theme .user-submenu{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.1)}body.dark-theme .user-submenu{background:#1e1e1ef2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.user-submenu button{width:100%;padding:8px 12px;background:transparent;border:0;border-radius:6px;text-align:left;cursor:pointer;font-size:14px;color:inherit;transition:background .2s ease}.user-submenu button:hover{background:#ffffff1a}body.light-theme .user-submenu button:hover{background:#0000000d}.btn-logout{padding:8px 12px;font-size:14px;width:100%;text-align:left}@media(max-width:900px){.nav,.user-name{display:none}.header-inner{padding:12px 0;gap:12px}.brand{font-size:16px}.btn-primary{padding:8px 14px;font-size:13px}}@media(max-width:480px){.header-actions{gap:8px}.btn-icon{padding:6px}}.custom-lang-switcher{position:relative;display:inline-block}.lang-btn{display:flex;align-items:center;gap:6px;background:#ffffff08;color:var(--muted, #9aa3a8);border:1px solid rgba(255,255,255,.1);border-radius:99px;padding:6px 12px;font-size:13px;font-weight:600;cursor:pointer;outline:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .2s cubic-bezier(.2,.8,.2,1)}.lang-btn:hover,.lang-btn.active{background:#ffffff14;color:#fff;border-color:#fff3}.lang-icon{width:15px;height:15px;opacity:.9}.lang-chevron{width:14px;height:14px;transition:transform .3s ease}.lang-btn.active .lang-chevron{transform:rotate(180deg)}.lang-dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:110px;background:#1e2235;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:6px;box-shadow:0 10px 30px #0006;z-index:100;animation:langFadeIn .2s cubic-bezier(.2,.8,.2,1)}@keyframes langFadeIn{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.lang-option{display:block;width:100%;text-align:center;padding:8px 12px;background:transparent;border:none;color:#9aa3a8;font-size:12.5px;font-weight:700;letter-spacing:.5px;border-radius:6px;cursor:pointer;transition:all .2s}.lang-option:hover{background:#ffffff0d;color:#fff}.lang-option.selected{background:#34a0ff26;color:var(--accent, #34A0FF)}body.light-theme .lang-btn{background:#f8fafc;color:#64748b;border-color:#e2e8f0}body.light-theme .lang-btn:hover,body.light-theme .lang-btn.active{background:#fff;color:#0f172a;border-color:#cbd5e1;box-shadow:0 2px 8px #0000000a}body.light-theme .lang-dropdown{background:#fff;border-color:#e2e8f0;box-shadow:0 10px 25px #00000014}body.light-theme .lang-option{color:#475569}body.light-theme .lang-option:hover{background:#f1f5f9;color:#0f172a}body.light-theme .lang-option.selected{background:#eff6ff;color:#0284c7}html,body{height:100%}:root body.light-theme{--bg-login: rgba(255, 255, 255, .5);--shadow-lg: 0 8px 16px rgba(179, 179, 179, .3);--title-lg: rgba(54, 57, 63,.7);--label-lg: #838383;--fm-input: #fdfdfd;--hv-lg: #ececec;--cl-lg: rgba(54, 57, 63,.7);--fc-lg: none}:root body.dark-theme{--bg-login: rgba(54, 57, 63,.3);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .3);--title-lg: #ffffff;--label-lg: #b9bbbe;--fm-input: #40444b;--hv-lg: #8b8b8b;--cl-lg: #dbdee1;--fc-lg: #36393f}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px}body.light-theme{background-color:#36393f4d}body.light-theme .login-box{border:1px solid rgba(165,165,165,.3)}.login-box{background:var(--bg-login);padding:40px;width:100%;max-width:440px;border-radius:8px;box-shadow:var(--shadow-lg)}.login-title{text-align:center;color:var(--title-lg);margin-bottom:30px;font-size:24px;font-weight:700}.login-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:var(--label-lg);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.form-input{padding:10px 12px;border:1px solid #44474d;border-radius:4px;font-size:14px;font-family:inherit;transition:border-color .15s ease,box-shadow .15s ease;background-color:var(--fm-input);color:var(--cl-lg)}.form-input::placeholder{color:var(--cl-lg);font-weight:500}.form-input:hover{border-color:#bebebe}.form-input:focus{outline:none;border-color:#7289da;background-color:var(--fc-lg);box-shadow:inset 0 0 0 1px #7289da}.error-message{background-color:#f04747;color:#fff;padding:10px 12px;border-radius:4px;font-size:13px;font-weight:500}.submit-button{padding:10px 16px;background-color:#7289da;color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;margin-top:4px;transition:background-color .15s ease}.submit-button:hover:not(:disabled){background-color:#8297f0}.submit-button:active:not(:disabled){background-color:#5f73bd}.submit-button:disabled{background-color:#72767d;cursor:not-allowed;opacity:.5}.login-footer{text-align:center;margin-top:16px;font-size:12px}.login-footer a{color:#7289da;text-decoration:none;font-weight:500;transition:color .15s ease}.login-footer a:hover{color:#8297f0;text-decoration:underline}.login-footer span{color:#72767d;margin:0 4px}@media(max-width:480px){.login-box{padding:30px 20px}.login-title{font-size:20px;margin-bottom:20px}.form-input{padding:9px 10px;font-size:13px}}.pv-spinner{width:34px;height:34px;border-radius:50%;border:4px solid rgba(0,0,0,.06);border-top-color:var(--pv-primary);max-width:0 auto;animation:pv-spin .9s linear infinite}@keyframes pv-spin{to{transform:rotate(360deg)}}:root{--pv-gap: 24px;--pv-bg: #f6f8fb;--pv-panel: #ffffff;--pv-text: #0b1220;--pv-muted: #6b7280;--pv-primary: #0491ff;--pv-border: rgba(15, 23, 36, .08);--pv-card-shadow: 0 8px 30px rgba(10, 20, 40, .04);--pv-qr-bg: rgb(238, 244, 255, .2);--pv-thumb-bg: #ffffff;--pv-hover: rgba(4, 145, 255, .04);--pv-copy-bg: rgba(4, 145, 255, .12);--pv-copy-color: #0372d6;--pv-scroll-thumb: rgba(0, 0, 0, .12);--pv-scroll-track: transparent;--pv-chip-pending: rgba(238, 125, 19, .1);--pv-chip-success: rgba(33, 137, 255, .1);--pv-chip-pending-color: #ee7d13;--pv-chip-success-color: #2189ff;--pv-chip-failed: rgba(239, 68, 68, .1);--pv-chip-failed-color: #b91c1c;--pv-chip-unknown: rgba(99, 102, 241, .06);--pv-table-amount: rgb(120, 120, 120);--pv-table-main: var(--pv-text);--pv-btn-ghost-border: rgba(4, 145, 255, .12);--pv-btn-ghost-color: rgb(18, 101, 209)}body.dark-theme{--pv-bg: rgba(25, 21, 32);--pv-panel: rgba(25, 21, 32);--pv-text: #e6eef8;--pv-muted: #98a0b3;--pv-primary: #34a0ff;--pv-border: rgba(255, 255, 255, .06);--pv-card-shadow: 0 16px 40px rgba(0, 0, 0, .4);--pv-qr-bg: rgba(255, 255, 255, .01);--pv-thumb-bg: rgba(255, 255, 255, .02);--pv-hover: rgba(255, 255, 255, .04);--pv-copy-bg: rgba(255, 255, 255, .08);--pv-copy-color: var(--pv-text);--pv-scroll-thumb: rgba(255, 255, 255, .12);--pv-scroll-track: rgba(255, 255, 255, .02);--pv-chip-pending: rgba(214, 155, 110, .15);--pv-chip-success: rgba(33, 137, 255, .15);--pv-chip-pending-color: #d69b6e;--pv-chip-success-color: #34a0ff;--pv-table-amount: rgb(201, 201, 201);--pv-table-main: rgb(220, 220, 220);--pv-btn-ghost-border: rgba(170, 218, 255, .12);--pv-btn-ghost-color: rgb(114, 178, 255)}*,*:before,*:after{box-sizing:border-box}.pv-payment-root{display:block;margin:10px auto;width:min(1540px,70%);padding:20px;border-radius:12px;color:var(--pv-text);background:transparent;font-family:Inter,system-ui,sans-serif;opacity:0;transform:translateY(10px);transition:transform .3s ease,opacity .3s ease}.pv-payment-root.pv-mounted{opacity:1;transform:translateY(0)}.container .pv-payment-root{width:100%;max-width:none;margin:18px 0;padding:0}.pv-shell{display:grid;grid-template-columns:1fr 1fr;gap:var(--pv-gap);align-items:stretch;width:100%}.pv-panel{background:var(--pv-panel);border-radius:16px;padding:28px;border:1px solid var(--pv-border);display:flex;flex-direction:column}.pv-badge{display:inline-block;padding:6px 12px;border-radius:6px;background:#0491ff1a;color:var(--pv-primary);font-weight:600;font-size:12px;margin-bottom:12px;align-self:flex-start}.pv-title{margin:0 0 8px;font-size:20px;font-weight:700;color:var(--pv-text)}.pv-desc{margin:0 0 20px;color:var(--pv-muted);font-size:14px}.pv-form{display:grid;gap:16px}.pv-field{display:flex;flex-direction:column;gap:8px}.pv-field-label{font-size:13px;color:var(--pv-muted);font-weight:600}.pv-input{height:44px;padding:10px 14px;border-radius:10px;border:1px solid var(--pv-border);background:transparent;color:var(--pv-text);font-size:15px;outline:none;transition:border-color .2s,box-shadow .2s}.pv-input:focus{box-shadow:0 4px 12px #0491ff14;border-color:#0491ff66}input[type=number]{-moz-appearance:textfield;appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pv-bento-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin-top:4px}.pv-flat-card-label{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:12px;border:1px solid var(--pv-border);background:transparent;color:var(--pv-muted);cursor:pointer;font-weight:500;font-size:14px;transition:all .2s ease}.pv-flat-card-label:hover{background:var(--pv-hover)}.pv-flat-card-input{display:none}.pv-flat-card-input:checked+.pv-flat-card-label{border-color:var(--pv-primary);background:#0491ff0f;color:var(--pv-primary)}.pv-terms-list{display:flex;flex-direction:column;gap:16px;padding:0;margin:0;list-style:none}.pv-terms-item{display:flex;gap:12px;font-size:14px;line-height:1.6;color:var(--pv-text)}.pv-terms-icon{color:var(--pv-primary);flex-shrink:0;margin-top:2px}.pv-terms-text strong{color:var(--pv-text)}.pv-actions{display:flex;gap:12px;align-items:center;margin-top:4px}.pv-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:10px;border:none;background:transparent;color:var(--pv-text);cursor:pointer;font-weight:600;font-size:14px;transition:transform .15s,box-shadow .15s,filter .15s}.pv-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.pv-btn-primary{background:var(--pv-primary);color:#fff;box-shadow:0 4px 14px #0491ff26}.pv-btn-primary:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.05);box-shadow:0 6px 20px #0491ff33}.pv-btn-ghost{border:1px solid var(--pv-btn-ghost-border);color:var(--pv-btn-ghost-color)}.pv-btn-ghost:hover:not(:disabled){background:var(--pv-hover)}.pv-btn-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;color:var(--pv-text);cursor:pointer;border-radius:8px;transition:background .2s,color .2s;padding:0}.pv-btn-icon:hover:not(:disabled){background:var(--pv-hover);color:var(--pv-primary)}.pv-btn-icon:disabled{opacity:.3;cursor:not-allowed}.pv-btn-group{display:inline-flex;align-items:center;border-radius:8px;border:1px solid var(--pv-border);overflow:hidden;background:transparent}.pv-btn-group .pv-btn-icon{border-radius:0;border-right:1px solid var(--pv-border)}.pv-btn-group .pv-btn-icon:last-child{border-right:none}.pv-note,.pv-info{margin-top:16px;padding:14px;border-radius:10px;background:#00000005;color:var(--pv-muted);font-size:13px}body.dark-theme .pv-note,body.dark-theme .pv-info{background:#ffffff05}.pv-note-error{background:#ef44441a;color:var(--pv-chip-failed-color)}.pv-info-row{display:flex;justify-content:space-between;gap:8px;padding:6px 0}.pv-k{color:var(--pv-muted)}.pv-v{color:var(--pv-text);font-weight:600}.pv-history-panel{margin:24px auto 60px}.pv-history-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.pv-history-head h3{margin:0;font-size:18px}.pv-history-table-wrap{max-height:420px;overflow:auto;border-radius:10px;border:1px solid var(--pv-border);scrollbar-width:thin;scrollbar-color:var(--pv-scroll-thumb) var(--pv-scroll-track)}.pv-history-table-wrap::-webkit-scrollbar{width:8px;height:8px}.pv-history-table-wrap::-webkit-scrollbar-track{background:var(--pv-scroll-track)}.pv-history-table-wrap::-webkit-scrollbar-thumb{background:var(--pv-scroll-thumb);border-radius:8px}.pv-history-table{width:100%;border-collapse:collapse;font-size:14px}.pv-history-table th{position:sticky;top:0;background:var(--pv-panel);color:var(--pv-muted);padding:14px 16px;font-size:13px;text-align:left;border-bottom:1px solid var(--pv-border);z-index:10;font-weight:600}.pv-history-table td{padding:14px 16px;border-bottom:1px solid var(--pv-border);color:var(--pv-text)}.pv-history-table tbody tr:hover{background:var(--pv-hover)}.col-amount .cell{color:var(--pv-table-amount);font-weight:600}.col-main .cell{color:var(--pv-table-main);font-weight:500}.col-date .cell{color:var(--pv-muted);font-size:13px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace}.pv-row-actions{display:flex;gap:8px;align-items:center}.pv-chip{display:inline-block;padding:4px 10px;border-radius:6px;font-weight:600;font-size:12px;text-transform:capitalize}.pv-chip--pending{background:var(--pv-chip-pending);color:var(--pv-chip-pending-color)}.pv-chip--success{background:var(--pv-chip-success);color:var(--pv-chip-success-color)}.pv-chip--failed{background:var(--pv-chip-failed);color:var(--pv-chip-failed-color)}.pv-chip--unknown{background:var(--pv-chip-unknown);color:var(--pv-muted)}.pv-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center}.pv-modal-overlay{position:absolute;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.pv-modal-inner{position:relative;z-index:10000;max-width:90vw;max-height:90vh;padding:24px;border-radius:16px;background:var(--pv-panel)}body.dark-theme .pv-modal-x{background:#252530;border:1px solid rgba(255,255,255,.06);box-shadow:0 20px 40px #00000080}.pv-modal-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(15,23,36,.08)}body.dark-theme .pv-modal-row{border-bottom:1px solid rgba(255,255,255,.04)}.pv-modal-row:last-child{border-bottom:none}.pv-modal-key{color:var(--pv-muted);font-size:13px}.pv-modal-val{color:var(--pv-text);font-size:14px;font-weight:500}.pv-btn-copy-sm{background:#0491ff1a;border:none;color:var(--pv-copy-color);padding:4px 10px;border-radius:6px;font-size:12px;cursor:pointer;transition:background .2s;font-weight:600}body.dark-theme .pv-btn-copy-sm{background:#ffffff14;color:var(--pv-text)}.pv-btn-copy-sm:hover{background:#0491ff33}body.dark-theme .pv-btn-copy-sm:hover{background:#ffffff26}.pv-modal-close-btn{background:#0f17240d;border:none;color:var(--pv-muted);width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}body.dark-theme .pv-modal-close-btn{background:#ffffff0d}.pv-modal-close-btn:hover{background:#ef444426;color:#ef4444}:is(button,a,input):focus-visible{outline:2px solid var(--pv-primary);outline-offset:2px}.pv-history-table td:last-child,.pv-history-table th:last-child{text-align:center}.pv-history-table td:last-child .cell{display:flex;justify-content:center;align-items:center}.pv-row-actions{display:inline-flex;justify-content:center;align-items:center;gap:8px;width:100%}.pv-btn-copy-sm,.pv-btn-icon,.pv-btn.pv-btn-ghost{height:32px}.pv-history-table th:last-child,.pv-history-table td:last-child{white-space:nowrap}@media(max-width:920px){.pv-shell{grid-template-columns:1fr}.pv-right{order:-1;margin-bottom:12px;justify-content:flex-start;align-items:stretch}.pv-thumb img{width:min(220px,100%);max-height:280px}.pv-history-table-wrap{max-height:300px}}@media(max-width:560px){.pv-thumb img{width:min(160px,100%);max-height:220px}}@media(max-width:520px){.pv-payment-root{width:calc(100% - 20px);margin:10px auto;padding:12px;border-radius:10px;--pv-gap: 14px}.pv-shell{grid-template-columns:1fr;gap:var(--pv-gap)}.pv-right{order:-1;margin-bottom:8px;justify-content:stretch;align-items:stretch}.pv-qr-card{width:100%;max-width:100%;padding:12px;border-radius:10px}.pv-qr-title{font-size:15px}.pv-qr-foot{gap:8px;flex-wrap:wrap}.pv-qr-body{padding:10px}.pv-thumb img{width:100%;max-width:360px;max-height:320px;box-shadow:none}.pv-thumb{display:block;width:100%;text-align:center}.pv-form{gap:10px}.pv-input{height:48px;padding:12px;border-radius:10px;font-size:16px}.pv-actions{gap:10px;align-items:stretch;justify-content:space-between;margin-top:6px}.pv-btn{width:100%;max-width:100px;padding:12px 14px;border-radius:10px;font-size:15px}.pv-actions.inline{flex-direction:row;flex-wrap:wrap}.pv-actions.inline .pv-btn{flex:1 1 auto;min-width:0}.pv-icon-btn,.pv-icon-small{width:48px;height:48px;border-radius:12px;align-self:start}.pv-copy{display:inline-block;width:auto;padding:10px 12px;border-radius:10px;font-size:14px}.pv-qr-foot .pv-copy.full{width:100%}.pv-note,.pv-info{padding:10px;font-size:13px;border-radius:10px}.pv-modal-inner{max-width:calc(100vw - 28px);max-height:calc(100vh - 28px);padding:10px;border-radius:10px}.pv-modal-close{width:40px;height:40px}.pv-history-panel{padding:10px;border-radius:10px;margin:18px 6px 50px}.pv-history-table-wrap{max-height:280px}.pv-history-table thead{display:none}.pv-history-table,.pv-history-table tbody{display:block;width:100%}.pv-history-table tbody tr{display:flex;flex-direction:row;align-items:center;gap:12px;margin-bottom:10px;padding:8px 10px;border-radius:10px;background:linear-gradient(180deg,#00000003,#0000);border:1px solid var(--pv-border);transition:transform .18s ease,box-shadow .18s ease;white-space:normal;overflow:visible}.pv-history-table tbody td{display:inline-flex;align-items:center;gap:8px;padding:0;border-bottom:none;font-size:14px;min-width:0}.pv-history-table tbody td .cell{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pv-history-table tbody td.col-main{flex:1 1 0%;min-width:0}.pv-history-table tbody td.col-amount,.pv-history-table tbody td.col-date,.pv-history-table tbody td.col-ref{flex:0 0 auto;white-space:nowrap}.pv-row-actions{display:flex;margin-left:auto;gap:8px}.pv-row-actions .pv-btn{padding:8px 10px;flex-shrink:0}.pv-spinner{width:30px;height:30px;border-width:3px}.pv-payment-root :is(button,a,.pv-input):focus-visible{box-shadow:0 0 0 6px #0491ff1f}.pv-panel,.pv-qr-card{box-shadow:none}}@media(max-width:360px){.pv-input{font-size:15px;height:46px;padding:10px}.pv-btn{font-size:14px;padding:10px}.pv-qr-foot{gap:6px;flex-direction:column;align-items:stretch}.pv-history-table tbody tr{gap:8px;padding:6px 8px}.pv-history-table tbody td .cell{font-size:12px}}@media(max-width:520px){.pv-input.pv-input--number{padding-right:52px}.pv-number-btn{width:36px;height:30px;font-size:13px}.pv-number-controls{right:6px;gap:4px}}:root{--ak-bg: #f6f8fb;--ak-panel: #ffffff;--ak-text: #0b1220;--ak-muted: #6b7280;--ak-primary: #0491ff;--ak-border: rgba(15, 23, 36, .08);--ak-shadow: 0 8px 30px rgba(10, 20, 40, .04);--ak-hover: rgba(4, 145, 255, .04);--ak-chip-success: rgba(33, 137, 255, .1);--ak-chip-success-text: #2189ff;--ak-chip-failed: rgba(239, 68, 68, .1);--ak-chip-failed-text: #b91c1c;--ak-code-bg: #f8fafc;--ak-code-text: #0f172a}body.dark-theme{--ak-bg: rgba(25, 21, 32);--ak-panel: rgba(25, 21, 32);--ak-text: #e6eef8;--ak-muted: #98a0b3;--ak-primary: #34a0ff;--ak-border: rgba(255, 255, 255, .06);--ak-shadow: 0 16px 40px rgba(0, 0, 0, .4);--ak-hover: rgba(255, 255, 255, .04);--ak-chip-success: rgba(33, 137, 255, .15);--ak-chip-success-text: #34a0ff;--ak-chip-failed: rgba(239, 68, 68, .15);--ak-chip-failed-text: #f87171;--ak-code-bg: rgba(0, 0, 0, .3);--ak-code-text: #e6eef8}.ak-root{display:block;margin:20px auto;width:min(1540px,70%);padding:20px;border-radius:12px;color:var(--ak-text);background:transparent;font-family:Inter,system-ui,sans-serif;opacity:0;transform:translateY(10px);transition:transform .3s ease,opacity .3s ease}.ak-root.ak-mounted{opacity:1;transform:translateY(0)}.ak-panel{background:var(--ak-panel);border-radius:16px;padding:32px;border:1px solid var(--ak-border);box-shadow:var(--ak-shadow);width:100%}.ak-title{margin:0 0 8px;font-size:22px;font-weight:700;color:var(--ak-text)}.ak-desc{margin:0;color:var(--ak-muted);font-size:14px}.ak-header-flex{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:20px;margin-bottom:30px}.ak-create-form{display:flex;gap:12px;width:100%;max-width:450px}.ak-input{flex:1;height:44px;padding:10px 14px;border-radius:10px;border:1px solid var(--ak-border);background:transparent;color:var(--ak-text);font-size:14px;outline:none;transition:border-color .2s,box-shadow .2s}.ak-input:focus{border-color:var(--ak-primary);box-shadow:0 4px 12px #0491ff14}.ak-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 18px;border-radius:10px;border:none;cursor:pointer;font-weight:600;font-size:14px;white-space:nowrap;transition:transform .15s,filter .15s,opacity .2s}.ak-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.ak-btn-primary{background:var(--ak-primary);color:#fff;box-shadow:0 4px 14px #0491ff26}.ak-btn-primary:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.05)}.ak-success-banner{background:var(--ak-chip-success);border:1px solid var(--ak-border);border-radius:12px;padding:20px;margin-bottom:32px;animation:akFadeIn .3s ease-out}@keyframes akFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ak-banner-head{display:flex;align-items:center;gap:12px;margin-bottom:16px;color:var(--ak-chip-success-text);font-weight:600;font-size:14px}.ak-badge-new{background:var(--ak-chip-success-text);color:#fff;padding:2px 8px;border-radius:12px;font-size:11px}.ak-token-display{display:flex;align-items:center;background:var(--ak-panel);border:1px solid var(--ak-border);border-radius:10px;padding:6px 6px 6px 16px}.ak-token-display code{flex:1;font-family:monospace;font-size:15px;color:var(--ak-text);overflow-x:auto}.ak-btn-copy-main{display:inline-flex;align-items:center;gap:6px;background:var(--ak-primary);color:#fff;border:none;padding:10px 18px;border-radius:8px;font-weight:600;cursor:pointer;transition:opacity .2s}.ak-btn-copy-main:hover{opacity:.9}.ak-table-wrap{width:100%;overflow-x:auto;border-radius:12px;border:1px solid var(--ak-border);margin-top:20px}.ak-table{width:100%;border-collapse:collapse;text-align:left}.ak-table th{background:var(--ak-hover);color:var(--ak-muted);font-size:13px;font-weight:600;padding:16px 20px;border-bottom:1px solid var(--ak-border)}.ak-table td{padding:16px 20px;border-bottom:1px solid var(--ak-border);color:var(--ak-text);font-size:14px}.ak-table tr:hover{background:var(--ak-hover)}.ak-font-600{font-weight:600}.ak-text-muted{color:var(--ak-muted)}.ak-empty-state{text-align:center;padding:40px!important;color:var(--ak-muted)}.ak-token-inline{display:inline-flex;align-items:center;gap:8px;background:var(--ak-code-bg);padding:4px 8px;border-radius:8px;border:1px solid transparent}.ak-token-inline code{font-family:monospace;font-size:13px;color:var(--ak-muted)}.ak-icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:transparent;border:none;color:var(--ak-muted);cursor:pointer;transition:all .2s}.ak-icon-btn:hover{background:var(--ak-border);color:var(--ak-primary)}.ak-icon-btn.ak-btn-danger:hover{background:var(--ak-chip-failed);color:var(--ak-chip-failed-text)}.ak-icon-btn:disabled{opacity:.3;cursor:not-allowed}.ak-chip{display:inline-block;padding:4px 10px;border-radius:6px;font-weight:600;font-size:12px}.ak-chip-success{background:var(--ak-chip-success);color:var(--ak-chip-success-text)}.ak-chip-failed{background:var(--ak-chip-failed);color:var(--ak-chip-failed-text)}.ak-code-box{position:relative;background:var(--ak-code-bg);border:1px solid var(--ak-border);border-radius:12px;padding:24px;overflow-x:auto}.ak-code-copy-btn{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:6px;background:var(--ak-panel);border:1px solid var(--ak-border);color:var(--ak-muted);padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.ak-docs-section{margin-top:40px;padding-top:30px;border-top:1px dashed var(--ak-border)}.ak-docs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.ak-docs-header h4{margin:0;font-size:18px;color:var(--ak-text)}.ak-tabs{display:flex;gap:4px;background:var(--ak-hover);padding:4px;border-radius:8px}.ak-tabs button{background:transparent;border:none;color:var(--ak-muted);font-size:13px;font-weight:600;padding:8px 16px;border-radius:6px;cursor:pointer;transition:all .2s}.ak-tabs button:hover{color:var(--ak-text)}.ak-tabs button.active{background:var(--ak-panel);color:var(--ak-text);box-shadow:0 2px 6px #0000000d}.ak-code-box{position:relative;background:var(--ak-code-bg);border:1px solid var(--ak-border);border-radius:12px;padding:54px 24px 24px;overflow-x:auto}.ak-code-top-actions{position:absolute;top:12px;left:16px;right:12px;display:flex;justify-content:space-between;align-items:center;z-index:10}.ak-endpoint-select{background:var(--ak-panel);color:var(--ak-text);border:1px solid var(--ak-border);padding:6px 28px 6px 12px;border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;outline:none;transition:border-color .2s;appearance:auto;max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ak-endpoint-select:hover,.ak-endpoint-select:focus{border-color:var(--ak-text)}.ak-code-copy-btn{position:static;display:flex;align-items:center;gap:6px;background:var(--ak-panel);border:1px solid var(--ak-border);color:var(--ak-muted);padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;flex-shrink:0}.ak-code-copy-btn:hover{color:var(--ak-text);border-color:var(--ak-text)}.ak-code-box pre{margin:0;font-family:ui-monospace,Consolas,monospace;font-size:14px;line-height:1.6;color:var(--ak-code-text)}.ak-code-string{color:#059669}.ak-code-keyword{color:#7c3aed;font-weight:600}.ak-code-function{color:#2563eb}.ak-code-constant{color:#d97706}body.dark-theme .ak-code-string{color:#34d399}body.dark-theme .ak-code-keyword{color:#a78bfa;font-weight:600}body.dark-theme .ak-code-function{color:#60a5fa}body.dark-theme .ak-code-constant{color:#fbbf24}@media(max-width:768px){.ak-root{width:95%;margin:10px auto;padding:10px}.ak-panel{padding:20px 16px}.ak-header-flex{flex-direction:column;align-items:flex-start;gap:16px}.ak-create-form{max-width:100%;width:100%}.ak-token-display{flex-direction:column;padding:12px;gap:12px}.ak-token-display code{width:100%;word-break:break-all;font-size:13px}.ak-btn-copy-main{width:100%;justify-content:center}.ak-table th,.ak-table td{padding:12px 10px;font-size:13px;white-space:nowrap}.ak-token-inline{max-width:120px;overflow:hidden}.ak-docs-header{flex-direction:column;align-items:flex-start;gap:12px}.ak-tabs{width:100%;overflow-x:auto;display:flex}.ak-tabs button{flex:1;padding:8px 10px;font-size:12px;white-space:nowrap}.ak-code-top-actions{flex-direction:column;gap:10px;position:static;margin-bottom:10px}.ak-endpoint-select{max-width:100%;width:100%}.ak-code-box{padding:16px}.ak-code-box pre{font-size:12px}}code,pre{word-wrap:break-word;white-space:pre-wrap}.od-admin-layout{display:flex;height:100vh;width:100vw;background-color:var(--od-bg);overflow:hidden;font-family:Inter,system-ui,sans-serif}.od-admin-sidebar{background-color:var(--od-surface);border-right:1px solid var(--od-border);display:flex;flex-direction:column;transition:width .2s ease;z-index:100}.od-admin-layout.is-open .od-admin-sidebar{width:240px}.od-admin-layout.is-closed .od-admin-sidebar{width:70px}.od-admin-brand{height:60px;display:flex;align-items:center;padding:0 16px;gap:12px;border-bottom:1px solid var(--od-border);overflow:hidden}.od-brand-logo{width:32px;height:32px;min-width:32px;background:var(--od-primary);color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px}.od-brand-text{font-weight:800;color:var(--od-text);font-size:15px;white-space:nowrap}.od-admin-menu-scroll{flex:1;overflow-y:auto;padding:16px 12px}.od-admin-menu-scroll::-webkit-scrollbar{width:4px}.od-admin-menu-scroll::-webkit-scrollbar-thumb{background:var(--od-border);border-radius:4px}.od-menu-heading{font-size:11px;font-weight:700;color:var(--od-muted);text-transform:uppercase;margin:0 0 12px 12px;white-space:nowrap}.od-admin-nav{display:flex;flex-direction:column;gap:4px}.od-menu-link{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;padding:0 12px!important;height:40px!important;max-height:40px!important;border-radius:8px!important;color:var(--od-muted)!important;text-decoration:none!important;background:transparent!important;cursor:pointer;transition:background .15s,color .15s!important;box-sizing:border-box!important}.od-menu-link:hover{background:var(--od-border)!important;color:var(--od-text)!important}.od-menu-link.is-active{background:#1e6fff1a!important;color:var(--od-primary)!important;font-weight:600!important}.od-menu-icon{font-size:18px;min-width:18px;display:block!important}.od-menu-text{font-size:14px;white-space:nowrap;overflow:hidden;display:block!important}.od-admin-footer{padding:16px 12px;border-top:1px solid var(--od-border)}.od-logout-btn{color:var(--od-muted)!important;width:100%}.od-logout-btn:hover{background:#ff47571a!important;color:var(--od-failed)!important}.od-admin-main{flex:1;display:flex;flex-direction:column;background-color:var(--od-bg);overflow:hidden}.od-admin-topbar{height:60px;min-height:60px;background:var(--od-surface);border-bottom:1px solid var(--od-border);display:flex;align-items:center;justify-content:space-between;padding:0 24px}.od-topbar-left{display:flex;align-items:center;gap:16px}.od-toggle-btn{background:transparent;border:none;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--od-muted);font-size:18px;cursor:pointer;border-radius:6px}.od-toggle-btn:hover{background:var(--od-border);color:var(--od-primary)}.od-topbar-search{position:relative;display:flex;align-items:center}.od-search-icon{position:absolute;left:12px;color:var(--od-muted);font-size:13px}.od-topbar-search input{padding:8px 16px 8px 34px;border-radius:8px;border:1px solid var(--od-border);background:var(--od-bg);color:var(--od-text);width:220px;outline:none;font-size:13px;transition:.2s}.od-topbar-search input:focus{border-color:var(--od-primary);width:280px}.od-notif-btn{background:var(--od-bg);border:1px solid var(--od-border);color:var(--od-muted);width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative}.od-notif-btn:hover{color:var(--od-primary);border-color:var(--od-primary)}.od-notif-badge{position:absolute;top:-6px;right:-6px;background:var(--od-failed);color:#fff;font-size:10px;font-weight:700;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center}.od-admin-viewport{flex:1;padding:24px;overflow-y:auto;scroll-behavior:smooth}.od-topbar-right{display:flex;align-items:center;gap:16px}.od-admin-user-info{display:flex;align-items:center;gap:10px;padding:6px 12px;background:var(--od-bg);border:1px solid var(--od-border);border-radius:20px}.od-admin-name{font-size:13px;font-weight:600;color:var(--od-text);max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.od-admin-avatar-icon{font-size:18px;color:var(--od-primary)}.od-topbar-search input{padding:6px 16px 6px 34px;border-radius:8px;border:1px solid var(--od-border);background:var(--od-bg);color:var(--od-text);width:180px;outline:none;font-size:13px;transition:width .3s ease}.od-topbar-search input:focus{border-color:var(--od-primary);width:240px}.od-admin-brand:hover .od-brand-logo{filter:brightness(1.1);transform:scale(1.05)}.od-admin-brand:hover .od-brand-text{color:var(--od-primary)}body.dark-theme .od-admin-user-info{background:#ffffff0d}.od-theme-toggle-btn{background:var(--od-bg);border:1px solid var(--od-border);color:var(--od-muted);width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;transition:all .2s ease}.od-theme-toggle-btn:hover{color:var(--od-primary);border-color:var(--od-primary);background:#1e6fff0d}.od-logout-btn:disabled{opacity:.5;cursor:not-allowed}.admin-page-wrapper{padding:30px;background-color:var(--od-bg);color:var(--od-text);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;transition:background-color .3s ease,color .3s ease}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:30px}.stat-card,.table-card,.custom-modal,.action-dropdown{background:var(--od-surface);border-radius:16px;padding:24px;border:1px solid var(--od-border);box-shadow:0 4px 24px #00000005;transition:background-color .3s ease,border-color .3s ease}.stat-card{display:flex;align-items:center;gap:20px}.stat-icon-box{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center}.stat-info h3{font-size:28px;font-weight:700}.stat-info p,.user-name-text span,.text-muted,.modal-desc,.pagination-info{margin:4px 0 0;color:var(--od-muted);font-size:14px}.stat-info p{font-weight:500}.table-header-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.table-actions{display:flex;align-items:center;gap:15px}.search-input-modern,.modal-input{padding:10px 16px;width:250px;outline:none;font-size:14px;background:transparent;color:var(--od-text);border:1px solid var(--od-border);border-radius:8px;transition:border-color .2s,box-shadow .2s}.search-input-modern:focus,.modal-input:focus{border-color:var(--od-primary);box-shadow:0 0 0 3px #1e6fff1a}.search-input-modern::placeholder,.modal-input::placeholder{color:var(--od-muted)}.table-responsive{max-height:550px;overflow-y:auto;overflow-x:auto;border-radius:8px;border:1px solid var(--od-border);scrollbar-width:thin;scrollbar-color:var(--od-border) transparent}.table-responsive::-webkit-scrollbar{width:6px;height:6px}.table-responsive::-webkit-scrollbar-track{background:transparent}.table-responsive::-webkit-scrollbar-thumb{background-color:var(--od-border);border-radius:10px}.modern-table{width:100%;border-collapse:collapse}.modern-table th{position:sticky;top:0;z-index:10;text-align:left;padding:16px;font-size:13px;font-weight:600;white-space:nowrap;background-color:var(--od-surface);color:var(--od-muted);box-shadow:inset 0 -1px 0 var(--od-border)}.modern-table td{padding:16px;vertical-align:middle;font-size:14px;color:var(--od-text);border-bottom:1px solid var(--od-border);transition:opacity .2s}.modern-table tbody tr{transition:background .15s,opacity .3s ease}.modern-table tbody tr:hover{background:#00000005}body.dark-theme .modern-table tbody tr:hover{background:#ffffff05}.row-locked{background-color:#ff47570a!important;opacity:.7}.text-bold{font-weight:600}.user-profile-cell{display:flex;align-items:center;gap:12px}.avatar-circle{width:36px;height:36px;border-radius:50%;background-color:#1e6fff1a;color:var(--od-primary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.user-name-text{display:flex;flex-direction:column}.pill{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;display:inline-block}.status-open{background:#05c46b1a;color:var(--od-success)}.status-closed{background:#5967761a;color:var(--od-muted)}.role-admin{background:#ff47571a;color:var(--od-failed)}.role-user{background:#1e6fff1a;color:var(--od-primary)}.action-cell{position:relative}.btn-dots{background:transparent;border:none;color:var(--od-muted);cursor:pointer;padding:8px;font-size:16px;border-radius:4px}.btn-dots:hover:not(:disabled){background:var(--od-border);color:var(--od-primary)}.btn-dots:disabled{opacity:.5;cursor:not-allowed}.action-dropdown{position:absolute;right:25px;top:35px;padding:6px 0;z-index:50;min-width:160px;display:flex;flex-direction:column}.action-dropdown button{background:none;border:none;text-align:left;padding:10px 16px;font-size:13px;font-weight:500;color:var(--od-text);cursor:pointer}.action-dropdown button:hover{background:#00000008}body.dark-theme .action-dropdown button:hover{background:#ffffff0d}.dropdown-divider{height:1px;background-color:var(--od-border);margin:4px 0}.table-footer{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:20px;border-top:1px solid var(--od-border)}.pagination-controls{display:flex;gap:10px}.btn-page{display:flex;align-items:center;gap:6px;background:transparent;color:var(--od-text);border:1px solid var(--od-border);padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s}.btn-page:hover:not(:disabled){background:var(--od-border)}.btn-page:disabled{opacity:.3;cursor:not-allowed}.custom-modal-overlay{position:fixed;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:overlayShow .3s ease}.custom-modal{width:100%;max-width:400px;animation:modalPop .3s cubic-bezier(.16,1,.3,1)}.custom-modal h3{font-size:20px;margin-bottom:10px}.modal-input{width:100%;margin-bottom:24px;box-sizing:border-box}.modal-warning{margin:0 0 20px;padding:12px;border-radius:8px;font-size:14px;background:#ff47571a;color:var(--od-failed);border:1px solid rgba(255,71,87,.2);line-height:1.5}.modal-actions{display:flex;justify-content:flex-end;gap:12px}.btn-modal-cancel,.btn-modal-confirm{padding:10px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all .2s}.btn-modal-cancel{background:transparent;border:1px solid var(--od-border);color:var(--od-text)}.btn-modal-cancel:hover{background:var(--od-border)}.btn-primary{background:var(--od-primary);color:#fff}.btn-primary:hover{background:var(--od-primary-hover)}.btn-danger{background:var(--od-failed);color:#fff}.btn-danger:hover{opacity:.8}.btn-modal-confirm:disabled,.btn-modal-cancel:disabled{opacity:.5;cursor:not-allowed}.empty-text{text-align:center;padding:40px!important;color:var(--od-muted)}.fetching-indicator{font-size:13px;color:var(--od-muted);font-style:italic;animation:pulse 1.5s infinite}.fade-in{animation:fadeIn .2s ease-out forwards;transform-origin:top right}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes overlayShow{0%{opacity:0}to{opacity:1}}@keyframes modalPop{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.stat-info{display:flex;flex-direction:column;justify-content:center}.stat-info h3,.table-header-bar h3,.user-name-text strong,.custom-modal h3{margin:0;color:var(--od-text)}.stat-info h3{font-size:26px;font-weight:700;line-height:1.2;margin-bottom:4px}.table-header-bar h3{font-size:18px}.stat-info p{margin:0;color:var(--od-muted);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.user-name-text span,.text-muted,.modal-desc,.pagination-info{margin:4px 0 10px;color:var(--od-muted);font-size:13px}.bg-emerald{background:#10b9811a}.text-emerald{color:#10b981}.icon-emerald{color:#10b981;font-size:20px}body.dark-theme .text-emerald,body.dark-theme .icon-emerald{color:#34d399}.bg-indigo{background:#1e6fff1a}.icon-indigo{color:var(--od-primary);font-size:20px}.bg-emerald-light,.bg-indigo-light{background:transparent;border:1px dashed var(--od-border)}.fin-align-right{text-align:right}.fin-text-muted{color:var(--od-muted)}.fin-tabular{font-variant-numeric:tabular-nums}.fin-dashboard-wrapper{display:flex;flex-direction:column;gap:24px;color:var(--od-text)}.fin-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.fin-metric-card{background:var(--od-surface);border:1px solid var(--od-border);border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 1px 3px #0000000d,0 1px 2px #00000008;transition:transform .2s ease,box-shadow .2s ease}body.dark-theme .fin-metric-card{box-shadow:0 4px 6px -1px #0000004d}.fin-metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}body.dark-theme .fin-metric-card:hover{box-shadow:0 6px 16px #0006}.fin-metric-card.muted-card{background:var(--od-surface);opacity:.75;box-shadow:none}.fin-metric-card.muted-card:hover{opacity:1}.fin-icon-wrap{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.fin-metric-data{flex:1}.fin-metric-label{margin:0 0 4px;font-size:11px;font-weight:700;color:var(--od-muted);text-transform:uppercase;letter-spacing:.5px}.fin-metric-value{margin:0;font-size:24px;font-weight:800;letter-spacing:-.5px}.fin-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.fin-toolbar-title h2{font-size:20px;font-weight:700;margin:0;color:var(--od-text)}.fin-toolbar-actions{display:flex;align-items:center;gap:16px}.fin-quick-filters{display:flex;background:var(--od-surface);border:1px solid var(--od-border);border-radius:8px;overflow:hidden}.fin-quick-filters button{background:transparent;border:none;padding:8px 16px;font-size:13px;font-weight:600;color:var(--od-muted);cursor:pointer;transition:all .2s}.fin-quick-filters button:hover{background:var(--od-border);color:var(--od-text)}.fin-quick-filters button:first-child{border-right:1px solid var(--od-border)}.fin-date-range-form{display:flex;align-items:center;gap:8px;background:var(--od-surface);border:1px solid var(--od-border);border-radius:8px;padding:4px}.fin-date-input{display:flex;align-items:center;gap:8px;padding:0 12px}.fin-date-input input{border:none;background:transparent;color:var(--od-text);font-size:13px;font-weight:500;outline:none;font-family:inherit}body.dark-theme .fin-date-input input{color-scheme:dark}.fin-date-divider{color:var(--od-muted)}.fin-btn-primary{background:var(--od-primary);color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background .2s}.fin-btn-primary:hover{background:var(--od-primary-hover)}.fin-data-section{background:var(--od-surface);border:1px solid var(--od-border);border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden;display:flex;flex-direction:column}body.dark-theme .fin-data-section{box-shadow:0 4px 6px -1px #0000004d}.fin-table-scroll-area{max-height:500px;overflow-y:auto}.fin-table-scroll-area::-webkit-scrollbar{width:6px}.fin-table-scroll-area::-webkit-scrollbar-track{background:transparent}.fin-table-scroll-area::-webkit-scrollbar-thumb{background:var(--od-border);border-radius:10px}.fin-data-table th{position:sticky;top:0;z-index:10;background:var(--od-surface);padding:14px 20px;font-size:12px;font-weight:700;color:var(--od-muted);text-transform:uppercase;letter-spacing:.5px;text-align:left;border-bottom:1px solid var(--od-border)}.fin-table-scroll-area:after{content:"";position:absolute;top:0;left:0;right:0;height:1px}.fin-data-table td{padding:16px 20px;font-size:14px;border-bottom:1px solid var(--od-border);vertical-align:middle;color:var(--od-text)}.fin-data-table tbody tr:last-child td{border-bottom:none}.fin-data-table tbody tr:hover{background:#8080800d}.fin-table-empty{text-align:center;padding:48px!important;color:var(--od-muted);font-size:14px}.fin-tag-id{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;background:var(--od-bg);border:1px solid var(--od-border);color:var(--od-muted);padding:4px 8px;border-radius:6px;font-weight:600}.fin-ref-cell{display:flex;align-items:center;gap:12px}.fin-ref-icon{width:36px;height:36px;border-radius:8px;background:var(--od-bg);border:1px solid var(--od-border);display:flex;align-items:center;justify-content:center;color:var(--od-primary)}.fin-ref-details strong{display:block;font-size:14px;font-weight:700;margin-bottom:2px;color:var(--od-text)}.fin-ref-details span{font-size:12px;color:var(--od-muted)}.fin-user-badge{display:inline-block;padding:4px 10px;background:var(--od-bg);border:1px solid var(--od-border);border-radius:6px;font-size:13px;font-weight:600;color:var(--od-text)}.fin-amt-positive{color:#10b981;font-weight:700;font-size:15px}body.dark-theme .fin-amt-positive{color:#34d399}.fin-pagination{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-top:1px solid var(--od-border);background:var(--od-surface)}.fin-page-stats{font-size:13px;color:var(--od-muted)}.fin-page-stats strong{color:var(--od-text)}.fin-page-controls{display:flex;gap:6px}.fin-page-controls button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--od-border);border-radius:6px;color:var(--od-text);cursor:pointer;transition:all .2s}.fin-page-controls button:hover:not(:disabled){background:var(--od-bg)}.fin-dashboard-wrapper{display:flex;flex-direction:column;gap:20px}.bank-filter-tabs{display:flex;justify-content:space-between;align-items:center;background:var(--od-surface);padding:10px 15px;border-radius:12px;border:1px solid var(--od-border);gap:15px}.tab-scroll-container{display:flex;gap:8px;align-items:center}.bank-tab{padding:6px 14px;border-radius:8px;border:none;background:transparent;color:var(--od-muted);font-weight:600;font-size:13px;cursor:pointer;white-space:nowrap}.bank-tab:hover{background:var(--od-bg)}.bank-tab.active{background:var(--od-primary);color:#fff}.tab-divider{width:1px;height:18px;background:var(--od-border);margin:0 5px}.fin-metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.fin-metric-card{padding:20px;border-radius:16px;display:flex;gap:15px;align-items:center;color:#fff}.gold-dark{background:linear-gradient(135deg,#1e293b,#334155)}.indigo-dark{background:linear-gradient(135deg,#4f46e5,#3730a3)}.fin-icon-wrap{font-size:24px;opacity:.8}.fin-metric-data p{font-size:11px;opacity:.6;font-weight:700;margin-bottom:2px}.fin-metric-data h3{font-size:22px;font-weight:800;margin:0}.fin-data-section{background:var(--od-surface);border:1px solid var(--od-border);border-radius:12px;overflow:hidden}.fin-table-header{padding:15px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--od-border)}.fin-table-header h2{font-size:16px;font-weight:700;margin:0}.loading-tag{font-size:11px;background:var(--od-bg);padding:3px 8px;border-radius:5px;color:var(--od-primary)}.fin-table-scroll-area{max-height:450px;overflow-y:auto}.fin-data-table{width:100%;border-collapse:separate;border-spacing:0}.fin-data-table th{position:sticky;top:0;z-index:5;background:var(--od-surface);padding:12px 20px;font-size:11px;color:var(--od-muted);text-transform:uppercase;border-bottom:1px solid var(--od-border);text-align:left}.fin-data-table td{padding:12px 20px;border-bottom:1px solid var(--od-border);font-size:13px}.fin-amt-positive{color:#10b981;font-weight:700}.fin-pagination{padding:12px 20px;display:flex;justify-content:space-between;align-items:center;background:var(--od-surface)}.fin-page-stats{font-size:12px;color:var(--od-muted)}.fin-page-controls{display:flex;gap:5px}.fin-page-controls button{width:30px;height:30px;border:1px solid var(--od-border);background:transparent;color:var(--od-text);border-radius:5px;cursor:pointer}.fin-page-controls button:disabled{opacity:.3;cursor:not-allowed}.fin-align-right{text-align:right!important}.fin-data-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.col-id{width:80px}.col-info{width:auto}.col-user{width:150px;text-align:center}.col-amount{width:180px}.col-time{width:200px}.fin-data-table th{position:sticky;top:0;z-index:5;background:var(--od-surface);padding:16px 20px;font-size:11px;color:var(--od-muted);text-transform:uppercase;border-bottom:1px solid var(--od-border);white-space:nowrap}.fin-data-table td{padding:12px 20px;border-bottom:1px solid var(--od-border);font-size:13px;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.col-user .fin-user-badge{display:inline-block;min-width:80px;text-align:center}.fin-tabular{font-variant-numeric:tabular-nums;font-family:Inter,-apple-system,sans-serif}.fin-data-table tbody tr:hover{background:#ffffff05}.fin-table-scroll-area{max-height:500px;overflow-y:auto;overflow-x:auto}.etsy-revenue{background:var(--od-surface);border:1px solid var(--od-border);border-radius:12px;overflow:hidden}.etsy-revenue-head{padding:14px 20px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-bottom:1px solid var(--od-border)}.etsy-revenue-title{margin:0;font-size:16px;font-weight:800;color:var(--od-text)}.etsy-revenue-sub{margin:4px 0 0;font-size:12px;color:var(--od-muted)}.etsy-revenue-total{text-align:right;padding-left:12px}.etsy-total-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--od-muted)}.etsy-total-value{margin-top:4px;font-size:18px;font-weight:900;color:var(--od-text);font-variant-numeric:tabular-nums}.etsy-revenue-table-wrap{overflow-x:auto}.etsy-revenue-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.etsy-revenue-table th{background:var(--od-surface);padding:12px 20px;font-size:11px;font-weight:800;color:var(--od-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--od-border);text-align:left;white-space:nowrap}.etsy-revenue-table td{padding:12px 20px;font-size:13px;color:var(--od-text);border-bottom:1px solid var(--od-border);vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.etsy-revenue-table tbody tr:hover{background:#8080800d}.etsy-right{text-align:right;font-variant-numeric:tabular-nums}.etsy-currency-cell{display:flex;align-items:center;gap:10px;min-width:180px}.etsy-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:800;border:1px solid var(--od-border);background:var(--od-bg);color:var(--od-text)}.etsy-pill.vnd{border-color:#4f46e559;background:#4f46e51a;color:#c7d2fe}.etsy-pill.usdt{border-color:#10b98159;background:#10b9811a;color:#34d399}.etsy-currency-meta{display:flex;flex-direction:column;gap:2px;overflow:hidden}.etsy-currency-name{font-weight:800;color:var(--od-text)}.etsy-currency-note{font-size:12px;color:var(--od-muted)}.etsy-total-row td{background:var(--od-bg);font-weight:900;border-bottom:none}.etsy-revenue-footer{padding:10px 20px;display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--od-muted);font-size:12px;border-top:1px solid var(--od-border)}.etsy-revenue-footer strong{color:var(--od-text)}.od-badge{background:#1e6fff1a;color:var(--od-primary);padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;margin-left:12px;text-transform:uppercase}.tab-pill-group{background:var(--od-surface);border:1px solid var(--od-border);padding:4px;border-radius:10px;display:flex}.tab-pill-group button{padding:8px 18px;border:none;background:transparent;color:var(--od-muted);font-weight:600;font-size:13px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.tab-pill-group button.active{background:var(--od-primary);color:#fff;box-shadow:0 4px 10px #1e6fff40}.od-btn-primary{background:var(--od-primary);color:#fff;border:none;padding:10px 20px;font-size:14px;border-radius:10px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;box-shadow:0 4px 12px #1e6fff33}.od-btn-primary:hover{transform:translateY(-1px);filter:brightness(1.05);box-shadow:0 6px 16px #1e6fff4d}.premium-table th{background:var(--od-bg);padding:16px;text-align:left;color:var(--od-muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--od-border)}.premium-table td{padding:16px;border-bottom:1px solid var(--od-border);vertical-align:middle;font-size:14px}.premium-table tbody tr{transition:background .15s ease}.brand-circle{width:40px;height:40px;background:var(--od-bg);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;border:1px solid var(--od-border)}.pill-category{background:var(--od-bg);border:1px solid var(--od-border);color:var(--od-muted);padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600}.text-price{font-weight:700;color:var(--od-text);font-size:14px}.stock-label{font-weight:600;color:var(--od-text)}.btn-icon-act{width:32px;height:32px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--od-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s ease}.btn-icon-act.edit:hover{background:#1e6fff1a;color:var(--od-primary);border-color:#1e6fff33}.od-modal-content{width:100%;border-radius:20px;padding:28px;box-shadow:0 20px 40px -10px #0000004d;animation:modalEnter .3s cubic-bezier(.16,1,.3,1);background:var(--od-surface);border:1px solid var(--od-border);max-height:90vh;display:flex;flex-direction:column}.od-modal-content.small{max-width:420px}.modal-top-bar h3{font-size:20px;font-weight:700;color:var(--od-text);margin-bottom:24px}.od-input-group{margin-bottom:16px}.od-input-group label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--od-muted);margin-bottom:8px}.od-input-group input,.od-input-group select,.od-input-group textarea{width:100%;padding:10px 14px;background:var(--od-bg);border:1px solid var(--od-border);border-radius:10px;color:var(--od-text);outline:none;font-size:14px;transition:all .2s ease;box-sizing:border-box}.od-input-group input::placeholder,.od-input-group textarea::placeholder{color:var(--od-muted);opacity:.6}.od-input-group input:focus,.od-input-group select:focus,.od-input-group textarea:focus{border-color:var(--od-primary);box-shadow:0 0 0 3px #1e6fff26}.form-grid-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px}.span-2{grid-column:span 2}.premium-icon-picker{background:var(--od-bg);border:1px solid var(--od-border);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:12px}.icon-list{display:flex;flex-wrap:wrap;gap:8px}.icon-item-box{width:36px;height:36px;background:var(--od-surface);border:1px solid var(--od-border);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;transition:.2s ease;color:var(--od-muted)}.icon-item-box:hover{border-color:var(--od-primary);color:var(--od-primary)}.icon-item-box.active{background:var(--od-primary);color:#fff!important;border-color:var(--od-primary);box-shadow:0 4px 10px #1e6fff4d}.manual-class-input{width:100%}.btn-secondary{background:transparent;border:1px solid var(--od-border);color:var(--od-text);padding:10px 20px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:.2s}.color-picker-input{height:44px;cursor:pointer;padding:4px!important}body.dark-theme .icon-item-box{background:#0003}.stats-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.bg-green{background:#05c46b1a}.text-green{color:var(--od-success)}.bg-red{background:#ff47571a}.text-red{color:var(--od-failed)}.sold-label{background:#05c46b1a;color:var(--od-success);padding:4px 10px;border-radius:6px;font-size:13px;font-weight:700}.pro-switch{position:relative;display:inline-block;width:40px;height:22px}.pro-switch input{opacity:0;width:0;height:0}.pro-slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s;border-radius:34px}.pro-slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.pro-slider{background-color:#10b981}input:checked+.pro-slider:before{transform:translate(18px)}.row-hidden{opacity:.6}.modal-scroll-area{overflow-y:auto;padding-right:8px;margin-right:-4px}.modal-scroll-area::-webkit-scrollbar{width:6px}.modal-scroll-area::-webkit-scrollbar-track{background:transparent}.modal-scroll-area::-webkit-scrollbar-thumb{background:var(--od-border);border-radius:10px}.modal-scroll-area::-webkit-scrollbar-thumb:hover{background:var(--od-muted)}.od-module-container{display:flex;flex-direction:column;gap:24px}.module-header{display:flex;justify-content:space-between;align-items:center}.header-actions-box{display:flex;gap:16px;align-items:center}.stats-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.stat-item{display:flex;align-items:center;gap:20px;padding:24px;border-radius:20px}.stat-icon-box{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px}.stat-info h3{margin:0 0 4px;font-size:26px;font-weight:800;color:var(--od-text)}.stat-info p{margin:0;font-size:11px;font-weight:700;color:var(--od-muted);text-transform:uppercase;letter-spacing:1px}.bg-blue{background:#1e6fff1a}.text-blue{color:var(--od-primary)}.bg-orange{background:#f5a6231a}.text-orange{color:var(--od-pending)}.no-margin{margin-bottom:0!important}.filter-select{padding:10px 16px;background:var(--od-surface);border:1px solid var(--od-border);border-radius:10px;color:var(--od-text);outline:none;font-size:13px;font-weight:600;cursor:pointer;transition:.2s}.filter-select:focus{border-color:var(--od-primary)}.od-btn-primary{background:var(--od-primary);color:#fff;border:none;padding:10px 20px;font-size:14px;border-radius:10px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.od-btn-primary:hover{filter:brightness(1.05);transform:translateY(-1px)}.main-content-card{padding:0;border-radius:16px;overflow:hidden;box-shadow:0 2px 12px #00000008}.premium-table{width:100%;border-collapse:collapse}.premium-table th{background:var(--od-bg);padding:16px;text-align:left;color:var(--od-muted);font-size:12px;font-weight:700;text-transform:uppercase;border-bottom:1px solid var(--od-border)}.premium-table td{padding:16px;border-bottom:1px solid var(--od-border);vertical-align:middle;font-size:14px;color:var(--od-text)}.premium-table tbody tr:hover{background:#00000004}body.dark-theme .premium-table tbody tr:hover{background:#ffffff08}.id-tag{font-weight:700;color:var(--od-muted);background:var(--od-bg);padding:4px 8px;border-radius:6px}.product-info-cell{display:flex;align-items:center;gap:14px}.data-icon{font-size:16px!important;color:var(--od-primary);background:#1e6fff1a!important;border:none!important}.brand-circle{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center}.product-name-stack strong{display:block;font-size:14px;font-weight:700;color:var(--od-text);margin-bottom:2px}.product-name-stack small{color:var(--od-muted);font-size:12px}.actions-cell{display:flex;justify-content:center;gap:8px}.btn-icon-act{width:32px;height:32px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--od-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s}.btn-icon-act.view:hover{background:#05c46b1a;color:var(--od-success);border-color:#05c46b33}.btn-icon-act.delete:hover{background:#ff47571a;color:var(--od-failed);border-color:#ff475733}.table-pagination{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-top:1px solid var(--od-border);background:var(--od-surface)}.page-info{color:var(--od-muted);font-size:14px}.page-info strong{color:var(--od-text)}.page-btns{display:flex;gap:12px}.page-btns button{display:flex;align-items:center;gap:8px;background:var(--od-bg);border:1px solid var(--od-border);color:var(--od-text);padding:8px 16px;border-radius:10px;font-weight:600;cursor:pointer;transition:.2s}.page-btns button:not(:disabled):hover{border-color:var(--od-primary);color:var(--od-primary)}.page-btns button:disabled{opacity:.4;cursor:not-allowed}.od-modal-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px}.od-modal-content{width:100%;border-radius:20px;padding:28px;background:var(--od-surface);border:1px solid var(--od-border);box-shadow:0 20px 40px -10px #0000004d;animation:modalEnter .3s ease}.od-modal-content.large{max-width:640px}.od-modal-content.small{max-width:480px}.modal-top-bar h3{font-size:20px;font-weight:700;color:var(--od-text);margin-bottom:4px}.modal-top-bar p{color:var(--od-muted);font-size:13px;margin-bottom:24px}.od-input-group label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--od-muted);text-transform:uppercase;margin-bottom:8px}.od-input-group select,.bulk-textarea{width:100%;padding:12px 14px;background:var(--od-bg);border:1px solid var(--od-border);border-radius:10px;color:var(--od-text);outline:none;font-size:14px;transition:.2s;box-sizing:border-box}.od-input-group select:focus,.bulk-textarea:focus{border-color:var(--od-primary);box-shadow:0 0 0 3px #1e6fff26}.bulk-textarea{font-family:monospace;resize:vertical;line-height:1.6;white-space:pre;overflow-wrap:normal}.detail-view-box{margin-bottom:24px;min-height:100px;max-height:350px;overflow-y:auto;border-radius:12px}.detail-data-content{font-family:Fira Code,Consolas,monospace;font-size:14px;color:var(--od-text);background:var(--od-bg);border:1px solid var(--od-border);padding:16px;border-radius:12px;word-break:break-all;white-space:pre-wrap;line-height:1.6;margin:0}.loading-text,.error-text{text-align:center;font-size:14px;font-weight:600;padding:20px}.loading-text{color:var(--od-primary);animation:pulse 1.5s infinite}.error-text{color:var(--od-failed)}.modal-bottom-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.btn-secondary{background:transparent;border:1px solid var(--od-border);color:var(--od-text);padding:10px 20px;border-radius:10px;font-weight:600;cursor:pointer;transition:.2s}.btn-secondary:hover{background:var(--od-bg)}@keyframes modalEnter{0%{opacity:0;transform:scale(.96) translateY(15px)}to{opacity:1;transform:scale(1) translateY(0)}}.py-10{padding:40px 0!important}.mt-15{margin-top:16px}.copy-wrapper{position:relative}.detail-data-content{font-family:Fira Code,Consolas,monospace;font-size:14px;color:var(--od-primary);background:var(--od-bg);border:1px solid var(--od-border);padding:16px;border-radius:12px;word-break:break-all;white-space:pre-wrap;line-height:1.6;margin:0;cursor:copy;-webkit-user-select:all;user-select:all;transition:background-color .2s ease,border-color .2s ease}.detail-data-content:hover{border-color:var(--od-primary);background:#1e6fff05}.detail-data-content:active{background:#1e6fff1a}.copy-hint{text-align:right;font-size:12px;color:var(--od-muted);font-weight:600;margin-top:8px;font-style:italic}.alert-modal{max-width:400px!important;text-align:center;padding:32px!important;animation:popIn .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes popIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.alert-icon-circle{width:72px;height:72px;background:#ff47571a;color:var(--od-failed);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;margin:0 auto 20px}.alert-title{font-size:22px;font-weight:800;color:var(--od-text);margin-bottom:12px}.alert-message{font-size:15px;color:var(--od-muted);line-height:1.5;margin-bottom:30px}.justify-center{justify-content:center!important;margin-top:0!important}.od-btn-danger{background:var(--od-failed);color:#fff;border:none;padding:10px 20px;font-size:14px;border-radius:10px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;box-shadow:0 4px 12px #ff475733}.od-btn-danger:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 16px #ff47574d}.fade-in{animation:fadeIn .3s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}:root{--fbx-primary: #1e6fff;--fbx-primary-hover: #155bd6;--fbx-text: #091223;--fbx-muted: #596776;--fbx-bg: #f6f8fb;--fbx-surface: #ffffff;--fbx-border: rgba(12, 24, 48, .06);--fbx-success: #05c46b;--fbx-failed: #ff4757;--fbx-shadow: 0 4px 24px rgba(0, 0, 0, .02);--fbx-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}body.dark-theme{--fbx-bg: rgba(25, 21, 32);--fbx-surface: rgba(25, 21, 32);--fbx-text: #e6eefc;--fbx-muted: #8b9bb4;--fbx-border: rgba(255, 255, 255, .08);--fbx-shadow: 0 8px 26px rgba(0, 0, 0, .25)}.fbx-page{background:var(--fbx-bg);padding:24px 22px 90px;font-family:Inter,system-ui,sans-serif;color:var(--fbx-text)}.fbx2-layout{max-width:var(--default-size);margin:0 auto;display:flex;flex-direction:column;gap:14px}.fbx2-topline{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.fbx2-title{font-size:18px;font-weight:800;margin-top:4px}.fbx2-sub{font-size:12px;color:var(--fbx-muted);margin-top:4px}.fbx2-top-right{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.fbx2-card{background:var(--fbx-surface);border-radius:14px;padding:12px;box-shadow:var(--fbx-shadow);border:1px solid var(--fbx-border)}.fbx2-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}.fbx2-left{display:flex;align-items:center;gap:10px}.fbx2-label{font-weight:800;font-size:13px}.fbx2-count{font-family:var(--fbx-mono);padding:2px 8px;border-radius:8px;border:1px solid var(--fbx-border);background:#1e6fff0f;font-weight:800}.fbx2-right{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.fbx2-field{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--fbx-muted)}.fbx2-field input{width:96px;padding:8px 10px;border-radius:10px;border:1px solid var(--fbx-border);background:transparent;color:var(--fbx-text);outline:none}.fbx2-field input:focus{border-color:#1e6fff73;box-shadow:0 0 0 4px #1e6fff1f}.fbx2-check{display:inline-flex;gap:8px;align-items:center;font-size:12px;color:var(--fbx-muted);-webkit-user-select:none;user-select:none}.fbx2-check input{width:14px;height:14px}.fbx2-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;border:1px solid var(--fbx-border);background:transparent;color:var(--fbx-text);font-weight:800;cursor:pointer;transition:background .2s,transform .05s}.fbx2-btn:active{transform:translateY(1px)}.fbx2-btn:disabled{opacity:.45;cursor:not-allowed}.fbx2-btn-primary{background:var(--fbx-primary);border-color:#1e6fff40;color:#fff}.fbx2-btn-primary:hover:not(:disabled){background:var(--fbx-primary-hover)}.fbx2-btn-danger{background:var(--fbx-failed);border-color:#ff475740;color:#fff}.fbx2-btn-danger:hover:not(:disabled){filter:brightness(.96)}.fbx2-btn-ghost:hover:not(:disabled){background:#0c18300a}body.dark-theme .fbx2-btn-ghost:hover:not(:disabled){background:#ffffff0f}.fbx2-btn-mini{padding:7px 10px;font-size:12px;border-radius:10px}.fbx2-progress{height:8px;border-radius:999px;overflow:hidden;background:#0c18300f;border:1px solid var(--fbx-border);margin-bottom:10px}.fbx2-progress-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--fbx-primary),rgba(5,196,107,.6));transition:width .12s linear}.fbx2-textarea{width:100%;min-height:310px;border-radius:12px;border:1px solid var(--fbx-border);background:transparent;color:var(--fbx-text);outline:none;padding:10px 12px;font-family:var(--fbx-mono);font-size:12px;line-height:1.35;resize:vertical;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.fbx2-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.fbx2-grid>*{min-width:0}.fbx2-out-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}.fbx2-out-title{font-weight:900;font-size:13px;display:flex;align-items:center;gap:8px}.fbx2-out-title.live{color:var(--fbx-success)}.fbx2-out-title.die{color:var(--fbx-failed)}.fbx2-out-num{font-family:var(--fbx-mono);padding:2px 8px;border-radius:8px;border:1px solid var(--fbx-border);background:#0c183008;color:var(--fbx-text)}.fbx2-out-actions{display:flex;gap:8px;flex-wrap:wrap}.fbx2-preview{width:100%;min-height:260px;border-radius:12px;border:1px solid var(--fbx-border);background:transparent;color:var(--fbx-text);outline:none;padding:10px 12px;font-family:var(--fbx-mono);font-size:12px;line-height:1.35;resize:vertical;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.fbx2-footnote{margin-top:8px;font-size:12px;color:var(--fbx-muted)}.fbx-badge{display:inline-flex;gap:6px;align-items:center;background:#1e6fff1a;color:var(--fbx-primary);padding:4px 10px;border-radius:6px;font-size:12px;font-weight:800;margin-bottom:6px}.fbx-stat-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid var(--fbx-border);background:#1e6fff0d;font-size:13px;color:var(--fbx-text)}.fbx2-scroll::-webkit-scrollbar{width:8px;height:8px}.fbx2-scroll::-webkit-scrollbar-track{background:transparent}.fbx2-scroll::-webkit-scrollbar-thumb{background:#59677647;border-radius:999px}.fbx2-scroll:hover::-webkit-scrollbar-thumb{background:#5967766b}body.dark-theme .fbx2-scroll::-webkit-scrollbar-thumb{background:#8b9bb43d}body.dark-theme .fbx2-scroll:hover::-webkit-scrollbar-thumb{background:#8b9bb466}@media(max-width:1050px){.fbx2-grid{grid-template-columns:1fr}.fbx2-textarea{min-height:240px}.fbx2-preview{min-height:220px}}:root{--od-primary: #1e6fff;--od-primary-hover: #155bd6;--od-text: #091223;--od-muted: #596776;--od-bg: #f6f8fb;--od-surface: #ffffff;--od-border: rgba(12, 24, 48, .06);--od-success: #05c46b;--od-failed: #ff4757;--od-pending: #f5a623;--od-unknown: #6b6bff}body.dark-theme{--od-bg: rgba(25, 21, 32);--od-surface: rgba(25, 21, 32);--od-text: #e6eefc;--od-muted: #8b9bb4;--od-border: rgba(255, 255, 255, .08)}.od-page{background:var(--od-bg);padding:32px 24px 100px;font-family:Inter,system-ui,sans-serif;color:var(--od-text)}.od-container{max-width:var(--default-size);margin:0 auto;display:flex;flex-direction:column;gap:24px}.od-dashboard-grid{display:grid;grid-template-columns:1fr 340px;gap:24px}.od-card{background:var(--od-surface);border-radius:16px;padding:20px;box-shadow:0 4px 24px #00000005;border:1px solid var(--od-border)}.od-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.od-badge{display:inline-block;background:#1e6fff1a;color:var(--od-primary);padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;margin-bottom:8px}.od-title{margin:0 0 4px;font-size:18px;font-weight:600}.od-desc{margin:0;font-size:13px;color:var(--od-muted)}.od-flex-chart{display:flex;align-items:flex-end;justify-content:space-between;height:160px;padding-top:20px;gap:12px}.od-flex-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;height:100%}.od-flex-bar-track{width:100%;max-width:32px;flex:1;display:flex;align-items:flex-end;border-radius:6px;background:var(--od-border)}.od-flex-bar-fill{width:100%;background:var(--od-primary);border-radius:6px;transition:height .4s cubic-bezier(.4,0,.2,1);position:relative}.od-flex-bar-fill:hover{background:var(--od-primary-hover)}.od-bar-tooltip{position:absolute;top:-24px;left:50%;transform:translate(-50%);font-size:11px;font-weight:600;color:var(--od-text);opacity:0;transition:opacity .2s}.od-flex-bar-fill:hover .od-bar-tooltip{opacity:1}.od-flex-bar-label{font-size:11px;color:var(--od-muted)}.od-summary-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.od-summary-item{display:flex;justify-content:space-between;font-size:14px}.od-summary-item span{color:var(--od-muted)}.od-summary-item strong{font-size:15px}.od-status-bars{display:flex;flex-direction:column;gap:12px}.od-status-row{display:flex;align-items:center;gap:12px}.od-status-label{width:70px;font-size:12px;color:var(--od-muted);text-transform:capitalize}.od-progress-track{flex:1;height:8px;background:var(--od-border);border-radius:4px;overflow:hidden}.od-progress-fill{height:100%;border-radius:4px;transition:width .4s ease}.od-table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.od-search-input{padding:8px 14px;border:1px solid var(--od-border);border-radius:8px;background:transparent;color:var(--od-text);outline:none;min-width:260px;transition:border-color .2s}.od-search-input:focus{border-color:var(--od-primary)}.od-table-wrapper{display:flex;flex-direction:column}.od-table-head,.od-table-row{display:grid;grid-template-columns:48px 1fr 60px 120px 120px 160px 60px;gap:12px;align-items:center;padding:12px;border-bottom:1px solid var(--od-border)}.od-table-head{font-size:13px;font-weight:600;color:var(--od-muted);border-bottom-width:2px}.od-list-viewport{max-height:500px;overflow-y:auto}.od-table-row{font-size:14px;transition:background .15s}.od-table-row:hover{background:#00000005}body.dark-theme .od-table-row:hover{background:#ffffff05}.col-idx{color:var(--od-muted);font-weight:500}.col-amt{font-weight:600}.col-act{display:flex;justify-content:flex-end}.col-date{color:var(--od-muted);font-size:13px}.o-name{font-weight:600}.o-meta{font-size:12px;color:var(--od-muted);margin-top:4px}.o-qty{background:var(--od-border);padding:2px 8px;border-radius:4px;font-weight:600;font-size:12px}.od-chip{padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;text-transform:capitalize}.od-chip.is-success{background:#05c46b1a;color:var(--od-success)}.od-chip.is-failed{background:#ff47571a;color:var(--od-failed)}.od-chip.is-pending{background:#f5a6231a;color:var(--od-pending)}.od-chip.is-unknown{background:#6b6bff1a;color:var(--od-unknown)}.od-progress-fill.is-success{background:var(--od-success)}.od-progress-fill.is-failed{background:var(--od-failed)}.od-progress-fill.is-pending{background:var(--od-pending)}.od-progress-fill.is-unknown{background:var(--od-unknown)}.od-btn-refresh{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--od-border);background:transparent;color:var(--od-text);border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;transition:background .2s}.od-btn-refresh:hover{background:var(--od-border)}.od-btn-icon{background:transparent;border:none;color:var(--od-muted);cursor:pointer;padding:6px;border-radius:6px}.od-btn-icon:hover{background:var(--od-border);color:var(--od-primary)}.od-pagination{display:flex;justify-content:space-between;align-items:center;padding-top:16px}.od-page-info{font-size:14px;color:var(--od-muted)}.od-page-actions{display:flex;gap:8px}.od-page-actions button{padding:8px;border-radius:8px;border:1px solid var(--od-border);background:transparent;color:var(--od-text);cursor:pointer}.od-page-actions button:disabled{opacity:.3;cursor:not-allowed}.od-page-actions button:not(:disabled):hover{background:var(--od-border)}.is-skeleton .sk-box{height:16px;background:var(--od-border);border-radius:4px;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.od-empty{padding:40px;text-align:center;color:var(--od-muted)}@media(max-width:992px){.od-container{max-width:100%}.od-dashboard-grid{grid-template-columns:1fr}.od-table-head,.od-table-row{grid-template-columns:1fr;gap:8px;padding:16px}.od-table-head,.col-idx,.col-act{display:none}.col-amt,.col-date,.col-qty{justify-content:flex-start}}.od-list-viewport::-webkit-scrollbar{width:6px}.od-list-viewport::-webkit-scrollbar-track{background:transparent}.od-list-viewport::-webkit-scrollbar-thumb{background:var(--od-border);border-radius:10px;transition:background .2s}.od-list-viewport:hover::-webkit-scrollbar-thumb{background:var(--od-muted);opacity:.5}.od-list-viewport{scrollbar-width:thin;scrollbar-color:var(--od-border) transparent}.od-page-content{animation:pageEnter .6s cubic-bezier(.2,.8,.2,1);will-change:transform,opacity}@keyframes pageEnter{0%{opacity:0;transform:translateY(15px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.od-table-row{transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer}.od-table-row:hover{background:var(--od-border);transform:scale(1.005);box-shadow:0 4px 12px #0000000d}.od-spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.1);border-top-color:var(--od-primary);border-radius:50%;animation:od-spin .6s linear infinite}@keyframes od-spin{to{transform:rotate(360deg)}}.od-btn-icon.is-loading{cursor:wait}@keyframes od-fade-up{0%{opacity:0;transform:translateY(20px) scale(.98);filter:blur(5px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes bar-grow{0%{height:0}}.od-dashboard-grid>.od-card:first-child{animation:od-fade-up .7s cubic-bezier(.2,.8,.2,1) forwards}.od-dashboard-grid>.od-card:last-child{animation:od-fade-up .7s cubic-bezier(.2,.8,.2,1) .15s forwards;opacity:0}.od-container>.od-card:last-child{animation:od-fade-up .8s cubic-bezier(.2,.8,.2,1) .3s forwards;opacity:0}.od-flex-bar-fill{animation:bar-grow 1s cubic-bezier(.17,.67,.83,.67) .5s backwards}:root{--color-hero-white: #54606a;--color-hero-dark: #9aa3a8;--color-trust-blue: #0b76d1;--color-trust-light: #e8f3fc}body.dark-theme{--color-trust-light: rgba(11, 118, 209, .15)}.container-hero{font-family:Poppins,Arial,Helvetica,sans-serif;display:flex;justify-content:space-between;align-items:flex-start;padding:20px 0;margin:0 auto;gap:30px}.hero-left{flex:1;max-width:800px;font-weight:500;animation:slideInLeft .8s cubic-bezier(.2,.8,.2,1)}.trust-badge{display:inline-flex;align-items:center;gap:6px;background-color:var(--color-trust-light);color:var(--color-trust-blue);padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;margin-bottom:12px;letter-spacing:.5px}.hero-left h1{font-size:26px;margin-bottom:12px;color:inherit;font-weight:700;letter-spacing:-.5px;line-height:1.3}.lead{color:var(--color-hero-white);margin-bottom:16px;line-height:1.5;font-size:14px}body.dark-theme .lead{color:var(--color-hero-dark)}.meta-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;color:var(--color-hero-white);font-size:14px}body.dark-theme .meta-list{color:var(--color-hero-dark)}.meta-list li{display:flex;gap:10px;align-items:flex-start;transition:transform .2s ease;line-height:1.4}.icon-wrapper{background-color:var(--color-trust-light);color:var(--color-trust-blue);width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0;font-size:11px}.meta-list li strong{color:inherit;filter:brightness(.6)}body.dark-theme .meta-list li strong{filter:brightness(1.5)}.meta-list li:hover{transform:translate(6px)}.hero-right{width:320px;flex-shrink:0;animation:slideInRight .8s cubic-bezier(.2,.8,.2,1)}.trust-card{background:linear-gradient(145deg,#fff,#f8f9fa);padding:20px;border-radius:16px;border:1px solid rgba(0,0,0,.06);box-shadow:0 20px 40px #0000000a;text-align:center;position:relative;overflow:hidden}body.dark-theme .trust-card{background:#191521e6;border:1px solid rgba(255,255,255,.05);box-shadow:0 20px 40px #0000001a}.trust-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#34a0ff,#0b76d1)}.trust-card-icon{font-size:26px;color:var(--color-trust-blue);margin-bottom:12px}.trust-card h3{margin:0 0 8px;font-size:18px;font-weight:700}.trust-card p{margin:0 0 16px;color:var(--color-hero-white);font-size:13px;line-height:1.5}body.dark-theme .trust-card p{color:var(--color-hero-dark)}.trust-actions{display:flex;flex-direction:column;gap:8px}.trust-actions button,.trust-actions .link-btn{border:0;border-radius:8px;padding:10px 14px;cursor:pointer;font-weight:600;font-size:13px;transition:all .2s ease;width:100%;text-align:center;text-decoration:none;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background:linear-gradient(90deg,#0b76d1,#0a5fab);color:#fff;box-shadow:0 4px 12px #0b76d14d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0b76d166}body.dark-theme .btn-primary{background:linear-gradient(90deg,#34a0ff,#1aa6ff);color:#071225;box-shadow:0 4px 12px #34a0ff33}.btn-secondary{background:transparent;color:var(--color-trust-blue);border:1px solid var(--color-trust-light)!important}.btn-secondary:hover{background:var(--color-trust-light)}.btn-secondary i{font-size:15px}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@media(max-width:900px){.container-hero{flex-direction:column;gap:24px}.hero-right{width:100%}}.terms-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeInOverlay .3s ease}.terms-modal-content{background:#fff;width:100%;max-width:700px;border-radius:20px;display:flex;flex-direction:column;max-height:90vh;box-shadow:0 25px 50px -12px #00000080;animation:slideUpModal .4s cubic-bezier(.16,1,.3,1);overflow:hidden}body.dark-theme .terms-modal-content{background:#16181a;border:1px solid rgba(255,255,255,.08)}.terms-modal-header{padding:20px 24px;border-bottom:1px solid rgba(0,0,0,.08);display:flex;justify-content:space-between;align-items:center}body.dark-theme .terms-modal-header{border-bottom:1px solid rgba(255,255,255,.08)}.terms-modal-header h2{margin:0;font-size:18px;font-weight:700;color:var(--color-trust-blue)}.terms-close-btn{background:transparent;border:none;font-size:24px;color:var(--color-hero-white);cursor:pointer;transition:.2s;line-height:1}.terms-close-btn:hover{color:#ff4757;transform:scale(1.1)}.terms-modal-body{padding:24px;overflow-y:auto;color:var(--color-hero-white)}body.dark-theme .terms-modal-body{color:var(--color-hero-dark)}.legal-warning{background:#ff47571a;color:#ff4757;padding:14px 16px;border-radius:10px;font-size:13px;font-weight:600;line-height:1.5;margin-bottom:20px;display:flex;align-items:flex-start;gap:10px;border:1px solid rgba(255,71,87,.2)}.legal-warning i{font-size:18px;margin-top:2px}.terms-modal-body h3{color:#111;font-size:15px;font-weight:700;margin:20px 0 10px}body.dark-theme .terms-modal-body h3{color:#eee}.terms-modal-body p{font-size:13px;line-height:1.6;margin-bottom:10px}.terms-modal-body ul{padding-left:20px;margin-bottom:12px}.terms-modal-body li{font-size:13px;line-height:1.5;margin-bottom:6px}.terms-modal-footer{padding:16px 24px;border-top:1px solid rgba(0,0,0,.08);display:flex;justify-content:flex-end}body.dark-theme .terms-modal-footer{border-top:1px solid rgba(255,255,255,.08)}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@keyframes slideUpModal{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.terms-modal-body::-webkit-scrollbar{width:6px}.terms-modal-body::-webkit-scrollbar-thumb{background:var(--color-hero-dark);border-radius:4px}:root{--bg: #ffffff;--text: #0f172a;--subtext: #64748b;--border: #e2e8f0;--primary: #2563eb;--primary-hover: #1d4ed8;--card: #f8fafc;--shadow: rgba(0, 0, 0, .08);--warning: #363636}body.dark-theme{--bg: #0f172a;--text: #e2e8f0;--subtext: #94a3b8;--border: #1e293b;--primary: #3b82f6;--primary-hover: #2563eb;--warning: #ffffff;--card: #0f172a;--shadow: rgba(0, 0, 0, .4)}.modal{position:fixed;inset:0;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:center;z-index:999}.modal-box{width:460px;max-width:95%;background:var(--bg);color:var(--text);border-radius:14px;padding:20px;box-shadow:0 15px 40px var(--shadow);animation:zoomIn .2s ease}.modal-box h3{font-size:18px;font-weight:600}.modal-box p{font-size:13px;color:var(--subtext)}.modal-box input{width:100%;padding:9px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--text);margin-top:10px}.modal-box input:focus{border-color:var(--primary)}.modal-action{display:flex;gap:10px;margin-top:16px}.modal-action button{flex:1;padding:9px;border-radius:8px;border:none;cursor:pointer;font-size:13px}.modal-action .btn-buy{background:linear-gradient(90deg,#2563eb,#3b82f6);color:#fff}.modal-action .btn-secondary{background:transparent;border:1px solid var(--border);color:var(--text)}.result-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:9999}.result-modal{width:90vw;max-width:1100px;max-height:75vh;background:var(--bg);color:var(--text);border-radius:14px;padding:16px;border:1px solid var(--border);display:flex;flex-direction:column;animation:zoomIn .2s ease}.result-header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.result-title-main{font-size:16px;font-weight:700;color:#5e5c5c}.result-title{color:#5e5c5c;font-size:14px}body.dark-theme .result-title{color:#cecece;font-size:14px}body.dark-theme .result-title-main{color:#fff}.actions{display:flex;gap:8px}.btn-result-copy{color:#1d4ed8}.btn-result-copy:hover{color:#1d4ed8;background-color:#e0f0f7}body.dark-theme .btn-result-copy{color:#fff;background-color:#332c41e6}body.dark-theme .btn-result-copy:hover{color:#fff;background-color:#5d5374e6}.btn-close{width:34px;height:34px;border-radius:8px;border:none;display:flex;align-items:center;justify-content:center;background:transparent;color:var(--text);cursor:pointer;font-size:18px;transition:all .2s ease}.btn-close:hover{background:#ff00001a;color:#ef4444}.result-body{flex:1;overflow-y:auto;padding-right:6px}.result-box{border-radius:5px;margin-bottom:10px;background:var(--card)}.result-header{padding:10px 12px;font-weight:600;border-bottom:1px solid var(--border)}.order-table{width:100%;border-collapse:collapse;min-width:650px;font-size:13.5px}.order-table thead th{position:sticky;top:0;background:var(--card);color:var(--text);padding:11px;font-weight:600;border-bottom:1px solid var(--border);z-index:2}.order-table td{padding:10px 11px;border-bottom:1px solid var(--border)}.order-table tbody tr:hover{background:#0000000d}[data-theme=dark] .order-table tbody tr:hover{background:#ffffff0f}.text-right{text-align:right}.text-center{text-align:center}.price{color:var(--warning);font-weight:600}.account-cell{word-break:break-all;font-family:monospace}.result-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}.copy-toast{position:fixed;bottom:20px;right:20px;background:var(--text);color:var(--bg);padding:8px 12px;border-radius:8px;font-size:12px;opacity:0;transform:translateY(10px);transition:.2s;z-index:99999}.copy-toast.show{opacity:1;transform:translateY(0)}@keyframes zoomIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.modal-box input[type=number]{border:1px solid var(--border);border-radius:8px;padding:10px;background:transparent;color:var(--text);transition:all .2s ease}.modal-box input[type=number]:focus{border-color:var(--primary);box-shadow:0 0 0 2px #3b82f633;outline:none}.modal-box input[type=number]::-webkit-outer-spin-button,.modal-box input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.modal-box input[type=number]{-moz-appearance:textfield}.order-table thead th{position:sticky;top:0;background:var(--card);color:var(--text);border-bottom:1px solid var(--border)}.result-body::-webkit-scrollbar-thumb{background:#94a3b859}[data-theme=dark] .result-body::-webkit-scrollbar-thumb{background:#94a3b840}.order-table tbody tr:nth-child(2n){background:#00000005}[data-theme=dark] .order-table tbody tr:nth-child(2n){background:#ffffff08}.result-body::-webkit-scrollbar{width:8px}.result-body::-webkit-scrollbar-track{background:transparent}.result-body::-webkit-scrollbar-thumb{background:#94a3b866;border-radius:10px}.result-body::-webkit-scrollbar-thumb:hover{background:#64748bb3}[data-theme=dark] .result-body::-webkit-scrollbar-track{background:#ffffff05}[data-theme=dark] .result-body::-webkit-scrollbar-thumb{background:#94a3b84d}[data-theme=dark] .result-body::-webkit-scrollbar-thumb:hover{background:#94a3b899}.result-body{scrollbar-color:rgba(148,163,184,.4) transparent}[data-theme=dark] .result-body{scrollbar-color:rgba(148,163,184,.3) transparent}[data-theme=dark] .badge{color:#fff}.modal-box{width:min(720px,calc(100vw - 28px));padding:16px;border-radius:14px}.bm-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.bm-title{margin:0;font-size:18px;line-height:1.2}.bm-subtitle{margin-top:4px;font-size:13px;color:var(--muted, #94a3b8)}.bm-close{border:0;background:transparent;color:var(--text, #e5e7eb);cursor:pointer;font-size:18px;line-height:1;padding:6px 8px;border-radius:10px}.bm-close:hover{background:#ffffff0f}.bm-desc{font-size:13px;color:var(--muted, #94a3b8);line-height:1.5;margin-bottom:12px}.bm-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:12px}@media(max-width:640px){.bm-grid{grid-template-columns:1fr}}.bm-card{border:1px solid rgba(148,163,184,.18);background:#02061708;border-radius:12px;padding:12px}.bm-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px dashed rgba(148,163,184,.18)}.bm-row:last-child{border-bottom:none}.bm-label{font-size:13px;color:var(--muted, #94a3b8)}.bm-value{font-size:14px;font-weight:700}.bm-value.is-warn{color:var(--warning, #f59e0b)}.bm-qty{display:flex;align-items:center;gap:8px}.bm-qty__btn{width:34px;height:34px;border-radius:10px;border:1px solid rgba(148,163,184,.22);background:#0f172a59;color:var(--text, #e5e7eb);cursor:pointer}.bm-qty__btn:disabled{opacity:.5;cursor:not-allowed}.bm-qty__input{width:80px;height:34px;border-radius:10px;border:1px solid rgba(148,163,184,.22);background:#0f172a33;color:var(--text, #e5e7eb);text-align:center;outline:none}.bm-total{margin-top:12px;display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-top:10px}.bm-total__label{font-size:13px;color:var(--muted, #94a3b8)}.bm-total__value{font-size:18px;font-weight:800;color:var(--accent, #60a5fa)}.bm-hint{margin-top:10px;font-size:12.5px;line-height:1.5;padding:10px;border-radius:10px}.bm-hint--warn{background:#f59e0b1f;border:1px solid rgba(245,158,11,.25);color:var(--text, #e5e7eb)}.bm-card--note{background:#0f172a38}.bm-note-title{font-size:13px;font-weight:800;margin-bottom:8px}.bm-note-list{margin:0;padding-left:18px;color:var(--muted, #94a3b8);font-size:13px;line-height:1.6}.bm-actions{margin-top:14px;display:flex;gap:10px}.bm-btn-primary,.bm-btn-secondary{flex:1}:root{--panel: rgba(25, 21, 33, .9);--muted: #9aa3a8;--accent: #34A0FF;--hot: #ff8a00;--text: #e6edf3;--radius: 12px;--bg-modal: #161929;--border-line: rgba(255, 255, 255, .08)}.container-section-product{padding-bottom:100px}.section-product{background-color:var(--panel);border-radius:var(--radius);padding:32px 28px;margin:32px auto;box-shadow:0 2px 12px #00000003;border:1px solid rgba(255,255,255,.04)}body.light-theme .section-product{background:#ffffffe6;border:1px solid rgb(238,243,248,.9);box-shadow:0 4px 24px #0b162108}.product-list{max-height:520px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:8px;padding:12px 0;scrollbar-width:thin;scrollbar-color:transparent transparent}.product-list::-webkit-scrollbar{width:6px}.product-list::-webkit-scrollbar-track{background:transparent}.product-list::-webkit-scrollbar-thumb{background:transparent;border-radius:6px}.product-list:hover{scrollbar-color:rgba(255,255,255,.3) transparent}.product-list:hover::-webkit-scrollbar-thumb{background:#ffffff4d}.table-head-left{display:flex;align-items:center;gap:18px;margin-bottom:16px}.table-head-left h4{margin:0;color:var(--text);white-space:nowrap;padding-bottom:2px;line-height:1}body.light-theme .table-head-left h4{color:#0c417e}.filters{display:flex;gap:8px;flex-wrap:nowrap!important;overflow-x:auto;white-space:nowrap;padding:4px 0 8px;width:100%;scrollbar-width:none;-ms-overflow-style:none}.filters::-webkit-scrollbar{display:none}.filters button{border:none;background:transparent;color:#fff;cursor:pointer;padding:6px 14px;border-radius:5px;font-size:14px;font-weight:600;transition:background .35s ease,transform .28s ease,box-shadow .28s ease;will-change:transform,box-shadow,background;flex-shrink:0!important;white-space:nowrap}.filters button:hover{background-color:#1691d9c5;transform:translateY(-3px)}.filters .active{background:linear-gradient(90deg,#107ec2,#1172ad);color:#fff}body.light-theme .filters button{color:#545e66}body.light-theme .filters button:hover{background:#1691d9c5;color:#fff}body.light-theme .filters .active{background:linear-gradient(90deg,#0b76d1,#1690d9);color:#fff}.product-row{min-height:9vh;display:grid;grid-template-columns:1.6fr .3fr .6fr .8fr .5fr .7fr;gap:12px;align-items:center;padding:12px;border-radius:10px;border:1px solid rgba(209,209,209,.03);transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s ease,background .2s ease}.product-row:hover{transform:translateY(-4px);box-shadow:0 10px 20px #0003}body.light-theme .product-row{background:#fff;border:1px solid rgba(228,223,223,.06);box-shadow:0 1px 4px #0b16210a}body.light-theme .product-row:hover{box-shadow:0 8px 24px #0b16210d}.col-group-mobile{display:contents}.col:before{display:none}.col{font-size:14px;color:var(--muted);display:flex;align-items:center}.col.price{font-weight:600}.col.stock{font-weight:700}body.light-theme .col{color:#545e66}.product-row .name{display:flex;align-items:center;justify-content:flex-start;gap:12px;min-width:0;width:100%}.product-row .icon{width:44px;height:44px;min-width:44px;flex-shrink:0;border-radius:15px;display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:20px;border:1px solid rgba(114,114,114,.2);background:#ffffff05}body.light-theme .product-row .icon{color:#0b76d1;background:#f7f9fc;border-color:#e6edf3}.name-info{display:flex;flex-direction:column;flex:1;min-width:0;overflow:hidden}.title-wrapper{display:flex;align-items:center;gap:8px;width:100%}.product-row .title{font-weight:600;font-size:15px;color:var(--text);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.light-theme .product-row .title{color:#0f1720}.badge-fixed{display:inline-flex;align-items:center;justify-content:center;padding:4px 6px;min-width:max-content;border-radius:999px;font-weight:700;font-size:11px;color:#fff;flex-shrink:0;line-height:1}.product-row .subtitle{font-size:13px;color:var(--muted);margin:4px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.col.action{justify-content:center;gap:6px;display:flex;align-items:center}.btn{cursor:pointer;border:0;padding:6px 12px;border-radius:8px;font-weight:600;font-size:13px;transition:all .2s ease;white-space:nowrap}.btn-buy{background:linear-gradient(90deg,#0ea5ff,#08f);color:#fff;box-shadow:0 4px 12px #34a0ff40}.btn-buy:hover{transform:translateY(-2px);box-shadow:0 6px 16px #34a0ff59}body.light-theme .btn-buy{background:linear-gradient(90deg,#0b76d1,#0a5fab);box-shadow:0 4px 12px #0b76d133}.btn-disabled{background:transparent;color:#f0f0f059;border:1px solid rgba(255,255,255,.1);cursor:not-allowed}body.light-theme .btn-disabled{background:#f7f9fc;color:#bfc7d5;border:1px dashed #e6edf3}.btn-detail{background:transparent;border:1px solid rgba(255,255,255,.1);color:var(--muted)}.btn-detail:hover{background:#ffffff1a;color:var(--text)}body.light-theme .btn-detail{background:#f7f9fc;border:1px solid #e6edf3;color:#545e66}body.light-theme .btn-detail:hover{background:#eef3f8;color:#0f1720}.product-empty-state{text-align:center;padding:40px;color:var(--muted);font-size:14px;opacity:.6}@media(max-width:900px){.product-row{grid-template-columns:1fr .5fr .8fr .5fr .8fr}.col.country{display:none}}@media(max-width:768px){.filters button:hover{background:linear-gradient(90deg,#0b76d1,#1690d9);color:#fff;transform:translateY(0)}body.light-theme .filters button:hover{background:linear-gradient(90deg,#0b76d1,#1690d9);color:#fff}.section-product{padding:20px 16px;margin:16px auto}.table-head-left{flex-direction:column;align-items:flex-start;gap:12px}.filters{width:100%;overflow-x:auto;white-space:nowrap;padding-bottom:4px}.product-row{display:flex!important;flex-direction:column!important;height:auto!important;min-height:auto!important;gap:0;padding:16px;margin-bottom:12px;background:#ffffff05;box-shadow:0 4px 12px #0000000d}body.light-theme .product-row{background:#fff}.product-row .name{margin-bottom:16px}.col-group-mobile{display:flex;flex-direction:column;width:100%;box-sizing:border-box;background:#00000008;border-radius:10px;padding:12px 16px;gap:8px}body.dark-theme .col-group-mobile{background:#ffffff08}.col:not(.name):not(.action){display:flex;justify-content:flex-start;align-items:center;gap:8px;width:100%;font-size:13px;padding:4px 0}.col.country{display:flex}.col:not(.name):not(.action):before{display:block;content:attr(data-label) ": ";color:var(--muted);font-weight:500;min-width:70px}.col.price{font-size:14px;font-weight:700}.col.action{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;margin-top:16px}.col.action .btn{width:100%;padding:12px 10px;display:flex;justify-content:center}}.pv-loader{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#ffffffbf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:opacity .3s ease}.pv-loader-inner{display:flex;flex-direction:column;align-items:center;gap:12px;animation:pv-loader-in .4s cubic-bezier(.22,1,.36,1) forwards}@keyframes pv-loader-in{0%{transform:translate3d(0,10px,0);opacity:0}to{transform:translateZ(0);opacity:1}}.pv-loader-text{font-size:14px;color:#2563eb;font-weight:500;opacity:.9}body.dark-theme .pv-loader{background:#0a0a0a99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.loader-stripe{width:42px;height:42px;border-radius:50%;border:3px solid transparent;border-top-color:#3b82f6;border-right-color:#3b82f6;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.result-overlay{position:fixed;inset:0;z-index:10000;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.result-modal{background:var(--bg-modal);border:1px solid var(--border-line);border-radius:16px;box-shadow:0 20px 60px #0006;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s cubic-bezier(.2,.8,.2,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.result-header-top{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#ffffff08;border-bottom:1px solid var(--border-line)}.result-title-main{font-size:16px;font-weight:700;color:var(--text)}.actions{display:flex;gap:8px;align-items:center}.btn-close{width:32px;height:32px;border-radius:8px;border:none;background:#ffffff14;color:var(--muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.btn-close:hover{background:#ef444433;color:#ef4444}.btn-result-copy{padding:8px 16px;border-radius:8px;border:none;background:#34a0ff26;color:var(--accent);font-weight:600;font-size:13px;cursor:pointer;transition:all .2s}.btn-result-copy:hover{background:#34a0ff40;color:#fff}.modal-detail-custom{width:100%;max-width:420px}.detail-body-compact{padding:20px}.detail-main-info{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px dashed var(--border-line)}.detail-icon-box{width:54px;height:54px;background:#34a0ff1a;color:var(--accent);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px}.detail-title-box h5{margin:0;font-size:17px;color:var(--text)}.detail-title-box p{margin:4px 0 0;font-size:13px;color:var(--muted)}.od-summary-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:14px}.od-summary-item span{color:var(--muted)}.od-summary-item strong{color:var(--text)}.price-highlight{color:var(--hot)!important;font-size:16px}.status-on{color:#10b981!important}.status-off{color:#ef4444!important}.detail-description-area{margin-top:20px;background:#0003;padding:12px;border-radius:8px;border:1px solid var(--border-line)}.detail-description-area label{display:block;font-size:11px;font-weight:700;color:var(--accent);margin-bottom:8px;text-transform:uppercase}.description-content{font-size:13px;line-height:1.6;color:var(--muted);white-space:pre-line}.detail-footer-action{margin-top:24px}.btn-large-full{width:100%;padding:14px!important;font-size:15px!important}.result-modal.modal-large{width:100%;max-width:900px;max-height:85vh}.result-body{padding:20px;overflow-y:auto;scrollbar-width:thin}.result-body::-webkit-scrollbar{width:6px}.result-body::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:6px}.result-box{background:var(--bg-modal);border:1px solid var(--border-line);border-radius:12px;overflow:hidden;margin-bottom:16px}.order-summary-info{display:flex;flex-wrap:wrap;gap:24px;padding:16px 20px;border-bottom:1px solid var(--border-line)}.info-group{display:flex;align-items:center;gap:8px}.info-label{color:var(--muted);font-size:13px}.info-val{color:var(--text);font-weight:700;font-size:15px}.info-val.price-val{color:var(--hot);font-size:16px}.info-val.highlight-name{color:var(--accent)}.table-wrapper{overflow-x:auto}.order-table{width:100%;min-width:600px;border-collapse:collapse}.order-table th,.order-table td{padding:14px 16px;text-align:left;font-size:13.5px;color:var(--muted)}.order-table th{font-weight:600;text-transform:uppercase;font-size:12px;background:var(--bg-modal)!important;white-space:nowrap;border-bottom:1px solid var(--border-line);position:sticky;top:0;z-index:10}.order-table td{color:var(--text);vertical-align:middle;border-bottom:1px solid rgba(255,255,255,.02)}.order-table tbody tr{transition:background .2s ease}.order-table tbody tr:nth-child(2n){background:#ffffff03}.order-table tbody tr:hover{background:#ffffff0a!important}.account-cell{max-width:350px;word-break:break-all;font-family:monospace;color:#a8b2d1;line-height:1.5}.text-right{text-align:right!important}.text-center{text-align:center!important}body.light-theme .result-modal{background:#fff;border:1px solid #e2e8f0}body.light-theme .result-header-top{background:#f8fafc;border-bottom:1px solid #e2e8f0}body.light-theme .result-title-main{color:#0f172a}body.light-theme .btn-close{background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0}body.light-theme .btn-close:hover{background:#fee2e2;color:#ef4444;border-color:#fca5a5}body.light-theme .result-box{background:#fff;border-color:#e2e8f0;box-shadow:0 1px 3px #00000005}body.light-theme .order-summary-info{background:#f0f9ff;border-bottom:1px solid #e0f2fe}body.light-theme .info-label{color:#64748b}body.light-theme .info-val{color:#0f172a}body.light-theme .info-val.price-val{color:#ea580c}body.light-theme .info-val.highlight-name{color:#0284c7}body.light-theme .order-table th{background:#f8fafc;border-bottom-color:#e2e8f0;color:#475569}body.light-theme .order-table td{color:#1e293b;border-bottom-color:#f1f5f9}body.light-theme .order-table tbody tr:nth-child(2n){background:#fafafa}body.light-theme .order-table tbody tr:hover{background:#f1f5f9!important}body.light-theme .account-cell{color:#334155}body.light-theme .buy-panel,body.light-theme .policy-panel,body.light-theme .left-col,body.light-theme .right-col{background-color:#f8fafc;border:1px solid #e2e8f0;color:#334155}body.light-theme .policy-panel ul li,body.light-theme .notes-policy li{color:#475569}body.light-theme .qty-input-group{background:transparent}body.light-theme .qty-btn,body.light-theme .btn-minus,body.light-theme .btn-plus{background-color:#e2e8f0;color:#475569;border:1px solid #e2e8f0;transition:all .2s}body.light-theme .qty-btn:hover{background-color:#cbd5e1;color:#0f1720}body.light-theme .qty-input,body.light-theme .qty-control input{background-color:#fff;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;border-left:none;border-right:none;color:#0f1720;font-weight:600}body.light-theme .note-box,body.light-theme .warning-note,body.light-theme .alert-warning{background-color:#fffbeb;border:1px solid #fde68a;color:#92400e}body.light-theme .note-box strong{color:#b45309}body.light-theme .btn-cancel,body.light-theme .modal-footer .btn-outline{background-color:#fff;border:1px solid #cbd5e1;color:#475569;font-weight:600}body.light-theme .btn-cancel:hover{background-color:#f1f5f9;border-color:#94a3b8;color:#0f1720}body.light-theme .btn-confirm,body.light-theme .btn-buy-submit{background:#0ea5ff;color:#fff;border:none;font-weight:600;box-shadow:0 4px 12px #0ea5ff33}body.light-theme .btn-confirm:hover{background:#0284c7}.pcard-icon,.plist-icon{color:inherit}.plist-icon{font-size:34px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.pcard-icon:is(.fa-facebook),.plist-icon:is(.fa-facebook){color:#1877f2}.pcard-icon:is(.fa-tiktok),.plist-icon:is(.fa-tiktok){color:var(--od-text)}.pcard-icon:is(.fa-instagram),.plist-icon:is(.fa-instagram){color:#e4405f}.pcard-icon:is(.fa-x-twitter),.plist-icon:is(.fa-x-twitter){color:#1da1f2}.pcard-icon:is(.fa-youtube),.plist-icon:is(.fa-youtube){color:red}.pcard-icon:is(.fa-discord),.plist-icon:is(.fa-discord){color:#5865f2}.pcard-icon:is(.fa-telegram),.plist-icon:is(.fa-telegram){color:#08c}.pcard-icon:is(.fa-meta,.fab.fa-meta),.plist-icon:is(.fa-meta,.fab.fa-meta){color:#08c}.plist-icon{font-size:24px;line-height:1;color:inherit}:root body.light-theme{--od-text: rgba(15, 23, 42, .78);--od-muted: rgba(15, 23, 42, .54);--od-border: rgba(15, 23, 42, .1);--od-surface: rgba(255, 255, 255, .84);--od-bg: #f8fafc}body.light-theme .pgrid-card{border-color:#0f172a1a;background:#ffffffdb;box-shadow:0 8px 18px #0f172a0d}body.light-theme .pgrid-card:hover{border-color:#4f46e538;box-shadow:0 16px 30px #0f172a1a}body.light-theme .pgrid-media{background:linear-gradient(180deg,#02061705,#02061703);border-bottom:1px solid rgba(15,23,42,.06)}body.light-theme .pgrid-media:before{background:radial-gradient(120% 120% at 50% 20%,#4f46e50f,#fff0 55%),linear-gradient(180deg,#02061705,#02061700);opacity:1}body.light-theme .pgrid-media:after{opacity:.07;mix-blend-mode:normal}body.light-theme .pgrid-hover{background:#0f172a38}body.light-theme .pgrid-meta,body.light-theme .pgrid-actions{border-top-color:#0f172a1a}.pgrid-price{padding:6px 10px;border-radius:10px;background:#94a3b81a;border:1px solid rgba(148,163,184,.14)}body.light-theme .pgrid-price{background:#02061708;border-color:#0f172a14;color:#0f172aeb;opacity:1}.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;margin-top:14px}.pgrid-card{border:1px solid var(--od-border);background:var(--od-surface);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.pgrid-card:hover{transform:translateY(-1px);box-shadow:0 14px 34px #0000002e}.pgrid-card.is-sold{opacity:.92}.pgrid-media{position:relative;width:100%;border:0;padding:0;cursor:pointer;aspect-ratio:16 / 9;display:grid;place-items:center;background:#94a3b814}.pgrid-icon{font-size:52px;color:inherit;opacity:.95;transition:transform .18s ease}.pgrid-card:hover .pgrid-icon{transform:scale(1.06)}.pgrid-tags{position:absolute;top:10px;left:10px;display:inline-flex;gap:8px}.pgrid-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:900;line-height:1;color:#fff;border:1px solid rgba(255,255,255,.14)}.pgrid-hover{position:absolute;inset:0;opacity:0;display:grid;place-items:center;background:#02061747;color:#fff;font-weight:900;font-size:12px;transition:opacity .16s ease}.pgrid-card:hover .pgrid-hover{opacity:1}.pgrid-body{padding:12px;display:flex;flex-direction:column;gap:10px;min-height:0;flex:1 1 auto}.pgrid-title{font-size:14px;font-weight:900;color:var(--od-text);line-height:1.25;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.pgrid-sub{font-size:12px;color:var(--od-muted);line-height:1.35;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:32px}.pgrid-sub--empty{min-height:32px}.pgrid-meta{padding-top:10px;border-top:1px dashed rgba(148,163,184,.18);display:grid;gap:6px}.pgrid-row{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--od-muted)}.pgrid-row b{color:var(--od-text);font-variant-numeric:tabular-nums;white-space:nowrap;max-width:58%;overflow:hidden;text-overflow:ellipsis}.pgrid-price{font-weight:950;font-size:13px;color:var(--od-text);opacity:.92;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pgrid-actions{margin-top:auto;padding-top:10px;border-top:1px dashed rgba(148,163,184,.18);display:flex;justify-content:flex-end;gap:10px}.pbtn{height:34px;padding:0 14px;border-radius:12px;border:1px solid rgba(148,163,184,.18);background:transparent;color:var(--od-text);cursor:pointer;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans;font-size:12.5px;font-weight:800;letter-spacing:.15px;white-space:nowrap;transition:background .14s ease,border-color .14s ease,transform .14s ease}.pbtn--ghost:hover,.pbtn--ghost:focus-visible{outline:none;background:#4f46e51a;border-color:#4f46e559}.pbtn--buy{background:var(--od-primary);border-color:#4f46e58c;color:#fff}.pbtn--buy:hover,.pbtn--buy:focus-visible{outline:none;background:var(--od-primary-hover);transform:translateY(-1px)}.pbtn--out{cursor:default;background:#ef44441f;border-color:#ef444459;color:#ef4444}.pgrid-icon.fa-facebook{color:#1877f2}.pgrid-icon.fa-tiktok{color:var(--od-text)}.pgrid-icon.fa-instagram{color:#e4405f}.pgrid-icon.fa-x-twitter{color:#1da1f2}.pgrid-icon.fa-youtube{color:red}.pgrid-icon.fa-discord{color:#5865f2}.pgrid-icon.fa-telegram,.pgrid-icon.fa-meta,.pgrid-icon.fab.fa-meta{color:#08c}@media(max-width:520px){.pgrid{grid-template-columns:1fr}}.pbtn{display:inline-flex;align-items:center;justify-content:center;line-height:1;padding-top:0;padding-bottom:0;box-sizing:border-box}.pbtn--out{display:inline-flex;align-items:center;justify-content:center}.pgrid-media{position:relative;overflow:hidden}.pgrid-media:before{content:"";position:absolute;inset:0;background:radial-gradient(120% 120% at 50% 20%,#ffffff0f,#fff0 55%),linear-gradient(180deg,#94a3b81a,#94a3b80a);pointer-events:none;z-index:0}.pgrid-media:after{content:"";position:absolute;inset:0;background:radial-gradient(85% 70% at 50% 35%,currentColor 0%,rgba(0,0,0,0) 70%);opacity:.1;mix-blend-mode:screen;pointer-events:none;z-index:0}.pgrid-tags,.pgrid-icon,.pgrid-hover{z-index:1}.pgrid-media{color:inherit}.pgrid-media:has(.pgrid-icon.fa-facebook){color:#1877f2}.pgrid-media:has(.pgrid-icon.fa-tiktok){color:var(--od-text)}.pgrid-media:has(.pgrid-icon.fa-instagram){color:#e4405f}.pgrid-media:has(.pgrid-icon.fa-x-twitter){color:#1da1f2}.pgrid-media:has(.pgrid-icon.fa-youtube){color:red}.pgrid-media:has(.pgrid-icon.fa-discord){color:#5865f2}.pgrid-media:has(.pgrid-icon.fa-telegram){color:#08c}.pgrid-media:has(.pgrid-icon.fa-meta),.pgrid-media:has(.pgrid-icon.fab.fa-meta){color:#08c}.ptf{position:fixed;right:10px;top:45%;transform:translateY(-50%);z-index:2000;display:flex;flex-direction:column;gap:8px}.ptf__btn{appearance:none;border:1px solid var(--od-border);background:#0f172ab8;color:var(--od-muted);cursor:pointer;border-radius:12px;padding:10px;writing-mode:vertical-rl;text-orientation:mixed;font-size:11px;font-weight:900;letter-spacing:1px;box-shadow:0 10px 26px #00000040;transition:transform .16s ease,background .16s ease,color .16s ease,border-color .16s ease}.ptf__btn:hover{transform:translate(-2px);background:#0f172ad9;color:var(--od-text)}.ptf__btn.is-active{background:#4f46e5eb;border-color:#4f46e599;color:#fff}@media(max-width:520px){.ptf{top:auto;bottom:90px;transform:none}}.error-viewport{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--od-bg)}.error-center{text-align:center;max-width:500px!important}.vector-static{margin-bottom:40px;display:flex;justify-content:center}.search-circle{width:100px;height:100px;border:8px solid var(--od-border);border-radius:50%;position:relative}.search-handle{position:absolute;width:8px;height:40px;background:var(--od-border);bottom:-25px;right:-15px;transform:rotate(-45deg);border-radius:4px}.search-void{position:absolute;inset:15px;background:var(--od-border);opacity:.3;border-radius:50%}.error-meta{font-size:14px;font-weight:700;color:var(--od-primary);letter-spacing:2px;margin-bottom:8px}.error-heading{font-size:32px;font-weight:700;color:var(--od-text);margin-bottom:16px}.error-subtext{font-size:15px;color:var(--od-muted);line-height:1.6;margin-bottom:32px}.error-actions{display:flex;gap:12px;justify-content:center}.od-btn-primary{background:var(--od-primary);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.od-btn-primary:hover{background:var(--od-primary-hover)}.od-btn-outline{background:transparent;border:1px solid var(--od-border);color:var(--od-text);padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer}.od-btn-outline:hover{background:var(--od-border)}@media(max-width:480px){.error-actions{flex-direction:column}.od-btn-outline{margin:0}}:root,body.light-theme .profile-root,.profile-root{--bg: #f6f8fb;--card: #ffffff;--card-alt: #f3f6fb;--text: #1e40af;--muted: #68707a;--border: rgba(15, 23, 36, .08);--accent: #2563EB;--accent-hover: #1D4ED8;--accent-strong: #1e40af;--accent-soft: #e8f2ff;--accent-light: #eaf3ff;--danger: #ef4444;--danger-soft: #fff5f5;--danger-hover: #dc2626;--success: #10b981;--shadow: 0 8px 30px rgba(16, 24, 40, .06);--radius: 12px;--hero-bg: linear-gradient(180deg, #f3f8ff 0%, #eef6ff 100%);--chart-line: #2563EB;--chart-area: rgba(37, 99, 235, .1);--chart-grid: rgba(17, 24, 39, .05);--skel-base: #e5e7eb;--skel-shine: #f3f4f6}body.dark-theme .profile-root{--bg: rgba(25, 21, 32);--card: rgba(25, 21, 32);--card-alt: #374151;--text: #f9fafb;--muted: #9ca3af;--border: rgba(255, 255, 255, .1);--accent: #3b82f6;--accent-hover: #60a5fa;--accent-strong: #60a5fa;--accent-soft: rgba(59, 130, 246, .15);--accent-light: rgba(59, 130, 246, .1);--danger: #ef4444;--danger-soft: rgba(239, 68, 68, .1);--danger-hover: #f87171;--success: #10b981;--shadow: 0 8px 30px rgba(0, 0, 0, .1);--hero-bg: background: var(--card) --chart-line: #60a5fa;--chart-area: rgba(96, 165, 250, .15);--chart-grid: rgba(255, 255, 255, .05);--skel-base: #374151;--skel-shine: #4b5563}.profile-root{font-family:Inter,Helvetica Neue,Arial,sans-serif;color:var(--text);box-sizing:border-box;transition:background-color .3s ease,color .3s ease}.profile-root *,.profile-root *:before,.profile-root *:after{box-sizing:inherit}.profile-root .profile__container{padding:28px;background:var(--bg);min-height:100vh;display:flex;justify-content:center;align-items:flex-start}.profile-root .profile__card{width:100%;max-width:var(--default-size);background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px;display:flex;flex-direction:column;gap:20px;margin:0 auto;border:1px solid var(--border)}.profile-root .profile__header{display:flex;align-items:center;gap:18px}.profile-root .profile__avatar{width:72px;height:72px;border-radius:50%;background:var(--accent-light);color:var(--accent-strong);display:grid;place-items:center;font-weight:700;font-size:22px;flex-shrink:0;border:1px solid var(--border)}.profile-root .profile__meta{flex:1;min-width:0}.profile-root .profile__meta-top{display:flex;align-items:center;gap:12px}.profile-root .profile__name{margin:0;font-size:18px;font-weight:700;color:var(--text);line-height:1.2}.profile-root .role-badge{background:var(--card-alt);color:var(--accent-strong);padding:4px 10px;border-radius:999px;font-weight:600;font-size:12px;border:1px solid var(--border)}.profile-root .profile__sub{margin:8px 0 0;color:var(--muted);display:flex;gap:8px;align-items:center;font-size:13px}.profile-root .dot{color:var(--muted)}.profile-root .email-text{color:var(--muted);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-root .status-pill{padding:6px 12px;border-radius:999px;font-size:13px;font-weight:600;color:#fff;border:none}.profile-root .status-pill--active{background:var(--card-alt);color:var(--accent-strong)}.profile-root .status-pill--inactive{background:var(--danger)}.profile-root .profile__divider{height:1px;background:var(--border);margin:4px 0 0}.profile-root .summary-grid{display:grid;grid-template-columns:1fr 160px 1fr;gap:16px;align-items:stretch;width:100%}.profile-root .info-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px;display:flex;flex-direction:column;justify-content:center;gap:6px;height:100%}.profile-root .card--blue-hero{background:var(--hero-bg);border:1px solid var(--border)}.profile-root .info-card__label{color:var(--muted);font-size:13px}.profile-root .info-card__value{font-size:18px;font-weight:700;color:var(--text)}.profile-root .text-blue{color:var(--accent-strong)}.profile-root .profile__details{display:flex;flex-direction:column;height:100%}.profile-root .detail{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:16px;display:flex;justify-content:space-between;align-items:center;flex:1;min-height:72px}.profile-root .detail__key{color:var(--muted);font-size:13px}.profile-root .detail__value{font-weight:700;color:var(--text)}.profile-root .payment-chart__wrap{margin-top:8px}.profile-root .payment-chart__title{margin:0 0 16px 4px;font-size:16px;font-weight:600;color:var(--text)}.profile-root .payment-chart__card{background:var(--card);border:1px solid var(--border);padding:20px;border-radius:12px;position:relative;box-shadow:0 2px 10px #00000005}.profile-root .payment-chart__svg-wrap{position:relative;width:100%;height:280px}.profile-root .payment-chart__tooltip{position:absolute;transform:translate(-50%,-120%);background:var(--card);border:1px solid var(--border);color:var(--text);padding:10px 14px;border-radius:8px;box-shadow:var(--shadow);min-width:120px;text-align:center;pointer-events:none;z-index:30;transition:all .2s ease}.profile-root .tooltip__amount{font-weight:700;color:var(--text);font-size:15px;margin-bottom:4px}.profile-root .tooltip__time{color:var(--muted);font-size:12px}.profile-root .payment-chart__empty{display:flex;justify-content:center;align-items:center;height:200px;color:var(--muted);font-size:14px}.profile-root .profile__footer{display:flex;justify-content:flex-end;margin-top:8px;position:relative;z-index:10}.profile-root .profile__actions{display:flex;gap:12px}.profile-root .btn{background:transparent;border:1px solid var(--border);color:var(--text);padding:8px 16px;border-radius:8px;cursor:pointer;font-weight:600;min-height:38px;transition:all .2s}.profile-root .btn:hover{background:var(--card-alt)}.profile-root .btn--primary{background:var(--accent);color:#fff;border:none}.profile-root .btn--primary:hover{background:var(--accent-hover)}.profile-root .btn--danger{margin-top:10px;background:var(--danger-soft);color:var(--danger);border:1px solid var(--danger-soft)}.profile-root .btn--danger:hover{background:#ff8c6f;color:#fff}.profile-root .skeleton{background:linear-gradient(110deg,var(--skel-base) 8%,var(--skel-shine) 18%,var(--skel-base) 33%);background-size:200% 100%;animation:shine 1.5s linear infinite;border-radius:8px}@keyframes shine{to{background-position-x:-200%}}.profile-root .profile__header-skel{display:flex;gap:16px;align-items:center}.profile-root .profile__meta-skel{flex:1}.profile-root .box-skel{height:80px;margin-top:16px}@media(max-width:920px){.profile-root .profile__card{max-width:100%}.profile-root .summary-grid{grid-template-columns:1fr;gap:16px}.profile-root .payment-chart__svg-wrap{height:220px}}@media(max-width:640px){.profile-root .profile__header{flex-direction:column;text-align:center}.profile-root .profile__meta-top{justify-content:center;flex-wrap:wrap}.profile-root .profile__sub{justify-content:center}.profile-root .profile__status{margin:8px 0 0}}.profile-root .btn:focus,.profile-root .status-pill:focus,.profile-root .role-badge:focus{outline:3px solid var(--accent-soft);outline-offset:2px;border-radius:8px}:root{--nav-padding-y:6px;--nav-padding-x:10px;--nav-gap:8px;--highlight-height:32px;--icon-container:36px;--icon-size:18px;--font-size:11px;--touch-target:40px;--bg: rgba(8,16,28,.9);--glass: rgba(255,255,255,.12);--text: rgba(255,255,255,.92);--muted: rgba(255,255,255,.72);--border: rgba(255,255,255,.12);--icon-hover: rgba(255,255,255,.06);--highlight-shadow: 0 10px 30px rgba(2,6,23,.38)}html[data-theme=light]{--bg: rgba(255,255,255,.95);--glass: rgba(12,18,28,.07);--text: rgba(12,16,20,.94);--muted: rgba(12,16,20,.68);--border: rgba(12,16,20,.1);--icon-hover: rgba(12,16,20,.06);--highlight-shadow: 0 8px 22px rgba(12,16,24,.06)}.bottom-nav{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:9999;display:flex;gap:var(--nav-gap);padding:var(--nav-padding-y) var(--nav-padding-x);border-radius:999px;background:#ffffff0d;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--border);box-shadow:0 8px 30px #02061740;box-sizing:border-box;transition:transform .22s cubic-bezier(.22,1,.36,1),opacity .18s ease,filter .18s ease}.bottom-nav.dimmed{opacity:.28;transform:translate(-50%) translateY(8px) scale(.995);filter:blur(1px);pointer-events:none}.bottom-nav.hidden{transform:translate(-50%) translateY(20px) scale(.995);opacity:0;pointer-events:none}.nav-item{position:relative;z-index:2;padding:4px 6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--muted);font-size:var(--font-size);border-radius:999px;cursor:pointer;transition:color .12s ease,transform .12s ease;box-sizing:border-box;min-width:0;min-height:var(--touch-target);flex:1}.nav-item,.nav-item *{outline:none!important;box-shadow:none!important}.nav-item.active:hover,.nav-item.active:focus{background:none!important;color:inherit!important;transform:none!important}.nav-item.active:hover .nav-icon,.nav-item.active:focus .nav-icon{background:transparent!important;transform:scale(1.1);color:#0491ff}.nav-item:not(.active):hover,.nav-item:not(.active):focus{transform:translateY(-.5px) scale(1);color:var(--text)}.nav-item:not(.active):hover .nav-icon,.nav-item:not(.active):focus .nav-icon{background:var(--icon-hover);transform:scale(1.06)}.nav-item.active{color:#0491ff;transform:scale(1.1)}.nav-item.active .nav-icon{background:transparent;transform:scale(1.1);color:#0491ff}.nav-item:hover,.nav-item.active{color:var(--text)}.nav-item.active svg{color:#0491ff;transform:scale(1.1)}.highlight{position:absolute;top:50%;left:0;width:0;height:var(--highlight-height);border-radius:999px;background:#0c121c0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--highlight-shadow),inset 0 1px #ffffff08;border:1px solid var(--border);transform:translateY(-50%);transition:transform .22s cubic-bezier(.22,1,.36,1),width .22s cubic-bezier(.22,1,.36,1),height .22s cubic-bezier(.22,1,.36,1);z-index:1;pointer-events:none;will-change:transform,width,height}.nav-icon{width:var(--icon-container);height:var(--icon-container);display:flex;align-items:center;justify-content:center;border-radius:50%;z-index:2;transition:background .12s ease,transform .12s ease,color .12s ease;color:inherit}.nav-item:hover .nav-icon{background:var(--icon-hover)}.nav-item.active .nav-icon{transform:scale(1.06);color:var(--text)}.nav-item svg{width:var(--icon-size);height:var(--icon-size);color:inherit}.nav-label{font-size:var(--font-size);line-height:1;margin-top:0;z-index:2}@media(max-width:520px){.bottom-nav{left:50%;transform:translate(-50%);width:calc(100% - 28px);max-width:720px;padding:calc(var(--nav-padding-y) + env(safe-area-inset-bottom,0px)) var(--nav-padding-x) var(--nav-padding-y);bottom:calc(12px + env(safe-area-inset-bottom,0px));box-shadow:0 14px 40px #02061747}.nav-label{display:none}:root{--icon-container: 40px;--icon-size: 20px;--highlight-height: 36px;--touch-target: 44px}.nav-item{padding:6px 4px;gap:4px}.nav-item{flex:1;min-width:0}.highlight{height:var(--highlight-height)}.nav-item:hover,.nav-item:focus{background:none!important;color:inherit!important;transform:none!important}.nav-item:hover .nav-icon,.nav-item:focus .nav-icon{background:transparent!important}}@media(prefers-reduced-motion:reduce){.bottom-nav,.highlight,.nav-item,.nav-item .nav-icon{transition:none!important}}.bottom-nav,.bottom-nav *,.nav-item,.nav-item *{-webkit-tap-highlight-color:transparent!important;-webkit-tap-highlight-color:rgba(0,0,0,0)!important}.nav-item{touch-action:manipulation}.bottom-nav,.nav-item{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}*{margin:0;padding:0;box-sizing:border-box}:root{--default-size: min(1540px, 70%) }body.light-theme{background-color:#fff;color:#000}body.dark-theme{background:#191520;color:#e6edf3}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e6edf3}.container-hero,body .section-product,body .container{width:var(--default-size)}:root{margin:0}body{padding:0}button{-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:rgba(0,0,0,0);outline:none}button,a,input[type=button],input[type=submit]{-webkit-tap-highlight-color:transparent}.od-list-viewport::-webkit-scrollbar-thumb{background:transparent}.od-list-viewport:hover::-webkit-scrollbar-thumb{background:#fff3}html::-webkit-scrollbar,body::-webkit-scrollbar{width:0px;background:transparent}html,body{scrollbar-width:none;-ms-overflow-style:none}@media(max-width:900px){:root{--default-size: 80%}}html{scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.45) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#94a3b859;border:3px solid transparent;background-clip:content-box;border-radius:999px}::-webkit-scrollbar-thumb:hover{background-color:#94a3b88c}::-webkit-scrollbar-corner{background:transparent}body.dark-theme ::-webkit-scrollbar-thumb{background-color:#94a3b847}body.dark-theme ::-webkit-scrollbar-thumb:hover{background-color:#94a3b873}html{scrollbar-gutter:stable}