:root{--content-max:1760px;--control-height:46px}body{font-family:Inter,Noto Sans Thai,Leelawadee UI,Segoe UI,Tahoma,sans-serif;font-size:var(--huay-fs-14,14px);text-rendering:optimizelegibility;line-height:1.5}.content-wrap{max-width:var(--content-max);padding:34px 38px 42px}.page-heading{align-items:center;margin-bottom:26px}.page-heading h1{letter-spacing:-.025em;margin-bottom:7px;font-size:clamp(30px,2vw,38px);line-height:1.15}.page-heading>div>p:last-child{font-size:var(--huay-fs-14,14px);max-width:820px;line-height:1.65}.eyebrow{font-size:var(--huay-fs-10_5,10.5px);letter-spacing:.14em;margin-bottom:4px}.panel{border-color:#94a3b82b;border-radius:16px;box-shadow:0 22px 55px #00000029}.panel-header{min-height:82px;padding:18px 20px}.panel-header.compact{min-height:74px}.panel-header h2{font-size:var(--huay-fs-17,17px);line-height:1.3}.panel-header p{font-size:var(--huay-fs-12,12px);margin-top:5px}.field{font-size:var(--huay-fs-12_5,12.5px);gap:8px;line-height:1.35}.field>span,.field-label-row>span{color:#b8c5d4}.field input,.field select,.field textarea{font-size:var(--huay-fs-14,14px);color:#edf3f9;background:#0a1829;border:1px solid #94a3b830;border-radius:10px;outline:none;transition:border-color .15s,box-shadow .15s,background .15s}.field input:focus,.field select:focus,.field textarea:focus{background:#0b1b2e;border-color:#8b5cf6ad;box-shadow:0 0 0 3px #8b5cf61a}.field input,.field select{height:var(--control-height);padding:0 13px}.primary-button,.secondary-button{font-size:var(--huay-fs-13,13px);border-radius:10px;min-height:46px}.nav-item{font-size:var(--huay-fs-14,14px);gap:12px;min-height:46px;padding-inline:13px}.brand-name{font-size:var(--huay-fs-16,16px)}.brand-subtitle{font-size:var(--huay-fs-10_5,10.5px)}.topbar{min-height:76px;padding-inline:34px}.draw-selector{font-size:var(--huay-fs-14,14px)}.draw-badge,.direction-pill{height:26px;font-size:var(--huay-fs-10,10px)}.topbar-user strong{font-size:var(--huay-fs-12,12px)}.topbar-user small{font-size:var(--huay-fs-9,9px)}.sidebar-user strong{font-size:var(--huay-fs-13,13px)}.sidebar-user small{font-size:var(--huay-fs-10,10px)}.sidebar-footer strong{font-size:var(--huay-fs-12,12px)}.sidebar-footer small{font-size:var(--huay-fs-10,10px)}.order-workspace{padding-top:28px}.order-heading{align-items:flex-end}.draw-state-card{border-radius:13px;min-width:138px;padding:13px 16px}.draw-state-card small{font-size:var(--huay-fs-10,10px)}.draw-state-card strong{font-size:var(--huay-fs-16,16px);margin-top:3px}.operator-order-layout{grid-template-columns:minmax(0,1.45fr) minmax(390px,.65fr);gap:18px}.operator-entry-panel{padding-bottom:0}.order-panel-header{padding-block:17px}.operator-direction-toggle{gap:3px;width:250px;padding:4px}.operator-direction-toggle button{height:45px;font-size:var(--huay-fs-11,11px);justify-content:center;align-items:center;gap:7px;display:flex}.operator-direction-toggle button strong{font-size:var(--huay-fs-12,12px);letter-spacing:.04em}.operator-direction-toggle button small{font-size:var(--huay-fs-10,10px);opacity:.8;font-weight:700}.operator-context-grid{grid-template-columns:minmax(180px,.8fr) minmax(220px,1fr);gap:14px;padding:18px 20px 0;display:grid}.entry-mode-tabs{background:#ffffff05;border:1px solid #94a3b824;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:18px 20px 0;padding:4px;display:grid}.entry-mode-tabs button{color:#8295ad;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:10px;min-height:54px;display:flex}.entry-mode-tabs button:hover{color:#cbd5e1;background:#ffffff08}.entry-mode-tabs button.active{color:#ede9fe;background:#8b5cf621;box-shadow:inset 0 0 0 1px #8b5cf633}.entry-mode-tabs button span{gap:1px;display:grid}.entry-mode-tabs button strong{font-size:var(--huay-fs-13,13px)}.entry-mode-tabs button small{font-size:var(--huay-fs-10,10px);color:#8193a9}.entry-mode-tabs button.active small{color:#a99bd3}.quick-entry-zone{padding:17px 20px 18px}.quick-entry-row{grid-template-columns:minmax(220px,1fr) 180px 160px;align-items:end;gap:10px;display:grid}.quick-number-field em{font-style:normal;font-size:var(--huay-fs-10,10px);color:#8b5cf6;margin-left:5px}.quick-number-field input{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--huay-fs-20,20px);letter-spacing:.05em;height:52px;font-weight:800}.quick-stake-field .money-input{background:#0a1829;border:1px solid #94a3b830;border-radius:10px;align-items:center;height:52px;display:flex;overflow:hidden}.quick-stake-field .money-input:focus-within{border-color:#8b5cf6ad;box-shadow:0 0 0 3px #8b5cf61a}.money-input>span{color:#71849b;font-size:var(--huay-fs-14,14px);padding-left:13px}.quick-stake-field .money-input input{height:50px;font-size:var(--huay-fs-18,18px);font-variant-numeric:tabular-nums;padding-left:7px;font-weight:800;box-shadow:none!important;background:0 0!important;border:0!important}.add-entry-button{color:#fff;height:52px;font-weight:850;font-size:var(--huay-fs-13,13px);cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#6d4aff);border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;display:flex;box-shadow:0 10px 24px #6d4aff2e}.add-entry-button:hover{filter:brightness(1.08)}.add-entry-button kbd{font-family:ui-monospace,monospace;font-size:var(--huay-fs-9,9px);color:#cfc8ff;background:#ffffff0f;border:1px solid #fff3;border-radius:4px;padding:2px 4px;font-weight:700}.quick-amounts{flex-wrap:wrap;align-items:center;gap:7px;margin-top:11px;display:flex}.quick-amounts>span{font-size:var(--huay-fs-10,10px);color:#71849b;margin-right:2px}.quick-amounts button{color:#98a9bc;height:30px;font-size:var(--huay-fs-11,11px);cursor:pointer;background:#ffffff06;border:1px solid #94a3b824;border-radius:8px;padding:0 10px;font-weight:750}.quick-amounts button:hover,.quick-amounts button.selected{color:#c9bdff;background:#8b5cf61c;border-color:#8b5cf652}.number-tools{background:#040d1942;border:1px solid #94a3b821;border-radius:12px;margin-top:16px;padding:13px}.number-tools-title{color:#a89bdf;align-items:center;gap:9px;display:flex}.number-tools-title>div{display:grid}.number-tools-title strong{font-size:var(--huay-fs-12,12px);color:#c8d2df}.number-tools-title small{font-size:var(--huay-fs-10,10px);color:#71849b;margin-top:1px}.number-tool-buttons{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}.number-tool-buttons button{color:#a6b6c8;min-height:35px;font-size:var(--huay-fs-11,11px);cursor:pointer;background:#0b1a2c;border:1px solid #94a3b826;border-radius:8px;align-items:center;gap:6px;padding:0 11px;font-weight:750;display:flex}.number-tool-buttons button:hover{color:#ddd6fe;background:#8b5cf617;border-color:#8b5cf659}.tool-mark{color:#bba8ff;min-width:20px;height:20px;font-family:ui-monospace,monospace;font-size:var(--huay-fs-10,10px);background:#8b5cf61a;border-radius:6px;place-items:center;font-weight:800;display:grid}.operator-hint{color:#687c94;min-height:30px;font-size:var(--huay-fs-10_5,10.5px);align-items:center;gap:7px;margin-top:11px;display:flex}.operator-hint.visible{color:#9fb1c4}.paste-entry-zone{padding:0 20px 18px}.operator-paste-field{margin:17px 0 0}.operator-paste-field textarea{min-height:196px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--huay-fs-16,16px);padding:14px 15px;font-weight:700;line-height:1.8}.field-label-row small{font-size:var(--huay-fs-10,10px)}.paste-format-help{color:#71849b;font-size:var(--huay-fs-10_5,10.5px);align-items:center;gap:10px;margin-top:9px;display:flex}.paste-format-help code{color:#c4b5fd;background:#8b5cf614;border-radius:6px;padding:4px 7px}.operator-error{font-size:var(--huay-fs-11,11px);margin:0 20px 14px}.entry-footer{background:#040d192b;border-top:1px solid #94a3b81f;align-items:center;gap:22px;min-height:58px;padding:10px 20px;display:flex}.entry-footer>div{gap:1px;display:grid}.entry-footer span{font-size:var(--huay-fs-9_5,9.5px);color:#6f829a}.entry-footer strong{font-size:var(--huay-fs-13,13px)}.clear-entry-button{color:#8294aa;height:34px;font-size:var(--huay-fs-10,10px);cursor:pointer;background:0 0;border:1px solid #94a3b826;border-radius:8px;align-items:center;gap:6px;margin-left:auto;padding:0 10px;font-weight:750;display:flex}.clear-entry-button:hover:not(:disabled){color:#fda4af;background:#fb71850d;border-color:#fb718540}.clear-entry-button:disabled{opacity:.35;cursor:not-allowed}.operator-bill-panel{padding-bottom:16px;top:94px}.bill-preview-header .eyebrow{margin-bottom:1px}.preview-list{padding:7px 16px}.preview-line{grid-template-columns:46px 1fr auto;gap:11px;min-height:66px}.number-chip{width:42px;height:38px;font-size:var(--huay-fs-14,14px);border-radius:9px}.preview-line strong{font-size:var(--huay-fs-12,12px)}.preview-line small{font-size:var(--huay-fs-9_5,9.5px);line-height:1.35}.line-amount strong{font-size:var(--huay-fs-13,13px)}.empty-preview{text-align:center;color:#62778f;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:190px;padding:25px;display:flex}.empty-preview svg{color:#7767b2}.empty-preview strong{font-size:var(--huay-fs-13,13px);color:#9aaabd}.empty-preview span{font-size:var(--huay-fs-10_5,10.5px);max-width:230px;line-height:1.55}.bill-summary-block{border-top:1px solid #94a3b81a;padding-top:4px}.bill-total-row{font-size:var(--huay-fs-12,12px);margin-inline:16px}.bill-total-row strong{font-size:var(--huay-fs-19,19px)}.bill-total-row.muted strong{font-size:var(--huay-fs-13,13px)}.limit-ok,.limit-bad{border-radius:10px;margin:14px 16px;padding:12px}.limit-ok strong,.limit-bad strong{font-size:var(--huay-fs-11,11px)}.limit-ok small,.limit-bad small{font-size:var(--huay-fs-9_5,9.5px)}.operator-submit{width:calc(100% - 32px);height:48px;font-size:var(--huay-fs-13,13px);margin:0 16px}.inline-warning{color:#fbbf24;font-size:var(--huay-fs-10,10px);margin:0 16px 10px}.submit-footnote{text-align:center;color:#5f738b;font-size:var(--huay-fs-9,9px);padding:9px 20px 0;line-height:1.45}@media (max-width:1180px){.operator-order-layout{grid-template-columns:minmax(0,1fr) 350px}.quick-entry-row{grid-template-columns:minmax(180px,1fr) 150px}.add-entry-button{grid-column:1/-1}.add-entry-button kbd{display:none}}@media (max-width:820px){.content-wrap{padding:22px 18px 94px}.page-heading h1{font-size:var(--huay-fs-29,29px)}.page-heading>div>p:last-child{font-size:var(--huay-fs-13,13px)}.operator-order-layout{grid-template-columns:1fr}.operator-bill-panel{position:static}.operator-context-grid{padding-inline:16px}.entry-mode-tabs{margin-inline:16px}.quick-entry-zone,.paste-entry-zone,.entry-footer{padding-inline:16px}.topbar{padding-inline:18px}}@media (max-width:620px){body{font-size:var(--huay-fs-13,13px)}.content-wrap{padding:17px 13px 90px}.page-heading{align-items:flex-start;gap:12px}.page-heading h1{font-size:var(--huay-fs-27,27px)}.page-heading>div>p:last-child{font-size:var(--huay-fs-12,12px);line-height:1.55}.draw-state-card{min-width:104px;padding:10px 12px}.operator-context-grid{grid-template-columns:1fr}.operator-direction-toggle{width:208px}.operator-direction-toggle button{height:41px}.entry-mode-tabs button{min-height:52px}.entry-mode-tabs button small{display:none}.quick-entry-row{grid-template-columns:minmax(0,1fr) 120px}.quick-number-field input{font-size:var(--huay-fs-18,18px)}.quick-stake-field .money-input input{font-size:var(--huay-fs-16,16px)}.add-entry-button{grid-column:1/-1}.number-tool-buttons{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.number-tool-buttons button{justify-content:center}.paste-format-help{flex-direction:column;align-items:flex-start;gap:5px}.entry-footer{gap:14px}.entry-footer>div:nth-child(2){margin-left:auto}.clear-entry-button{margin-left:0}.operator-bill-panel{margin-bottom:5px}.preview-line{grid-template-columns:42px 1fr auto}.topbar-user{display:none}}@media (max-width:420px){.quick-entry-row{grid-template-columns:1fr}.quick-stake-field{max-width:none}.quick-number-field input,.quick-stake-field .money-input{height:50px}.operator-direction-toggle{width:186px}.operator-direction-toggle button small{display:none}.entry-footer{flex-wrap:wrap}.clear-entry-button{justify-content:center;width:100%}.number-tool-buttons{grid-template-columns:1fr 1fr}}.shortcut-strip{flex-wrap:wrap;align-items:center;gap:5px;margin:-8px 0 14px;display:flex}.shortcut-strip button{color:#8295aa;height:30px;font-size:var(--huay-fs-9,9px);cursor:pointer;background:#ffffff05;border:1px solid #94a3b821;border-radius:7px;align-items:center;gap:5px;padding:0 8px;font-weight:800;display:flex}.shortcut-strip button:disabled{opacity:.38;cursor:not-allowed}.shortcut-strip button:hover:not(:disabled),.shortcut-strip button.active{color:#d6ccff;background:#8b5cf617;border-color:#8b5cf657}.shortcut-strip button.active.sell{color:#86efac;background:#32d58314;border-color:#32d58347}.shortcut-strip button.active.buy{color:#fda4af;background:#fb718512;border-color:#fb718547}.shortcut-strip kbd{font-family:ui-monospace,monospace;font-size:var(--huay-fs-8,8px);color:#a7b6c7;background:#ffffff09;border:1px solid #94a3b82e;border-radius:4px;padding:1px 4px;font-weight:800}.secondary-stake{color:#71849b;font-size:var(--huay-fs-9,9px);align-items:center;gap:6px;margin-left:auto;display:flex}.secondary-stake input{color:#fff;width:92px;height:30px;font-size:var(--huay-fs-10,10px);background:#081523;border:1px solid #94a3b824;border-radius:7px;padding:0 7px}.preset-tool{background:#8b5cf60f!important;border-color:#8b5cf640!important}.paste-import-row{justify-content:space-between;align-items:center;gap:10px;margin-top:9px;display:flex}.paste-import-row .paste-format-help{margin-top:0}.add-entry-button.compact{height:36px;box-shadow:none;font-size:var(--huay-fs-10,10px);padding:0 12px}.undo-entry-button{color:#a99ce0;height:34px;font-size:var(--huay-fs-10,10px);cursor:pointer;background:#8b5cf60e;border:1px solid #8b5cf62b;border-radius:8px;align-items:center;gap:6px;padding:0 10px;font-weight:750;display:flex}.undo-entry-button:disabled{opacity:.35;cursor:not-allowed}.clear-entry-button{margin-left:0}.entry-footer>div:nth-child(2){margin-right:auto}.editable-preview .preview-line{grid-template-columns:46px minmax(0,1fr) minmax(150px,auto)}.preview-edit{grid-template-columns:auto 74px 28px;align-items:center;gap:5px;display:grid}.preview-edit input{color:#fff;text-align:right;width:74px;height:30px;font-size:var(--huay-fs-10,10px);background:#071523;border:1px solid #94a3b821;border-radius:6px;padding:0 6px;font-weight:750}.preview-edit button{color:#bf7c89;cursor:pointer;background:#fb71850a;border:1px solid #fb71851f;border-radius:6px;place-items:center;width:28px;height:28px;display:grid}.preview-edit button:hover{color:#fda4af;background:#fb718517}.preview-edit .line-amount{min-width:82px}.counterparty-policy-strip+.entry-mode-tabs{margin-top:12px}@media (max-width:620px){.shortcut-strip{scrollbar-width:none;flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.shortcut-strip button{flex:none}.secondary-stake{width:100%;margin-left:0}.paste-import-row{flex-direction:column;align-items:stretch}.editable-preview .preview-line{grid-template-columns:42px minmax(0,1fr)}.preview-edit{grid-column:2;grid-template-columns:1fr 80px 30px}.preview-edit .line-amount{text-align:left}.entry-footer>div:nth-child(2){margin-right:0}.undo-entry-button{margin-left:auto}}.familiar-three-preview-row{border-bottom:1px solid #94a3b81a;grid-template-columns:44px minmax(10px,1fr) 86px minmax(10px,1fr) 86px;align-items:stretch;gap:0;width:100%;padding:6px 4px;display:grid}.familiar-three-preview-row:last-child{border-bottom:0}.familiar-three-preview-row.warning{background:#fbbf2409}.familiar-three-preview-row.blocked{background:#fb71850b}.familiar-three-number{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;display:flex}.familiar-three-number>strong{font-size:var(--huay-fs-18,18px);letter-spacing:.01em;color:#f8fafc;font-weight:900;line-height:1}.familiar-three-number .familiar-half-price-badge{white-space:normal;text-align:center;max-width:100%;min-height:auto;line-height:1.05;font-size:var(--huay-fs-7,7px);padding:2px 3px}.familiar-three-operator{color:#7c8fa5;font-size:var(--huay-fs-12,12px);place-items:center;font-weight:900;display:grid}.familiar-three-amount{background:#ffffff05;border:1px solid #94a3b824;border-radius:8px;flex-direction:column;justify-content:flex-start;gap:6px;min-width:0;padding:6px 4px;display:flex}.familiar-three-amount.half-price{background:#f59e0b09;border-color:#f59e0b47}.familiar-three-label{text-align:center;justify-content:center;align-items:center;gap:2px;width:100%;margin-bottom:0;display:flex}.familiar-three-label span{color:#dce8f5;font-size:var(--huay-fs-9,9px);font-weight:900}.familiar-three-label b{color:#fbbf24;font-size:var(--huay-fs-8,8px)}.familiar-three-input{min-width:0;display:block}.familiar-three-input input{box-sizing:border-box;color:#fff;text-align:center;width:100%;min-width:0;height:42px;font-size:var(--huay-fs-15,15px);font-variant-numeric:tabular-nums;letter-spacing:-.02em;appearance:textfield;background:#071523;border:1px solid #94a3b838;border-radius:7px;padding:0 3px;font-weight:900}.familiar-three-input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.familiar-three-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.familiar-three-zero{text-align:center;color:#66788c;height:42px;line-height:42px;font-size:var(--huay-fs-15,15px);padding:0 3px;font-weight:900;display:block}.familiar-three-amount .commission-line-toggle{gap:3px;margin-top:auto}.familiar-three-amount .commission-line-toggle span{font-size:var(--huay-fs-8,8px);white-space:nowrap}@media (max-width:620px){.familiar-three-preview-row{grid-template-columns:42px minmax(8px,1fr) 74px minmax(8px,1fr) 74px;gap:0;width:100%;padding:6px 3px}.familiar-three-number>strong{font-size:var(--huay-fs-14,14px)}.familiar-three-number>small{display:none}.familiar-three-operator{font-size:var(--huay-fs-11,11px)}.familiar-three-amount{gap:5px;padding:5px 3px}.familiar-three-label span{font-size:var(--huay-fs-8,8px)}.familiar-three-input input{font-size:var(--huay-fs-14,14px);height:40px;padding:0 2px}.familiar-three-zero{height:40px;line-height:40px;font-size:var(--huay-fs-14,14px)}.familiar-three-amount .commission-line-toggle span{font-size:var(--huay-fs-7,7px)}}.operator-bill-panel .preview-list.editable-preview{scrollbar-gutter:auto;padding-left:2px;padding-right:2px}.operator-bill-panel .familiar-three-preview-row{box-sizing:border-box;width:100%}@media (max-width:620px){.operator-bill-panel .preview-list.editable-preview{padding-left:1px;padding-right:1px}}.operator-bill-panel .bill-summary-block{border-top:0;border-bottom:1px solid #94a3b814}.preview-line.recent-purchase-row,.familiar-three-preview-row.recent-purchase-row{background:#ffffff1a;transition:background-color .8s}.preview-line,.familiar-three-preview-row{transition:background-color .8s}.familiar-three-label{min-height:22px;padding:0 22px;position:relative}.familiar-line-delete{color:#f87171;cursor:pointer;background:#ef444414;border:1px solid #f8717157;border-radius:5px;place-items:center;width:20px;height:20px;padding:0;display:grid;position:absolute;top:50%;right:0;transform:translateY(-50%)}.familiar-line-delete:hover{color:#fecaca;background:#ef44442e;border-color:#f871718c}.familiar-line-delete:focus-visible{outline-offset:1px;outline:2px solid #f871718c}@media (max-width:620px){.familiar-three-label{min-height:21px;padding:0 20px}.familiar-line-delete{border-radius:5px;width:19px;height:19px}}.familiar-three-input .stake-edit-trigger,.preview-edit .stake-edit-trigger{box-sizing:border-box;color:#fff;width:100%;min-width:0;height:42px;font-size:var(--huay-fs-15,15px);font-variant-numeric:tabular-nums;cursor:pointer;touch-action:manipulation;background:#071523;border:1px solid #94a3b847;border-radius:7px;justify-content:center;align-items:center;gap:4px;padding:0 4px;font-weight:900;display:flex}.familiar-three-input .stake-edit-trigger span{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.025em;min-width:0;max-width:100%;overflow:hidden}.familiar-three-input .stake-edit-trigger span.stake-edit-long{font-size:var(--huay-fs-12,12px);letter-spacing:-.04em}.familiar-three-input .stake-edit-trigger span.stake-edit-very-long{font-size:var(--huay-fs-10,10px);letter-spacing:-.05em}.familiar-three-input .stake-edit-trigger:hover,.preview-edit .stake-edit-trigger:hover{background:#111d34;border-color:#a78bfa}.familiar-three-input .stake-edit-trigger:focus-visible,.preview-edit .stake-edit-trigger:focus-visible{outline-offset:2px;outline:2px solid #a78bfa}.stake-edit-trigger:disabled{opacity:.6;cursor:not-allowed}.preview-edit .stake-edit-trigger{width:auto;min-width:72px;max-width:130px;height:36px;padding:0 8px}.stake-edit-overlay{z-index:5000;box-sizing:border-box;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#020617c7;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.stake-edit-dialog{box-sizing:border-box;overscroll-behavior:contain;color:#f8fafc;background:#0b192c;border:1px solid #8b5cf654;border-radius:18px;outline:none;width:min(100%,410px);max-height:calc(100dvh - 32px);padding:18px;overflow-y:auto;box-shadow:0 24px 80px #0009}.stake-edit-header{align-items:center;gap:11px;margin-bottom:15px;display:flex}.stake-edit-heading-icon{color:#ad91ff;background:#8b5cf629;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.stake-edit-header h2{font-size:var(--huay-fs-19,19px);margin:0;font-weight:800;line-height:1.3}.stake-edit-header p{font-size:var(--huay-fs-13,13px);color:#a4b5cc;align-items:center;gap:7px;margin:3px 0 0;display:flex}.stake-edit-header p strong{color:#fff;font-size:var(--huay-fs-15,15px)}.stake-edit-close{color:#c7d4e4;cursor:pointer;background:#15253a;border:1px solid #2a3d55;border-radius:10px;place-items:center;width:38px;height:38px;margin-left:auto;display:grid}.stake-edit-value{background:linear-gradient(145deg,#14254a,#0c1b31);border:1px solid #8b5cf65c;border-radius:14px;padding:14px 16px 11px}.stake-edit-value-meta{font-size:var(--huay-fs-12,12px);color:#a8bbd5;justify-content:space-between;align-items:center;gap:8px;font-weight:650;display:flex}.stake-edit-numeric{font-variant-numeric:tabular-nums;justify-content:center;align-items:baseline;gap:5px;min-height:67px;padding-top:4px;display:flex}.stake-edit-numeric small{font-size:var(--huay-fs-25,25px);color:#bfa9ff;font-weight:700}.stake-edit-numeric strong{font-size:clamp(var(--huay-fs-36,36px),10vw,calc(var(--huay-fs-36,36px) * 1.5));letter-spacing:-.04em;overflow-wrap:anywhere;font-weight:900;line-height:1.25}.stake-edit-caret{background:#a78bfa;align-self:center;width:2px;height:33px;animation:1s step-end infinite stake-edit-blink}@keyframes stake-edit-blink{50%{opacity:0}}.stake-edit-guidance{min-height:19px;font-size:var(--huay-fs-12,12px);text-align:center;color:#9dd9cb;margin:0}.stake-edit-guidance.invalid{color:#fbbf24}.stake-edit-presets{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;margin:12px 0;display:grid}.stake-edit-presets button{color:#dce6f7;min-width:0;min-height:38px;font-size:var(--huay-fs-12,12px);cursor:pointer;touch-action:manipulation;background:#16253a;border:1px solid #30415a;border-radius:8px;padding:3px 1px;font-weight:800}.stake-edit-presets button.selected{color:#fff;background:#2b255a;border-color:#9672ff}.stake-edit-keypad{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.stake-edit-key{color:#fff;height:54px;font-size:var(--huay-fs-25,25px);font-variant-numeric:tabular-nums;cursor:pointer;touch-action:manipulation;background:#16283c;border:1px solid #2b415b;border-radius:11px;font-weight:850}.stake-edit-key:active,.stake-edit-presets button:active{background:#5842b9;transform:scale(.98)}.stake-edit-key.utility{color:#d5bbff;background:#26314b;place-items:center;display:grid}.stake-edit-actions{margin-top:12px}.stake-edit-reset{color:#aebdd1;font-size:var(--huay-fs-12,12px);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:6px 2px;font-weight:700;display:flex}.stake-edit-primary-actions{grid-template-columns:1fr 1.55fr;gap:10px;margin-top:9px;display:grid}.stake-edit-primary-actions button{min-height:50px;font-size:var(--huay-fs-15,15px);cursor:pointer;touch-action:manipulation;border-radius:10px;font-weight:850}.stake-edit-cancel{color:#d2dfef;background:#142337;border:1px solid #30415b}.stake-edit-save{color:#fff;background:linear-gradient(120deg,#8454e9,#7040f6);border:1px solid #8055ff;justify-content:center;align-items:center;gap:7px;display:flex}.stake-edit-save:disabled{opacity:.4;cursor:not-allowed}.stake-edit-dialog button:focus-visible{outline-offset:2px;outline:2px solid #c4b5fd}@media (max-width:620px){.familiar-three-input .stake-edit-trigger{height:40px;font-size:var(--huay-fs-14,14px);gap:2px;padding:0 2px}.stake-edit-overlay{align-items:center;padding:9px}.stake-edit-dialog{border-radius:15px;max-height:calc(100dvh - 18px);padding:14px}.stake-edit-key{height:52px}}@media (max-height:650px){.stake-edit-overlay{align-items:flex-start}.stake-edit-key{height:46px}.stake-edit-dialog{max-height:calc(100dvh - 18px)}.stake-edit-header{margin-bottom:9px}.stake-edit-value{padding:9px 12px 6px}.stake-edit-numeric{min-height:55px}}.familiar-three-swap{box-sizing:border-box;color:#c4b5fd;cursor:pointer;touch-action:manipulation;background:#8b5cf61f;border:1px solid #a78bfa6b;border-radius:8px;place-items:center;width:30px;height:32px;padding:0;transition:background-color .15s,border-color .15s;display:grid}.familiar-three-swap:hover:not(:disabled){color:#fff;background:#8b5cf642;border-color:#a78bfa}.familiar-three-swap:active:not(:disabled){background:#8b5cf661}.familiar-three-swap:focus-visible{outline-offset:2px;outline:2px solid #c4b5fd}.familiar-three-swap:disabled{opacity:.32;cursor:not-allowed}@media (max-width:620px){.familiar-three-swap{border-radius:7px;width:26px;height:32px}}:where([data-theme=light],[data-color-scheme=light],.theme-light,.light-mode) .familiar-three-swap{color:#6435bc;background:#eee8ff;border-color:#ad91e8}:where([data-theme=light],[data-color-scheme=light],.theme-light,.light-mode) .familiar-three-swap:hover:not(:disabled){color:#48278e;background:#ded0ff;border-color:#7644d5}
.smart-syntax-status{font-size:var(--huay-fs-12,12px);border-radius:10px;align-items:flex-start;gap:9px;margin-top:10px;padding:10px 12px;line-height:1.45;display:flex}.smart-syntax-status svg{flex:none;margin-top:1px}.smart-syntax-status span{flex-direction:column;gap:2px;display:flex}.smart-syntax-status small{font-size:var(--huay-fs-11,11px);color:var(--muted)}.smart-syntax-status.valid{color:#6ee7b7;background:#10b98114;border:1px solid #34d3994d}.smart-syntax-status.invalid{color:#fca5a5;background:#ef444414;border:1px solid #f8717157}.amount-lock-active{background:#8b5cf61a;border:1px solid #8b5cf66b;border-radius:11px;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;padding:10px 12px;display:flex}.amount-lock-active>div{color:#c4b5fd;align-items:flex-start;gap:8px;display:flex}.amount-lock-active span{flex-direction:column;gap:2px;display:flex}.amount-lock-active strong{font-size:var(--huay-fs-12,12px)}.amount-lock-active small{font-size:var(--huay-fs-10,10px);color:var(--muted)}.amount-lock-active button{color:#ddd6fe;font-size:var(--huay-fs-10,10px);cursor:pointer;white-space:nowrap;background:#0f172a59;border:1px solid #c4b5fd38;border-radius:8px;padding:7px 9px;font-weight:800}.amount-lock-active kbd{margin-left:4px}.quick-lock-summary{background:#8b5cf614;border:1px solid #8b5cf659;border-radius:10px;flex-direction:column;justify-content:center;min-height:48px;padding:7px 11px;display:flex}.quick-lock-summary span,.quick-lock-summary small{font-size:var(--huay-fs-9,9px);color:var(--muted)}.quick-lock-summary strong{font-size:var(--huay-fs-13,13px);color:#ddd6fe}.quick-lock-summary em{color:#8b5cf6;padding:0 3px;font-style:normal}.quick-entry-row.amount-locked .quick-number-field input{border-color:#8b5cf673;box-shadow:inset 0 0 0 1px #8b5cf614}.credit-override-box{background:#ef444412;border:1px solid #f8717157;border-radius:12px;gap:8px;margin:10px 0;padding:11px;display:grid}.credit-override-box label{align-items:flex-start;gap:8px;display:flex}.credit-override-box label span{flex-direction:column;gap:2px;display:flex}.credit-override-box small{color:var(--muted)}.credit-override-box input[type=text],.credit-override-box>input{border:1px solid var(--border);background:var(--surface-2);width:100%;min-height:38px;color:var(--text);border-radius:9px;padding:8px 10px}@media (max-width:620px){.amount-lock-active{align-items:flex-start}.amount-lock-active>div{min-width:0}.amount-lock-active button{flex:none}.quick-lock-summary{min-height:44px}}.commission-bill-summary .commission-row{color:#a7f3d0}.commission-bill-summary .commission-row strong{color:#86efac}.commission-bill-summary .net-row{border-top:1px solid var(--line);margin-top:3px;padding-top:8px}.commission-bill-summary .net-row span{font-weight:900}.commission-bill-summary .net-row strong{font-size:var(--huay-fs-18,18px)}.commission-bill-summary .bill-total-row:first-child{font-size:var(--huay-fs-11,11px)}.commission-bill-summary .bill-total-row:first-child strong{font-size:var(--huay-fs-14,14px)}.commission-bill-summary .stake-total-row{font-size:calc(var(--huay-fs-10,10px) * 1.25)}.commission-bill-summary .stake-total-row strong{font-size:calc(var(--huay-fs-11,11px) * 1.25)}
.agent-credit-cell{gap:2px;display:grid}.agent-credit-cell small{font-size:var(--huay-fs-9,9px);font-weight:800}.credit-text.ok{color:#65d9a1}.credit-text.warning{color:#fbbf24}.credit-text.danger,.credit-text.blocked{color:#fb7185}.credit-text.unlimited{color:var(--muted)}.counterparty-policy-strip.credit-warning{border-color:#f59e0b47}.counterparty-policy-strip.credit-danger,.counterparty-policy-strip.credit-blocked{background:#f43f5e0b;border-color:#f43f5e57}
.customer-credit-page{gap:14px;display:grid}.customer-credit-heading{align-items:flex-start}.customer-credit-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.customer-credit-stats article{min-width:0}.credit-paid,.credit-clear{color:#86efac!important}.credit-offset{color:#93c5fd!important}.credit-outstanding{color:#fca5a5!important}.customer-credit-panel{overflow:hidden}.customer-credit-toolbar{border-bottom:1px solid var(--border);grid-template-columns:auto minmax(220px,1fr);align-items:center;gap:10px;padding:14px 16px;display:grid}.credit-status-tabs{flex-wrap:wrap;gap:6px;display:flex}.credit-status-tabs button,.credit-method-grid button,.credit-full-button{border:1px solid var(--border);background:var(--surface-2);color:var(--muted);font:inherit;cursor:pointer;border-radius:9px;padding:8px 11px}.credit-status-tabs button.active,.credit-method-grid button.active{color:#fff;background:#7c5cff2e;border-color:#7c5cff}.credit-search{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;align-items:center;gap:8px;min-width:0;padding:0 10px;display:flex}.credit-search input{width:100%;color:var(--text);background:0 0;border:0;outline:none;padding:9px 0}.credit-customer-strip{border-bottom:1px solid var(--border);gap:8px;padding:10px 16px;display:flex;overflow:auto}.credit-customer-chip{border:1px solid var(--border);min-width:max-content;color:var(--text);font:inherit;cursor:pointer;text-align:left;background:#ffffff05;border-radius:10px;align-items:center;gap:8px;padding:7px 10px;display:flex}.credit-customer-chip div{gap:1px;display:grid}.credit-customer-chip small{color:var(--muted)}.customer-credit-table-wrap{overflow:auto}.customer-credit-table td{vertical-align:middle}.customer-credit-table td:first-child{min-width:220px}.customer-credit-table .sub-cell{color:var(--muted);margin-top:3px;display:block}.credit-status{font-size:var(--huay-fs-12,12px);white-space:nowrap;border-radius:999px;align-items:center;padding:4px 8px;font-weight:700;display:inline-flex}.credit-status.outstanding{color:#fca5a5;background:#f871711c}.credit-status.partial{color:#fde68a;background:#facc151c}.credit-status.paid{color:#86efac;background:#4ade801c}.customer-credit-modal-backdrop{z-index:80;padding:clamp(22px,3vh,36px) clamp(22px,3vw,48px)}.customer-credit-modal{width:min(760px,100vw - 44px);max-height:calc(100vh - 44px);overflow:auto}.customer-credit-modal>.modal-head{justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 24px 10px;display:flex}.customer-credit-modal>.modal-head>div{min-width:0}.customer-credit-modal>.modal-head h2{margin:3px 0 5px}.customer-credit-modal>.modal-head p{margin-bottom:0}.credit-dialog-summary{grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 24px 0;display:grid}.credit-dialog-summary>div{border:1px solid var(--border);background:#ffffff06;border-radius:11px;gap:3px;padding:12px;display:grid}.credit-dialog-summary span{color:var(--muted);font-size:var(--huay-fs-12,12px)}.credit-dialog-summary strong{font-size:var(--huay-fs-20,20px);font-variant-numeric:tabular-nums}.customer-credit-modal>.notice{margin:12px 24px 0}.credit-payment-form{border:1px solid var(--border);background:#ffffff05;border-radius:12px;grid-template-columns:1fr 1fr;gap:10px;margin:12px 24px 0;padding:16px;display:grid}.credit-payment-form .panel-header{border:0;grid-column:1/-1;padding:0}.credit-payment-form .field{margin:0}.credit-amount-input{border:1px solid var(--border);background:var(--surface-2);border-radius:9px;align-items:center;padding:0 10px;display:flex}.credit-amount-input input{width:100%;color:var(--text);font-size:var(--huay-fs-20,20px);background:0 0;border:0;outline:none;padding:10px 6px;font-weight:800}.credit-full-button{align-self:end;height:43px}.credit-method-grid{grid-column:1/-1;grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.credit-save-button{grid-column:1/-1;justify-content:center}.credit-history{border-top:1px solid var(--border);margin:18px 24px 0;padding:14px 0 22px}.credit-history-row{border-bottom:1px solid #ffffff0e;grid-template-columns:30px 1fr;gap:8px;padding:10px 2px;display:grid}.credit-history-row>div:last-child{gap:2px;display:grid}.credit-history-row small{color:var(--muted)}.credit-history-icon{color:#86efac;background:#4ade801a;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}@media (max-width:1100px){.customer-credit-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-credit-toolbar{grid-template-columns:1fr}}@media (max-width:720px){.customer-credit-modal-backdrop{align-items:center;padding:14px}.customer-credit-modal{border-radius:16px;width:100%;max-height:calc(100vh - 28px)}.customer-credit-modal>.modal-head{padding:18px 18px 8px}.credit-dialog-summary,.customer-credit-modal>.notice{margin:10px 18px 0}.credit-payment-form{margin:10px 18px 0;padding:14px}.credit-history{margin:16px 18px 0;padding-bottom:18px}.customer-credit-page{gap:10px}.customer-credit-stats{grid-template-columns:1fr 1fr}.customer-credit-table thead{display:none}.customer-credit-table,.customer-credit-table tbody,.customer-credit-table tr,.customer-credit-table td{width:100%;display:block}.customer-credit-table tr{border:1px solid var(--border);background:#ffffff05;border-radius:12px;width:auto;margin:10px;padding:10px}.customer-credit-table td{border:0;justify-content:space-between;gap:12px;padding:6px 2px;display:flex}.customer-credit-table td:first-child{border-bottom:1px solid var(--border);min-width:0;margin-bottom:3px;padding-bottom:9px;display:block}.customer-credit-table td:nth-child(2):before{content:"ยอดเงินเชื่อ";color:var(--muted)}.customer-credit-table td:nth-child(3):before{content:"จ่ายแล้ว";color:var(--muted)}.customer-credit-table td:nth-child(4):before{content:"หักรางวัล";color:var(--muted)}.customer-credit-table td:nth-child(5):before{content:"คงเหลือ";color:var(--muted)}.customer-credit-table td:nth-child(6):before{content:"สถานะ";color:var(--muted)}.customer-credit-table td:nth-child(7):before{content:"ล่าสุด";color:var(--muted)}.customer-credit-table td:last-child .table-action{justify-content:center;width:100%;margin-top:5px}.credit-payment-form{grid-template-columns:1fr}.credit-payment-form>*{grid-column:1}.credit-method-grid{grid-template-columns:1fr 1fr}.credit-dialog-summary{grid-template-columns:1fr}}@media (max-width:430px){.customer-credit-stats{grid-template-columns:1fr}.customer-credit-toolbar{padding:10px}.credit-customer-strip{padding:8px 10px}}
.counterparty-field,.counterparty-picker{position:relative}.counterparty-trigger{border:1px solid var(--line);text-align:left;cursor:pointer;background:#0a1829;border-radius:11px;align-items:center;gap:10px;width:100%;min-height:48px;padding:8px 11px;display:flex}.counterparty-trigger:hover,.counterparty-trigger:focus-visible{border-color:#8b5cf68c}.counterparty-trigger-icon{color:#c4b5fd;background:#8b5cf61a;border-radius:9px;flex:none;place-items:center;width:32px;height:32px;display:grid}.counterparty-trigger-copy{flex:1;min-width:0}.counterparty-trigger-copy strong,.counterparty-trigger-copy small{display:block}.counterparty-trigger-copy strong{font-size:var(--huay-fs-13,13px);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.counterparty-trigger-copy small{font-size:var(--huay-fs-10,10px);color:var(--muted);margin-top:2px}.counterparty-menu{z-index:80;border:1px solid var(--line);background:#0b1727;border-radius:12px;position:absolute;top:calc(100% + 7px);left:0;right:0;overflow:hidden;box-shadow:0 18px 44px #0006}.counterparty-search{border-bottom:1px solid var(--line);color:#7f93aa;align-items:center;gap:8px;height:45px;padding:0 12px;display:flex}.counterparty-search input{color:#fff;width:100%;font-size:var(--huay-fs-12,12px);background:0 0;border:0;outline:0}.counterparty-options{max-height:310px;padding:5px;overflow:auto}.counterparty-options button{color:#dbe7f4;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:10px;display:flex}.counterparty-options button:hover,.counterparty-options button.selected{background:#8b5cf617}.counterparty-options strong,.counterparty-options small{display:block}.counterparty-options strong{font-size:var(--huay-fs-12,12px)}.counterparty-options small{font-size:var(--huay-fs-9,9px);color:#7f93aa;margin-top:2px}.counterparty-option-meta{color:#a78bfa;align-items:center;gap:8px;display:flex}.counterparty-empty{text-align:center;color:var(--muted);font-size:var(--huay-fs-11,11px);padding:20px}.counterparty-policy-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 18px 0;display:grid}.counterparty-policy-strip>div{background:#ffffff05;border:1px solid #94a3b81a;border-radius:9px;padding:9px 10px}.counterparty-policy-strip span,.counterparty-policy-strip strong{display:block}.counterparty-policy-strip span{color:#71859d;font-size:var(--huay-fs-9,9px)}.counterparty-policy-strip strong{font-size:var(--huay-fs-11,11px);margin-top:3px}.agents-page .page-action{align-items:center;gap:7px;width:auto;margin:0;padding:0 16px;display:inline-flex}.agent-stats article{display:block}.agent-stats article strong{font-size:var(--huay-fs-19,19px);margin:5px 0;display:block}.agent-toolbar{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:14px 16px;display:flex}.agent-search{flex:1;width:auto;max-width:none;display:flex}.agent-filter{border:1px solid var(--line);background:#ffffff06;border-radius:9px;gap:3px;padding:3px;display:flex}.agent-filter button{color:#8799ae;font-size:var(--huay-fs-10,10px);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:7px 10px;font-weight:750}.agent-filter button.active{color:#d8ccff;background:#8b5cf624}.agent-table{min-width:1080px}.agent-identity{align-items:center;gap:9px;display:flex}.agent-avatar{color:#bda9ff;background:#8b5cf61a;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.agent-identity strong,.agent-identity small{display:block}.agent-identity small{font-size:var(--huay-fs-9,9px);color:var(--muted);margin-top:2px}.agent-outstanding{font-size:var(--huay-fs-10,10px);gap:2px;display:grid}.row-actions{gap:5px;display:flex}.danger-text{color:#fda4af!important}.success-text{color:#85e4b4!important}.muted-row{opacity:.55}.status-pill.active{color:#75e0ab;background:#32d5831a}.status-pill.inactive{color:#9baabd;background:#94a3b81a}.agent-modal{flex-direction:column;width:min(900px,100vw - 28px);max-height:min(860px,100dvh - 28px);display:flex}.agent-form-scroll{padding:16px 18px;overflow:auto}.agent-form-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.agent-form-grid .field input,.agent-note textarea{border:1px solid var(--line);color:#fff;background:#0a1829;border-radius:9px;outline:0;width:100%;min-height:42px;padding:0 11px}.agent-note{margin-top:12px}.agent-note textarea{resize:vertical;min-height:74px;padding:10px}.rate-override-section{border:1px solid var(--line);border-radius:11px;margin-top:16px;overflow:hidden}.rate-override-head{border-bottom:1px solid var(--line);background:#8b5cf60a;align-items:center;gap:9px;padding:12px 14px;display:flex}.rate-override-head strong,.rate-override-head small{display:block}.rate-override-head strong{font-size:var(--huay-fs-12,12px)}.rate-override-head small{font-size:var(--huay-fs-9,9px);color:var(--muted);margin-top:2px}.rate-override-grid{grid-template-columns:minmax(130px,1fr) 120px 120px;align-items:center;display:grid}.rate-override-grid.forwarding-only{grid-template-columns:minmax(130px,1fr) 140px}.rate-header{font-size:var(--huay-fs-9,9px);color:#71859d;border-bottom:1px solid var(--line);padding:8px 10px;font-weight:800}.rate-row-agent{display:contents}.rate-row-agent strong{font-size:var(--huay-fs-10,10px);border-bottom:1px solid #94a3b812;padding:8px 10px}.rate-row-agent input{border:1px solid var(--line);color:#fff;height:32px;font-size:var(--huay-fs-10,10px);background:#081523;border-radius:7px;min-width:0;margin:5px;padding:0 8px}.counterparty-kind-note{border:1px solid var(--line);background:#3b82f60d;border-radius:10px;align-items:flex-start;gap:10px;margin-top:14px;padding:11px 13px;display:flex}.counterparty-kind-note strong{color:#c4b5fd;flex:none}.counterparty-kind-note span{font-size:var(--huay-fs-10,10px);color:var(--muted);line-height:1.45}.agent-active-switch{margin-top:14px}.agent-modal-error{flex:none;margin:0 18px 10px}.agent-modal-footer{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;padding:12px 18px;display:flex}.agent-modal-footer .primary-button,.agent-modal-footer .secondary-button{align-items:center;gap:7px;width:auto;margin:0;padding:0 15px;display:inline-flex}@media (max-width:760px){.counterparty-policy-strip{grid-template-columns:repeat(2,1fr);margin-inline:14px}.agent-toolbar{flex-wrap:wrap}.agent-search{flex-basis:100%;order:1}.agent-filter{flex:1;overflow:auto}.agent-form-grid{grid-template-columns:1fr}.rate-override-grid{grid-template-columns:minmax(100px,1fr) 90px 90px}.rate-override-grid.forwarding-only{grid-template-columns:minmax(100px,1fr) 105px}.agents-page .page-heading{align-items:flex-start}.agents-page .page-action{flex:none}}@media (max-width:520px){.counterparty-policy-strip{grid-template-columns:1fr 1fr}.agent-modal{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.agent-form-scroll{padding:14px}.rate-override-grid{grid-template-columns:minmax(92px,1fr) 78px 78px}.rate-override-grid.forwarding-only{grid-template-columns:minmax(92px,1fr) 92px}.rate-row-agent input{margin:4px;padding-inline:5px}.agent-filter button{padding-inline:8px}.agents-page .page-heading{display:grid}.agents-page .page-action{margin-top:8px}}
.users-page .page-action{align-items:center;gap:7px;width:auto;margin:0;padding:0 16px;display:inline-flex}.user-stats article{display:block}.user-stats article strong{font-size:var(--huay-fs-19,19px);margin:5px 0;display:block}.user-toolbar{border-bottom:1px solid var(--line);gap:10px;padding:14px 16px;display:flex}.user-search{flex:1;width:auto;max-width:none;display:flex}.user-table{min-width:900px}.user-identity{align-items:center;gap:9px;display:flex}.user-avatar{color:#bda9ff;background:#8b5cf61a;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.user-identity strong,.user-identity small{display:block}.user-identity small{font-size:var(--huay-fs-9,9px);color:var(--muted);margin-top:2px}.role-pill{min-height:25px;font-size:var(--huay-fs-9,9px);letter-spacing:.05em;border-radius:999px;align-items:center;padding:0 9px;font-weight:900;display:inline-flex}.role-pill.owner{color:#c4b5fd;background:#8b5cf61f}.role-pill.manager{color:#93c5fd;background:#3b82f61f}.role-pill.seller{color:#86efac;background:#32d5831c}.role-pill.accounting{color:#fde68a;background:#fbbf241f}.role-pill.auditor{color:#cbd5e1;background:#94a3b81f}.user-modal{flex-direction:column;width:min(820px,100vw - 28px);max-height:min(830px,100dvh - 28px);display:flex}.user-form-scroll{padding:16px 18px;overflow:auto}.user-form-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.user-form-grid .field input,.user-form-grid .field select{border:1px solid var(--line);color:#fff;background:#0a1829;border-radius:9px;outline:0;width:100%;height:42px;padding:0 11px}.user-form-grid .field input:disabled{opacity:.5}.password-admin-input{position:relative}.password-admin-input svg{color:#71859d;position:absolute;top:13px;left:11px}.password-admin-input input{padding-left:34px!important}.seller-scope-section{border:1px solid var(--line);border-radius:11px;margin-top:16px;overflow:hidden}.seller-scope-head{border-bottom:1px solid var(--line);background:#8b5cf60a;align-items:center;gap:9px;padding:12px 14px;display:flex}.seller-scope-head strong,.seller-scope-head small{display:block}.seller-scope-head strong{font-size:var(--huay-fs-12,12px)}.seller-scope-head small{font-size:var(--huay-fs-9,9px);color:var(--muted);margin-top:2px}.seller-agent-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:240px;padding:10px;display:grid;overflow:auto}.seller-agent-grid label{border:1px solid var(--line);cursor:pointer;background:#ffffff04;border-radius:9px;align-items:center;gap:9px;min-height:48px;padding:8px 10px;display:flex}.seller-agent-grid label.selected{background:#8b5cf614;border-color:#8b5cf666}.seller-agent-grid input{accent-color:#8b5cf6}.seller-agent-grid strong,.seller-agent-grid small{display:block}.seller-agent-grid strong{font-size:var(--huay-fs-11,11px)}.seller-agent-grid small{font-size:var(--huay-fs-9,9px);color:var(--muted);margin-top:2px}.user-active-switch{margin-top:14px}.user-modal-footer{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;padding:12px 18px;display:flex}.user-modal-footer .primary-button,.user-modal-footer .secondary-button{align-items:center;gap:7px;width:auto;margin:0;padding:0 15px;display:inline-flex}@media (max-width:680px){.users-page .page-heading{align-items:flex-start}.user-form-grid,.seller-agent-grid{grid-template-columns:1fr}.users-page .page-action{flex:none}}@media (max-width:520px){.users-page .page-heading{display:grid}.users-page .page-action{margin-top:8px}.user-modal{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.user-form-scroll{padding:14px}}.mfa-user-state{min-height:25px;font-size:var(--huay-fs-9,9px);white-space:nowrap;border-radius:999px;align-items:center;padding:0 9px;font-weight:850;display:inline-flex}.mfa-user-state.enabled{color:#86efac;background:#32d5831c}.mfa-user-state.required{color:#fde68a;background:#fbbf241f}.mfa-user-state.off{color:#94a3b8;background:#94a3b817}.user-mfa-admin{border:1px solid var(--line);background:#8b5cf609;border-radius:11px;flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;padding:12px 14px;display:flex}.user-mfa-admin>div:first-child{flex:1;align-items:center;gap:9px;min-width:0;display:flex}.user-mfa-admin strong,.user-mfa-admin small{display:block}.user-mfa-admin small{color:var(--muted);font-size:var(--huay-fs-9,9px);margin-top:2px}.user-mfa-policy .mfa-policy-switch{border-top:1px solid var(--line);flex:0 0 100%;margin:2px 0 0;padding-top:10px}.mfa-policy-switch input{accent-color:#8b5cf6}.user-mfa-policy .danger-button{white-space:nowrap;width:auto;margin:0}
.settings-page .page-action{align-items:center;gap:7px;width:auto;margin:0;padding:0 14px;display:inline-flex}.settings-tabs{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.settings-tabs button{border:1px solid var(--line);color:#8fa3bb;text-align:left;cursor:pointer;background:#ffffff05;border-radius:11px;align-items:center;gap:9px;min-width:190px;padding:10px 13px;display:flex}.settings-tabs button.active{color:#e7ddff;background:#8b5cf617;border-color:#8b5cf661}.settings-tabs strong,.settings-tabs small{display:block}.settings-tabs strong{font-size:var(--huay-fs-12,12px)}.settings-tabs small{font-size:var(--huay-fs-9,9px);color:#758aa2;margin-top:2px}.settings-panel{overflow:visible}.settings-panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.settings-panel-head h2{font-size:var(--huay-fs-15,15px);margin:0}.settings-panel-head p{color:var(--muted);font-size:var(--huay-fs-10,10px);margin:4px 0 0}.settings-lock-note{font-size:var(--huay-fs-9,9px);letter-spacing:.08em;color:#c4b5fd;background:#8b5cf612;border:1px solid #8b5cf638;border-radius:999px;padding:6px 9px;font-weight:900}.snapshot-edit-state{font-size:var(--huay-fs-9,9px);border-radius:999px;align-items:center;gap:6px;padding:6px 9px;font-weight:850;display:inline-flex}.snapshot-edit-state.editable{color:#86efac;background:#32d58314}.snapshot-edit-state.locked{color:#a6b3c2;background:#94a3b814}.settings-warning{color:#f7d276;background:#fbbf240d;border:1px solid #fbbf2426;border-radius:9px;gap:9px;margin:14px 18px 0;padding:11px 12px;display:flex}.settings-warning strong,.settings-warning span{display:block}.settings-warning strong{font-size:var(--huay-fs-11,11px)}.settings-warning span{font-size:var(--huay-fs-9,9px);color:#9c8b62;margin-top:2px}.market-config-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px;display:grid}.market-config-card{border:1px solid var(--line);background:#081523b8;border-radius:12px;padding:13px}.market-config-card.locked{opacity:.72}.market-config-title{justify-content:space-between;align-items:center;gap:10px;margin-bottom:11px;display:flex}.market-config-title strong,.market-config-title small{display:block}.market-config-title strong{font-size:var(--huay-fs-13,13px)}.market-config-title small{font-size:var(--huay-fs-9,9px);color:var(--muted);margin-top:2px}.market-active{font-size:var(--huay-fs-9,9px);color:#9fb1c3;align-items:center;gap:6px;display:flex}.market-active input{accent-color:#32d583}.market-config-fields{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;display:grid}.market-config-fields label{gap:5px;display:grid}.market-config-fields label>span{font-size:var(--huay-fs-8,8px);color:#70849c;font-weight:800}.market-config-fields input{border:1px solid var(--line);color:#fff;width:100%;min-width:0;height:35px;font-size:var(--huay-fs-10,10px);background:#071523;border-radius:7px;outline:0;padding:0 8px}.market-config-fields input:focus{border-color:#8b5cf680}.market-config-fields input:disabled{opacity:.55}.market-config-fields small{font-size:var(--huay-fs-8,8px);color:#65798f}.save-config-button{color:#d9ceff;width:100%;height:36px;font-size:var(--huay-fs-10,10px);cursor:pointer;background:#8b5cf617;border:1px solid #8b5cf62e;border-radius:8px;justify-content:center;align-items:center;gap:6px;margin-top:11px;font-weight:850;display:flex}.save-config-button:hover:not(:disabled){background:#8b5cf626}.save-config-button:disabled{opacity:.45;cursor:not-allowed}@media (max-width:1100px){.market-config-list{grid-template-columns:1fr}.market-config-fields{grid-template-columns:repeat(5,1fr)}}@media (max-width:700px){.settings-tabs{grid-template-columns:1fr 1fr;display:grid}.settings-tabs button{min-width:0}.market-config-fields{grid-template-columns:repeat(2,1fr)}.market-config-fields label:last-child{grid-column:span 2}.settings-panel-head{align-items:flex-start}}@media (max-width:480px){.settings-tabs{grid-template-columns:1fr}.market-config-list{padding:10px}.market-config-fields{grid-template-columns:1fr 1fr}.settings-page .page-heading{display:grid}.settings-page .page-action{width:max-content;margin-top:8px}}.hedge-rules-panel{overflow:visible}.hedge-rule-toolbar{border-bottom:1px solid var(--line);grid-template-columns:minmax(220px,1fr) minmax(180px,.7fr) auto;align-items:end;gap:10px;padding:14px 18px;display:grid}.hedge-rule-toolbar .field{margin:0}.hedge-rule-toolbar select{border:1px solid var(--line);color:#fff;background:#071523;border-radius:8px;outline:0;width:100%;height:38px;padding:0 9px}.hedge-rule-summary{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.hedge-rule-summary>span{border:1px solid var(--line);color:var(--muted);font-size:var(--huay-fs-9,9px);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:7px 9px;display:inline-flex}.hedge-rule-summary b{color:var(--text);font-size:var(--huay-fs-10,10px)}.hedge-rule-editor{border-bottom:1px solid var(--line);background:#8b5cf609;grid-template-columns:minmax(120px,.55fr) minmax(150px,.75fr) minmax(160px,.8fr) minmax(180px,1fr) auto;align-items:end;gap:9px;padding:14px 18px;display:grid}.hedge-rule-editor .field{margin:0}.hedge-rule-editor .field input{height:40px}.hedge-rule-editor .number-field input{font-size:var(--huay-fs-18,18px);letter-spacing:.08em;font-variant-numeric:tabular-nums;font-weight:800}.hedge-rule-block{min-height:40px;margin:0;padding:7px 10px}.hedge-rule-editor-actions{gap:7px;display:flex}.hedge-rule-editor-actions button{white-space:nowrap;height:40px}.hedge-rule-list-head{justify-content:space-between;align-items:center;gap:12px;padding:13px 18px 8px;display:flex}.hedge-rule-list-head>div:first-child{flex-direction:column;gap:2px;display:flex}.hedge-rule-list-head strong{font-size:var(--huay-fs-12,12px)}.hedge-rule-list-head small{font-size:var(--huay-fs-9,9px);color:var(--muted)}.hedge-rule-search{min-width:180px;display:flex!important}.hedge-rule-search input{font-size:var(--huay-fs-10,10px)}.hedge-rule-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:7px;padding:8px 18px 18px;display:grid}.hedge-rule-card{border:1px solid var(--line);min-height:72px;color:var(--text);cursor:pointer;text-align:left;background:#081523b3;border-radius:10px;flex-direction:column;align-items:flex-start;gap:3px;padding:9px 10px;display:flex}.hedge-rule-card:hover{background:#8b5cf60f;border-color:#8b5cf659}.hedge-rule-card strong{font-size:var(--huay-fs-17,17px);letter-spacing:.05em;font-variant-numeric:tabular-nums}.hedge-rule-card span{font-size:var(--huay-fs-9,9px);color:#86efac;font-weight:800}.hedge-rule-card small{font-size:var(--huay-fs-8,8px);color:var(--muted)}.hedge-rule-card.blocked{background:#fb71850f;border-color:#fb718547}.hedge-rule-card.blocked span{color:#fb7185}.hedge-rule-card.default{opacity:.55}.hedge-rule-empty{grid-column:1/-1;min-height:100px}@media (max-width:1050px){.hedge-rule-toolbar{grid-template-columns:1fr 1fr}.hedge-rule-summary{grid-column:1/-1;justify-content:flex-start}.hedge-rule-editor{grid-template-columns:repeat(2,minmax(0,1fr))}.hedge-rule-block{min-height:42px}.hedge-rule-editor-actions{justify-content:flex-end}}@media (max-width:700px){.hedge-rule-toolbar{grid-template-columns:1fr;padding:12px}.hedge-rule-summary{grid-column:auto}.hedge-rule-editor{grid-template-columns:1fr 1fr;padding:12px}.hedge-rule-block,.hedge-rule-editor-actions{grid-column:1/-1}.hedge-rule-editor-actions button{flex:1}.hedge-rule-list-head{flex-direction:column;align-items:stretch;padding:12px 12px 7px}.hedge-rule-search{width:100%;min-width:0}.hedge-rule-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding:7px 12px 14px}.hedge-rule-card{min-width:0}}@media (max-width:430px){.hedge-rule-editor{grid-template-columns:1fr}.hedge-rule-block,.hedge-rule-editor-actions{grid-column:auto}.hedge-rule-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.hedge-rule-summary>span.attention{color:#f7d276;background:#fbbf2412;border-color:#fbbf2447}.hedge-rule-card.near-limit{background:#fbbf2411;border-color:#fbbf2461;box-shadow:inset 0 0 0 1px #fbbf240d}.hedge-rule-card.near-limit span{color:#fbbf24}.hedge-rule-card .hedge-rule-usage{border-top:1px solid var(--line);width:100%;font-size:var(--huay-fs-8,8px);color:#9fb1c3;margin-top:2px;padding-top:4px}.hedge-rule-head-actions{align-items:center;gap:7px;display:flex}.hedge-rule-bulk{background:#8b5cf609;border:1px solid #8b5cf640;border-radius:12px;margin:0 18px 14px;overflow:hidden}.hedge-rule-bulk-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 13px;display:flex}.hedge-rule-bulk-head>div{flex-direction:column;gap:3px;display:flex}.hedge-rule-bulk-head strong{font-size:var(--huay-fs-12,12px)}.hedge-rule-bulk-head small{font-size:var(--huay-fs-9,9px);color:var(--muted);line-height:1.45}.hedge-rule-bulk-body{grid-template-columns:minmax(280px,.9fr) minmax(360px,1.1fr);min-height:260px;display:grid}.hedge-rule-bulk-input{border-right:1px solid var(--line);padding:12px}.hedge-rule-bulk-input textarea{resize:vertical;border:1px solid var(--line);color:#fff;width:100%;min-height:210px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:var(--huay-fs-11,11px);background:#06131f;border-radius:9px;outline:0;padding:10px 11px;line-height:1.55}.hedge-rule-bulk-input textarea:focus{border-color:#8b5cf680}.hedge-rule-bulk-stats{flex-wrap:wrap;align-items:center;gap:7px;margin-top:7px;display:flex}.hedge-rule-bulk-stats span{font-size:var(--huay-fs-9,9px);color:var(--muted)}.hedge-rule-bulk-stats span.ok{color:#86efac}.hedge-rule-bulk-stats span.error{color:#fb7185}.hedge-rule-bulk-errors{gap:5px;max-height:145px;margin-top:8px;display:grid;overflow:auto}.hedge-rule-bulk-errors>div{background:#fb71850a;border:1px solid #fb71852e;border-radius:7px;grid-template-columns:auto 1fr;gap:2px 7px;padding:7px 8px;display:grid}.hedge-rule-bulk-errors b{font-size:var(--huay-fs-8,8px);color:#fb7185}.hedge-rule-bulk-errors span{font-size:var(--huay-fs-9,9px);color:#fda4af}.hedge-rule-bulk-errors code{font-size:var(--huay-fs-8,8px);color:var(--muted);white-space:pre-wrap;grid-column:1/-1}.hedge-rule-bulk-errors>small{font-size:var(--huay-fs-8,8px);color:var(--muted)}.hedge-rule-bulk-preview{min-width:0;padding:12px}.hedge-rule-bulk-preview-head{justify-content:space-between;align-items:center;margin-bottom:7px;display:flex}.hedge-rule-bulk-preview-head strong{font-size:var(--huay-fs-11,11px)}.hedge-rule-bulk-preview-head small{font-size:var(--huay-fs-9,9px);color:var(--muted)}.hedge-rule-bulk-preview-list{gap:4px;max-height:300px;display:grid;overflow:auto}.bulk-preview-row{border:1px solid var(--line);background:#081523a3;border-radius:7px;grid-template-columns:52px minmax(70px,.6fr) minmax(90px,1fr) auto;align-items:center;gap:7px;padding:7px 8px;display:grid}.bulk-preview-row b{font-size:var(--huay-fs-13,13px);letter-spacing:.04em}.bulk-preview-row span{font-size:var(--huay-fs-9,9px);color:#86efac}.bulk-preview-row span+span{color:var(--muted)}.bulk-preview-row small{font-size:var(--huay-fs-8,8px);color:var(--muted);white-space:nowrap}.bulk-preview-row.blocked{background:#fb71850a;border-color:#fb718533}.bulk-preview-row.blocked span{color:#fb7185}.bulk-preview-row.clear{opacity:.68;border-style:dashed}.bulk-preview-row.clear span{color:#fbbf24}.bulk-preview-more{text-align:center;color:var(--muted);font-size:var(--huay-fs-9,9px);padding:8px}.hedge-rule-bulk-actions{border-top:1px solid var(--line);background:#08152373;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.hedge-rule-bulk-actions>span{font-size:var(--huay-fs-9,9px);color:var(--muted)}.hedge-rule-bulk-actions button{min-width:150px}@media (max-width:900px){.hedge-rule-bulk-body{grid-template-columns:1fr}.hedge-rule-bulk-input{border-right:0;border-bottom:1px solid var(--line)}}@media (max-width:700px){.hedge-rule-head-actions{width:100%}.hedge-rule-head-actions button{flex:1}.hedge-rule-bulk{margin:0 12px 12px}.hedge-rule-bulk-actions{flex-direction:column;align-items:stretch}.hedge-rule-bulk-actions button{width:100%}.bulk-preview-row{grid-template-columns:45px 1fr 1fr}.bulk-preview-row small{grid-column:2/-1}.hedge-rule-bulk-input textarea{min-height:180px}}.settings-head-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.save-all-config-button{color:#eee8ff;height:34px;font-size:var(--huay-fs-10,10px);cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#8b5cf63d,#6d4aff2e);border:1px solid #8b5cf65c;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-weight:900;display:inline-flex}.save-all-config-button:hover:not(:disabled){background:linear-gradient(135deg,#8b5cf657,#6d4aff47)}.save-all-config-button:disabled{opacity:.45;cursor:not-allowed}@media (max-width:700px){.settings-head-actions{justify-content:space-between;width:100%}.save-all-config-button{min-width:128px}}.half-price-panel .settings-warning{margin:0 14px 12px}.half-price-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 14px 14px;display:grid}.half-price-card{border:1px solid var(--line);background:#ffffff05;border-radius:12px;padding:12px}.half-price-card-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.half-price-card-head>div:first-child strong,.half-price-card-head>div:first-child small{display:block}.half-price-card-head>div:first-child strong{font-size:var(--huay-fs-13,13px)}.half-price-card-head>div:first-child small{color:var(--muted);font-size:var(--huay-fs-9,9px);margin-top:2px}.half-price-rate{white-space:nowrap;background:#8b5cf60f;border:1px solid #8b5cf633;border-radius:9px;align-items:center;gap:7px;padding:6px 9px;display:flex}.half-price-rate span{color:var(--muted);font-size:var(--huay-fs-10,10px);text-decoration:line-through}.half-price-rate b{color:var(--muted);font-size:var(--huay-fs-10,10px)}.half-price-rate strong{color:#c4b5fd;font-size:var(--huay-fs-14,14px)}.half-price-input{display:block}.half-price-input>span{color:var(--muted);font-size:var(--huay-fs-9,9px);margin-bottom:5px;display:block}.half-price-input textarea{resize:vertical;border:1px solid var(--line);background:var(--input-bg,#081426);width:100%;min-height:68px;color:var(--text);font:inherit;border-radius:9px;outline:none;padding:9px 10px;line-height:1.5}.half-price-input textarea:focus{border-color:#8b5cf68c;box-shadow:0 0 0 2px #8b5cf614}.half-price-input textarea:disabled{opacity:.55;cursor:not-allowed}.half-price-card-foot{justify-content:space-between;align-items:center;gap:8px;margin-top:7px;display:flex}.half-price-card-foot span{font-size:var(--huay-fs-9,9px);color:#c4b5fd;font-weight:800}.half-price-card-foot small{font-size:var(--huay-fs-8,8px);color:var(--muted);text-align:right}@media (max-width:900px){.half-price-grid{grid-template-columns:1fr}}n .half-price-global-layout{padding:0 14px 14px}.half-price-global-card{max-width:none}.half-price-global-card .half-price-input textarea{min-height:132px;font-size:var(--huay-fs-12,12px);letter-spacing:.02em}.half-price-global-count{color:#c4b5fd;min-width:64px;font-size:var(--huay-fs-10,10px);white-space:nowrap;background:#8b5cf614;border:1px solid #8b5cf640;border-radius:999px;justify-content:center;align-items:center;padding:6px 10px;font-weight:850;display:inline-flex}.half-price-scope-note{background:#8b5cf609;border:1px solid #8b5cf62e;border-radius:12px;margin-top:10px;padding:11px 12px}.half-price-scope-note>div:first-child{align-items:flex-start;gap:8px;display:flex}.half-price-scope-note>div:first-child span strong,.half-price-scope-note>div:first-child span small{display:block}.half-price-scope-note>div:first-child span strong{font-size:var(--huay-fs-11,11px)}.half-price-scope-note>div:first-child span small{color:var(--muted);font-size:var(--huay-fs-9,9px);margin-top:2px;line-height:1.5}.half-price-market-rates{flex-wrap:wrap;gap:6px;margin-top:9px;display:flex}.half-price-market-rates>span{border:1px solid var(--line);font-size:var(--huay-fs-9,9px);color:var(--muted);background:#ffffff05;border-radius:8px;padding:5px 8px}.half-price-market-rates b{color:var(--text);margin-right:3px}.half-price-market-rates strong{color:#c4b5fd}@media (max-width:700px){.half-price-global-layout{padding:0 10px 10px}.half-price-card-foot{flex-direction:column;align-items:flex-start}.half-price-card-foot small{text-align:left}}.commission-settings-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px;display:grid}.commission-card{border:1px solid var(--line);background:#081523b8;border-radius:13px;gap:13px;padding:15px;display:grid}.commission-card.upstream{border-color:#32d58338}.commission-card.customer{border-color:#8b5cf640}.commission-card-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.commission-card-head>div{align-items:center;gap:9px;display:flex}.commission-card-head span strong,.commission-card-head span small{display:block}.commission-card-head span small{color:var(--muted);font-size:var(--huay-fs-9,9px);margin-top:2px}.commission-card-head>b{font-size:var(--huay-fs-22,22px);font-variant-numeric:tabular-nums}.commission-icon{color:#c4b5fd;background:#8b5cf61a;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.commission-card.upstream .commission-icon{color:#86efac;background:#32d58317}.commission-percent-input{gap:6px;display:grid}.commission-percent-input>span{font-size:var(--huay-fs-9,9px);color:var(--muted);font-weight:800}.commission-percent-input>div{border:1px solid var(--line);background:#071523;border-radius:10px;align-items:center;display:flex;overflow:hidden}.commission-percent-input input{color:#fff;width:100%;min-width:0;height:46px;font-size:var(--huay-fs-20,20px);background:0 0;border:0;outline:0;padding:0 12px;font-weight:900}.commission-percent-input>div>span{color:var(--muted);padding:0 13px;font-weight:900}.commission-flow{border:1px solid var(--line);font-size:var(--huay-fs-10,10px);color:var(--muted);background:#ffffff05;border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 11px;display:flex}.commission-flow strong{color:var(--text);margin-left:auto}.commission-spread-card{background:#32d58309;border:1px solid #32d58333;border-radius:13px;grid-column:1/-1;grid-template-columns:minmax(180px,.45fr) minmax(0,1fr);gap:12px;padding:14px;display:grid}.commission-spread-card.negative{background:#fb71850a;border-color:#fb718547}.commission-spread-card>div:first-child span,.commission-spread-card>div:first-child strong,.commission-spread-card>div:first-child small{display:block}.commission-spread-card>div:first-child strong{font-size:var(--huay-fs-24,24px);margin:3px 0}.commission-spread-card>div:first-child small{color:var(--muted);font-size:var(--huay-fs-9,9px)}.commission-rule-note{background:#081523a6;border-radius:10px;align-items:flex-start;gap:9px;padding:10px;display:flex}.commission-rule-note>span strong,.commission-rule-note>span small{display:block}.commission-rule-note>span small{color:var(--muted);font-size:var(--huay-fs-9,9px);margin-top:3px;line-height:1.55}@media (max-width:760px){.commission-settings-layout{grid-template-columns:1fr;padding:10px}.commission-spread-card{grid-column:auto;grid-template-columns:1fr}.commission-flow strong{width:100%;margin-left:0}}.commission-min-stake-input>div>span:first-child{color:var(--muted);padding:0 0 0 13px;font-weight:900}.commission-min-stake-input input{font-size:var(--huay-fs-17,17px)}
.audit-panel{overflow:hidden}.audit-toolbar{border-bottom:1px solid var(--line);grid-template-columns:minmax(260px,1fr) 180px auto;gap:9px;padding:14px;display:grid}.audit-search{border:1px solid var(--line);color:#71849b;background:#0a1829;border-radius:9px;align-items:center;gap:8px;height:42px;padding:0 11px;display:flex}.audit-search input{color:#fff;width:100%;font-size:var(--huay-fs-12,12px);background:0 0;border:0;outline:0}.audit-toolbar select,.audit-toolbar>button{border:1px solid var(--line);color:#c7d2df;height:42px;font-size:var(--huay-fs-11,11px);background:#0a1829;border-radius:9px;padding:0 10px}.audit-toolbar>button{cursor:pointer;justify-content:center;align-items:center;gap:6px;display:flex}.audit-action{border:1px solid var(--line);min-height:24px;font-size:var(--huay-fs-9,9px);letter-spacing:.04em;border-radius:999px;align-items:center;padding:0 7px;font-weight:850;display:inline-flex}.audit-action.success{color:#86efac;background:#22c55e12}.audit-action.danger{color:#fda4af;background:#ef444412}.audit-action.info{color:#93c5fd;background:#3b82f612}.audit-action.neutral{color:#cbd5e1;background:#94a3b80f}.audit-detail-modal{width:min(900px,100vw - 28px);max-height:88vh;overflow:auto}.audit-detail-modal .modal-header p{color:var(--muted);font-size:var(--huay-fs-10,10px);margin:3px 0 0}.audit-detail-meta{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:9px;padding:14px;display:grid}.audit-detail-meta>div{gap:2px;display:grid}.audit-detail-meta span{font-size:var(--huay-fs-9,9px);color:var(--muted)}.audit-detail-meta strong{font-size:var(--huay-fs-11,11px)}.audit-json-grid{grid-template-columns:1fr 1fr;gap:10px;padding:14px;display:grid}.audit-json-grid section{min-width:0}.audit-json-grid h3{font-size:var(--huay-fs-10,10px);color:#9fb0c4;margin:0 0 6px}.audit-json-grid pre{border:1px solid var(--line);color:#b8c7d8;min-height:160px;max-height:340px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--huay-fs-10,10px);white-space:pre-wrap;word-break:break-word;background:#06111e;border-radius:9px;margin:0;padding:11px;line-height:1.55;overflow:auto}.audit-user-agent{gap:5px;padding:0 14px 14px;display:grid}.audit-user-agent span{font-size:var(--huay-fs-9,9px);color:var(--muted)}.audit-user-agent code{font-size:var(--huay-fs-9,9px);color:#879bb3;word-break:break-all}@media (max-width:700px){.audit-toolbar,.audit-detail-meta,.audit-json-grid{grid-template-columns:1fr}.audit-json-grid pre{min-height:120px}}
.session-grid{gap:10px;display:grid}.session-card{grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 16px;display:grid}.session-card.current{background:linear-gradient(135deg,#0e1b2deb,#0d2030e6);border-color:#22c55e3d}.session-device{color:#c4b5fd;background:#8b5cf614;border-radius:11px;place-items:center;width:40px;height:40px;display:grid}.session-copy{min-width:0}.session-title{align-items:center;gap:8px;display:flex}.session-title>strong{font-size:var(--huay-fs-13,13px)}.session-title>span{font-size:var(--huay-fs-8,8px);letter-spacing:.08em;color:#86efac;background:#22c55e0f;border:1px solid #22c55e2e;border-radius:999px;padding:3px 5px;font-weight:900}.session-copy p{font-size:var(--huay-fs-10,10px);color:#91a4ba;margin:2px 0}.session-copy>small{color:#6f829a;font-size:var(--huay-fs-9_5,9.5px);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.session-meta{flex-wrap:wrap;gap:14px;margin-top:7px;display:flex}.session-meta span{font-size:var(--huay-fs-9,9px);color:#6f829a}.session-meta strong{color:#aebdcd;font-weight:700}.session-revoke{color:#fda4af;height:36px;font-size:var(--huay-fs-10,10px);cursor:pointer;background:#ef44440e;border:1px solid #ef444429;border-radius:8px;align-items:center;gap:6px;padding:0 10px;font-weight:800;display:flex}.session-revoke:hover:not(:disabled){background:#ef44441a}.session-revoke:disabled{opacity:.45;cursor:not-allowed}@media (max-width:680px){.session-card{grid-template-columns:38px 1fr}.session-revoke{grid-column:1/-1;justify-content:center}.session-meta{gap:3px;display:grid}.session-copy>small{white-space:normal}}
.statement-backdrop{z-index:80}.statement-modal{flex-direction:column;width:min(1240px,100vw - 34px);max-height:92vh;display:flex;overflow:hidden}.statement-head{flex:none}.statement-toolbar{border-bottom:1px solid var(--border);background:#040d192e;grid-template-columns:180px 180px auto auto;align-items:end;gap:10px;padding:14px 18px;display:grid}.statement-toolbar .field input{height:40px}.statement-toolbar .small{justify-content:center;height:40px}.statement-export{text-decoration:none}.statement-error{margin:14px 18px 0}.statement-loading{min-height:260px;color:var(--muted);justify-content:center;align-items:center;gap:9px;display:flex}.statement-body{padding:18px;overflow:auto}.statement-stats{margin:0 0 14px}.statement-order-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.statement-order-summary>div{border:1px solid var(--border);background:var(--input);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:11px 13px;display:flex}.statement-order-summary span{font-size:var(--huay-fs-11,11px);color:var(--muted)}.statement-order-summary strong{font-size:var(--huay-fs-15,15px)}.statement-ledger-panel{border:1px solid var(--border);border-radius:12px;overflow:hidden}.statement-ledger-title{border-bottom:1px solid var(--border);align-items:center;gap:9px;padding:13px 15px;display:flex}.statement-ledger-title>div{display:grid}.statement-ledger-title strong{font-size:var(--huay-fs-13,13px)}.statement-ledger-title small{font-size:var(--huay-fs-10,10px);color:var(--muted)}.statement-table-wrap{max-height:420px}.statement-table th,.statement-table td{white-space:nowrap}.statement-type{border:1px solid var(--border);font-size:var(--huay-fs-10,10px);border-radius:999px;padding:4px 7px;font-weight:800;display:inline-flex}.statement-type.payment{background:#3b82f614}.statement-type.draw_settlement{background:#8b5cf614}@media (max-width:800px){.statement-modal{width:min(100vw - 14px,1240px);max-height:96vh}.statement-toolbar{grid-template-columns:1fr 1fr}.statement-order-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.statement-body{padding:12px}.statement-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.statement-toolbar{grid-template-columns:1fr}.statement-toolbar .field{width:100%}.statement-order-summary,.statement-stats{grid-template-columns:1fr 1fr}}
.governance-view{gap:16px;display:grid}.governance-policy{gap:16px;padding:18px;display:grid}.governance-policy .panel-heading,.governance-queue .panel-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.governance-policy .panel-heading>div{align-items:center;gap:10px;display:flex}.governance-master-toggle{border:1px solid var(--border);background:var(--input);border-radius:12px;align-items:flex-start;gap:12px;padding:14px;display:flex}.governance-master-toggle span{gap:3px;display:grid}.governance-master-toggle small,.governance-entity{color:var(--muted);font-size:var(--huay-fs-12,12px);margin-top:3px;display:block}.governance-action-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.governance-action-grid label{border:1px solid var(--border);border-radius:10px;align-items:center;gap:8px;padding:11px;display:flex}.governance-threshold{max-width:340px}.approval-status{font-size:var(--huay-fs-11,11px);border-radius:999px;padding:4px 8px;font-weight:800;display:inline-flex}.approval-status.pending{color:#8a6100;background:#fff3cd}.approval-status.executed,.approval-status.approved{color:#166534;background:#dff7e8}.approval-status.rejected,.approval-status.failed{color:#991b1b;background:#fee2e2}.approval-actions{gap:6px;display:flex}.approval-actions .approve{color:#15803d}.approval-actions .reject{color:#b91c1c}@media (max-width:900px){.governance-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.governance-action-grid{grid-template-columns:1fr}.governance-policy .panel-heading{flex-direction:column;align-items:flex-start}}
.team-toolbar{border-bottom:1px solid var(--border);color:var(--muted);justify-content:space-between;align-items:center;padding:12px 14px;font-weight:700;display:flex}.team-identity{align-items:center;gap:10px;display:flex}.team-identity div{flex-direction:column;display:flex}.team-identity small{color:var(--muted)}.team-modal{max-width:560px}.team-form{gap:14px;padding:18px;display:grid}.team-form textarea{resize:vertical;min-height:90px}@media (max-width:700px){.team-modal{width:calc(100vw - 20px);max-height:90vh;overflow:auto}}
.notification-center,.notification-button{position:relative}.notification-button.active{background:#14253a}.notification-badge{color:#fff;min-width:18px;height:18px;font-size:var(--huay-fs-9,9px);background:#ef4444;border:2px solid #07111f;border-radius:999px;place-items:center;padding:0 5px;font-weight:900;line-height:1;display:grid;position:absolute;top:-4px;right:-3px}.notification-popover{--notification-bg:#081525;--notification-head-bg:#0a192a;--notification-card-bg:#0d1d31;--notification-card-hover:#11253c;--notification-card-unread:#10243b;--notification-border:#94a3b838;--notification-muted:#a9b9cb;border:1px solid var(--notification-border);background:var(--notification-bg);z-index:80;isolation:isolate;border-radius:18px;flex-direction:column;width:min(460px,100vw - 24px);max-height:min(640px,100vh - 84px);display:flex;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 30px 90px #00000094,0 0 0 1px #0f172a59}.notification-head{z-index:2;border-bottom:1px solid var(--notification-border);background:var(--notification-head-bg);flex:none;justify-content:space-between;align-items:center;gap:14px;padding:14px 14px 13px;display:flex;position:sticky;top:0;box-shadow:0 8px 22px #0000002e}.notification-head-copy{align-items:center;gap:10px;min-width:0;display:flex}.notification-head-copy>span:last-child{flex-direction:column;gap:2px;min-width:0;display:flex}.notification-head-icon{color:#f8fafc;background:#14253a;border-radius:10px;flex:0 0 34px;place-items:center;width:34px;height:34px;display:grid}.notification-head strong{color:#f8fafc;font-size:var(--huay-fs-14,14px);line-height:1.35}.notification-head small{color:var(--notification-muted);font-size:var(--huay-fs-10,10px);white-space:normal;line-height:1.45}.notification-head-actions{flex:none;align-items:center;gap:6px;display:flex}.notification-head-actions button{cursor:pointer;border:0}.notification-mark-all{color:#dbeafe;min-height:32px;font-size:var(--huay-fs-10,10px);white-space:nowrap;background:#14253a;border-radius:9px;justify-content:center;align-items:center;gap:5px;padding:0 10px;font-weight:800;line-height:1.2;display:inline-flex}.notification-mark-all:not(:disabled):hover,.notification-close:hover{filter:brightness(1.08)}.notification-mark-all:disabled{opacity:.45;cursor:default}.notification-close{width:32px;height:32px;color:var(--notification-muted);background:0 0;border-radius:9px;place-items:center;display:grid}.notification-close:hover{color:#f8fafc;background:#14253a}.notification-list{overscroll-behavior:contain;background:var(--notification-bg);scrollbar-gutter:stable;scrollbar-color:#526277 #0b1726;scrollbar-width:thin;flex:auto;min-height:0;padding:10px;overflow-y:auto}.notification-list::-webkit-scrollbar{width:9px}.notification-list::-webkit-scrollbar-track{background:#0b1726}.notification-list::-webkit-scrollbar-thumb{background:#526277;border:2px solid #0b1726;border-radius:999px}.notification-item{text-align:left;border:1px solid var(--notification-border);background:var(--notification-card-bg);color:#f8fafc;cursor:pointer;border-radius:12px;grid-template-columns:38px minmax(0,1fr);align-items:start;gap:11px;width:100%;padding:12px;transition:background-color .14s,border-color .14s,transform .14s;display:grid;box-shadow:0 8px 18px #0000001f}.notification-item+.notification-item{margin-top:8px}.notification-item:hover{background:var(--notification-card-hover);border-color:#94a3b857}.notification-item.unread{background:var(--notification-card-unread);border-color:#60a5fa61;box-shadow:inset 3px 0 #60a5fabf,0 8px 18px #00000024}.notification-icon{width:36px;height:36px;color:var(--muted);background:#94a3b81a;border-radius:10px;place-items:center;display:grid}.notification-item.success .notification-icon{color:#34d399;background:#10b9811f}.notification-item.warning .notification-icon{color:#fbbf24;background:#f59e0b1f}.notification-item.critical .notification-icon{color:#f87171;background:#ef44441f}.notification-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.notification-item-title{align-items:flex-start;gap:7px;min-width:0;display:flex}.notification-item-title strong{color:#f8fafc;min-width:0;font-size:var(--huay-fs-12,12px);overflow-wrap:anywhere;flex:auto;line-height:1.45}.notification-new-badge{color:#60a5fa;font-size:var(--huay-fs-9,9px);background:#3b82f624;border-radius:999px;flex:none;margin-top:1px;padding:2px 6px;font-weight:900;line-height:1.3}.notification-message{color:var(--notification-muted);font-size:var(--huay-fs-11,11px);overflow-wrap:anywhere;line-height:1.55}.notification-copy small{color:#8fa3bb;font-size:var(--huay-fs-9,9px);line-height:1.45}.notification-empty{text-align:center;min-height:220px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:24px;display:flex}.notification-empty-icon{width:46px;height:46px;color:var(--muted);background:#14253a;border-radius:14px;place-items:center;margin-bottom:3px;display:grid}.notification-empty strong{color:var(--text);font-size:var(--huay-fs-12,12px);line-height:1.4}.notification-empty>span:last-child{max-width:260px;font-size:var(--huay-fs-10,10px);line-height:1.5}@media (max-width:620px){.notification-popover{border-radius:16px;width:auto;max-height:calc(100dvh - 74px);position:fixed;top:62px;left:10px;right:10px}.notification-head{align-items:flex-start;gap:10px;padding:12px}.notification-head-copy{align-items:flex-start}.notification-mark-all span{display:none}.notification-mark-all{width:32px;padding:0}.notification-list{padding:8px}.notification-item{grid-template-columns:34px minmax(0,1fr);gap:9px;padding:10px}.notification-icon{width:32px;height:32px}}
.recon-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.recon-filter{border:1px solid var(--border);font-size:var(--huay-fs-11,11px);color:var(--muted);cursor:pointer;background:#ffffff06;border-radius:9px;align-items:center;gap:7px;padding:8px 10px;display:inline-flex}.recon-filter input{accent-color:currentColor}.recon-stats{margin-bottom:20px}.recon-table th,.recon-table td{vertical-align:top}.recon-table th:first-child,.recon-table td:first-child{min-width:170px}.recon-issues{flex-wrap:wrap;gap:5px;max-width:420px;display:flex}.recon-issues span,.recon-ok{border:1px solid var(--border);font-size:var(--huay-fs-9,9px);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:5px 7px;font-weight:750;display:inline-flex}.recon-issues .error{color:#fca5a5;background:#ef444414;border-color:#ef444429}.recon-issues .warning{color:#fcd34d;background:#f59e0b14;border-color:#f59e0b29}.recon-ok{color:#86efac;background:#22c55e14;border-color:#22c55e29}.recon-table .sub-cell{white-space:normal}@media (max-width:700px){.recon-actions{width:100%}.recon-actions .secondary-button,.recon-filter{flex:1;justify-content:center}.recon-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
.reauth-backdrop{z-index:1200}.reauth-modal{width:min(480px,100vw - 28px)}.reauth-heading{align-items:center;gap:10px;display:flex}.reauth-icon{color:#93c5fd;background:#3b82f61a;border:1px solid #3b82f62e;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.reauth-body{gap:14px;padding:18px;display:grid}.reauth-body>p{color:var(--muted);font-size:var(--huay-fs-12,12px);margin:0;line-height:1.65}.reauth-action{color:#fcd34d;width:max-content;max-width:100%;font-size:var(--huay-fs-9,9px);text-overflow:ellipsis;white-space:nowrap;background:#f59e0b14;border:1px solid #f59e0b26;border-radius:999px;padding:5px 8px;font-weight:750;overflow:hidden}.reauth-password{border:1px solid var(--border);background:#ffffff06;border-radius:9px;align-items:center;gap:8px;padding:0 10px;display:flex}.reauth-password:focus-within{border-color:#3b82f673}.reauth-password svg{color:var(--muted);flex:none}.reauth-password input{outline:0;width:100%;background:0 0!important;border:0!important;padding:11px 0!important}.reauth-actions{grid-template-columns:1fr 1.3fr;gap:9px;display:grid}.reauth-actions button{justify-content:center}.reauth-note{color:var(--muted);font-size:var(--huay-fs-9,9px);line-height:1.5}@media (max-width:520px){.reauth-actions{grid-template-columns:1fr}.reauth-actions .primary-button{order:-1}}
.mfa-gate-shell{background:radial-gradient(circle at top,#3b82f614,transparent 34%),var(--bg);place-items:center;min-height:100dvh;padding:24px;display:grid}.mfa-gate-card{border:1px solid var(--border);background:var(--panel);border-radius:18px;gap:17px;width:min(560px,100%);padding:26px;display:grid;box-shadow:0 24px 70px #00000047}.mfa-gate-icon{color:#93c5fd;background:#3b82f61a;border:1px solid #3b82f62e;border-radius:15px;place-items:center;width:54px;height:54px;display:grid}.mfa-gate-icon.success{color:#86efac;background:#22c55e17;border-color:#22c55e2e}.mfa-gate-heading h1{font-size:var(--huay-fs-25,25px);margin:3px 0 6px}.mfa-gate-heading p:last-child{color:var(--muted);font-size:var(--huay-fs-12,12px);margin:0;line-height:1.7}.mfa-loading{border:1px dashed var(--border);color:var(--muted);font-size:var(--huay-fs-11,11px);border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:18px;display:flex}.mfa-setup-step{grid-template-columns:30px minmax(0,1fr);align-items:start;gap:10px;display:grid}.step-number{color:#93c5fd;width:28px;height:28px;font-weight:800;font-size:var(--huay-fs-11,11px);background:#3b82f61a;border-radius:999px;place-items:center;display:grid}.mfa-setup-step strong{font-size:var(--huay-fs-12,12px)}.mfa-setup-step p{color:var(--muted);font-size:var(--huay-fs-10,10px);margin:3px 0 0;line-height:1.55}.mfa-secret-box{border:1px solid var(--border);background:#ffffff06;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:12px 13px;display:flex}.mfa-secret-box small{color:var(--muted);font-size:var(--huay-fs-8,8px);margin-bottom:4px;display:block}.mfa-secret-box code{font-size:var(--huay-fs-13,13px);letter-spacing:.09em;word-break:break-all}.mfa-copy-state{color:#86efac;font-size:var(--huay-fs-9,9px);margin-top:-10px}.mfa-code-box{border:1px solid var(--border);background:#ffffff06;border-radius:10px;align-items:center;gap:8px;padding:0 11px;display:flex}.mfa-code-box:focus-within{border-color:#3b82f673}.mfa-code-box svg{color:var(--muted)}.mfa-code-box input{width:100%;font-size:var(--huay-fs-16,16px);letter-spacing:.08em;outline:0;background:0 0!important;border:0!important;padding:12px 0!important}.mfa-wide-button{justify-content:center;width:100%;text-decoration:none}.mfa-open-app{display:flex}.mfa-logout-link{color:var(--muted);font-size:var(--huay-fs-10,10px);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;padding:5px;display:flex}.mfa-logout-link:hover{color:var(--text)}.recovery-code-grid{background:#f59e0b0a;border:1px solid #f59e0b2e;border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:13px;display:grid}.recovery-code-grid code{text-align:center;font-size:var(--huay-fs-12,12px);letter-spacing:.06em;background:#00000024;border-radius:7px;padding:8px}.mfa-login-field>small{color:var(--muted);font-size:var(--huay-fs-9,9px);align-items:center;gap:5px;margin-top:5px;display:flex}.mfa-code-input input{letter-spacing:.07em}@media (max-width:560px){.mfa-gate-shell{place-items:start center;padding:14px}.mfa-gate-card{border-radius:14px;padding:20px}.recovery-code-grid{grid-template-columns:1fr}.mfa-gate-heading h1{font-size:var(--huay-fs-22,22px)}}
.reports-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.report-meta{flex-wrap:wrap;gap:10px;margin:-5px 0 16px;display:flex}.report-meta span{border:1px solid var(--border);color:var(--muted);font-size:var(--huay-fs-9,9px);background:#ffffff05;border-radius:999px;padding:6px 9px}.report-meta strong{color:var(--text)}.report-stats{margin-bottom:16px}.report-positive{color:#86efac!important}.report-negative{color:#fca5a5!important}.report-tabs{border:1px solid var(--border);background:#ffffff05;border-radius:10px;gap:6px;width:max-content;max-width:100%;margin-bottom:14px;padding:4px;display:flex;overflow:auto}.report-tabs button{color:var(--muted);font-size:var(--huay-fs-10,10px);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:8px 12px;font-weight:700}.report-tabs button.active{color:#bfdbfe;background:#3b82f61f}.report-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:14px;display:grid}.report-grid .panel{min-width:0}.report-wide{grid-column:1/-1}.report-risk{font-size:var(--huay-fs-9,9px);color:#86efac;background:#22c55e14;border-radius:999px;padding:4px 7px;font-weight:800;display:inline-flex}.report-risk.warning{color:#fcd34d;background:#f59e0b14}.report-risk.danger{color:#fca5a5;background:#ef444414}.report-print-note{font-size:var(--huay-fs-9,9px);color:#555;margin-top:18px}@media (max-width:1050px){.report-grid{grid-template-columns:1fr}}@media (max-width:700px){.reports-actions{width:100%}.reports-actions .secondary-button{flex:1;justify-content:center}.report-meta{gap:6px}.report-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media print{.reports-page .report-tabs{display:none!important}.reports-page .report-section{break-inside:auto;grid-template-columns:1fr!important;display:grid!important}.reports-page .panel{break-inside:avoid;margin-bottom:12px}.reports-page .table-wrap{overflow:visible}.reports-page table{font-size:var(--huay-fs-8,8px)}.reports-page .report-meta span{color:#333;border-color:#bbb}.reports-page .report-positive,.reports-page .report-negative{color:#000!important}}
.archive-summary{color:var(--muted);background:#94a3b80d;border:1px solid #94a3b824;border-radius:9px;align-items:flex-start;gap:8px;margin-top:12px;padding:9px 10px;display:flex}.archive-summary svg{flex:none;margin-top:1px}.archive-summary strong{color:var(--text);font-size:var(--huay-fs-10,10px);display:block}.archive-summary span{font-size:var(--huay-fs-9,9px);margin-top:2px;line-height:1.45;display:block}.draw-card.archived{opacity:.82}.archive-button{margin-left:auto}.archive-modal{width:min(560px,100vw - 28px)}.archive-modal-body{gap:14px;padding:18px;display:grid}.archive-modal textarea{resize:vertical;min-height:96px}@media (max-width:700px){.archive-button{margin-left:0}.archive-modal{width:min(100% - 20px,560px)}}
.draw-create-schedule{grid-template-columns:minmax(190px,1.5fr) minmax(110px,.7fr) minmax(110px,.7fr) auto;align-items:end;gap:8px;display:grid!important}.draw-create-schedule>label,.draw-schedule-fields label{color:var(--muted);font-size:var(--huay-fs-9,9px);gap:4px;font-weight:800;display:grid}.draw-create-schedule input[type=time],.draw-schedule-fields input[type=time]{border:1px solid var(--line);min-width:0;height:36px;color:var(--text);background:#ffffff06;border-radius:9px;outline:0;padding:0 10px}.draw-create-schedule input:focus,.draw-schedule-fields input:focus{border-color:#8b5cf68c;box-shadow:0 0 0 2px #8b5cf614}.draw-schedule-editor{background:#8b5cf60b;border:1px solid #8b5cf63d;border-radius:11px;margin-top:10px;padding:11px}.draw-schedule-editor-head{align-items:flex-start;gap:8px;display:flex}.draw-schedule-editor-head strong,.draw-schedule-editor-head small{display:block}.draw-schedule-editor-head strong{font-size:var(--huay-fs-11,11px)}.draw-schedule-editor-head small{color:var(--muted);font-size:var(--huay-fs-9,9px);margin-top:2px}.draw-schedule-fields{grid-template-columns:1fr 1fr;gap:8px;margin-top:9px;display:grid}.draw-schedule-fields input:disabled{opacity:.5;cursor:not-allowed}.draw-schedule-buttons{justify-content:flex-end;gap:7px;margin-top:9px;display:flex}.draw-actions{flex-wrap:wrap}@media (max-width:900px){.draw-create-schedule{grid-template-columns:1fr 1fr}.draw-create-schedule .draw-date-input{grid-column:1/-1}.draw-create-schedule button{justify-content:center;width:100%}}@media (max-width:520px){.draw-create-schedule{grid-template-columns:1fr}.draw-create-schedule .draw-date-input{grid-column:auto}.draw-schedule-fields{grid-template-columns:1fr}.draw-schedule-buttons{grid-template-columns:1fr 1fr;display:grid}.draw-schedule-buttons button{justify-content:center}}