: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}}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 420px;gap:var(--pv-gap);align-items:stretch}.pv-panel{background:var(--pv-panel);border-radius:16px;padding:24px;border:1px solid var(--pv-border);display:flex;flex-direction:column;height:100%}.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}.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-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-right{display:flex;justify-content:center}.pv-qr-card{width:100%;max-width:420px;border-radius:16px;padding:20px;background:var(--pv-qr-bg);border:1px solid var(--pv-border);display:flex;flex-direction:column}.pv-qr-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.pv-qr-title{font-weight:700;font-size:16px}.pv-copy{background:var(--pv-copy-bg);color:var(--pv-copy-color);padding:6px 12px;border-radius:8px;border:none;cursor:pointer;font-weight:600;font-size:12px;transition:transform .2s}.pv-copy:hover{transform:translateY(-1px)}.pv-qr-body{flex:1;display:flex;align-items:center;justify-content:center;padding:16px;border-radius:12px}.pv-thumb{border:none;background:transparent;cursor:zoom-in}.pv-thumb img{width:min(280px,100%);border-radius:12px;background:var(--pv-thumb-bg);box-shadow:0 12px 30px #00000014;transition:transform .2s,box-shadow .2s}.pv-thumb:hover img{transform:translateY(-4px);box-shadow:0 16px 40px #0000001f}.pv-qr-foot{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.pv-amount-label{font-size:13px;color:var(--pv-muted)}.pv-amount-value{font-weight:700;font-size:18px;color:var(--pv-text)}.pv-history-panel{margin:32px 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:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pv-modal-inner{position:relative;z-index:10000;max-width:90vw;max-height:90vh;padding:12px;border-radius:16px;background:var(--pv-panel)}.pv-modal-img{max-width:100%;max-height:calc(90vh - 40px);object-fit:contain;border-radius:8px}.pv-modal-close{position:absolute;top:-16px;right:-16px;width:32px;height:32px;border-radius:50%;border:none;background:#000;color:#fff;cursor:pointer;box-shadow:0 4px 12px #0003;transition:transform .2s}.pv-modal-close:hover{transform:scale(1.1)}:is(button,a,input):focus-visible{outline:2px solid var(--pv-primary);outline-offset:2px}@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}}.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}.text-center{text-align:center!important}.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}.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)}.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}.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{--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)}.table-wrapper{overflow-x:auto}.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{width:6px}.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}:root{--panel: rgba(25, 21, 33, .9);--muted: #9aa3a8;--accent: #34A0FF;--hot: #ff8a00;--text: #e6edf3;--radius: 12px}.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)}body.light-theme .table-head-left h4{color:#0c417e}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{border:none;background:transparent;color:#fff;cursor:pointer;padding:6px 14px;border-radius:5px;font-size:14px;font-weight:600;transition:all .2s ease}.filters button:hover{background:#ffffff1a;transform:translateY(-4px)}.filters .active{background:linear-gradient(90deg,#107ec2,#1172ad);color:#fff}body.light-theme .filters button{color:#545e66}body.light-theme .filters button:hover{background:#0000000a}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}@media(max-width:900px){.product-row{grid-template-columns:1fr .5fr .8fr .5fr .8fr}.col.country{display:none}}@media(max-width:768px){.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)}}: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%}}