:root{color:#172033;background:#eef5fb;font-family:Inter,Noto Sans TC,Microsoft JhengHei,Arial,sans-serif;--blue: #0877e8;--cyan: #14aaf5;--orange: #ff8a00;--ink: #172033;--muted: #64748b;--line: #d9e6f2;--card: rgba(255, 255, 255, .94);--shadow: 0 22px 60px rgba(29, 63, 104, .12)}*{box-sizing:border-box}body{margin:0}.auth-shell{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top left,rgba(5,153,255,.18),transparent 34%),linear-gradient(135deg,#eef8ff,#fff8ef);padding:24px}.auth-card{width:min(460px,100%);border:1px solid #d7e6f5;border-radius:24px;background:#ffffffeb;box-shadow:0 24px 80px #10254129;padding:30px}.auth-brand{display:flex;align-items:center;gap:14px;margin-bottom:24px}.auth-logo{width:82px;height:82px;flex:0 0 auto;border-radius:18px;object-fit:contain;background:#fff;box-shadow:0 12px 28px #0877e81f}.auth-brand .brand-mark{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,var(--cyan),var(--blue));color:#fff;font-weight:900}.auth-brand strong{display:block;font-size:28px}.auth-brand span,.auth-hint{color:var(--muted)}.auth-form{display:grid;gap:16px}.auth-form label{display:grid;gap:8px;color:var(--ink);font-weight:900}.auth-form input{min-height:48px;border:1px solid #d7e6f5;border-radius:12px;background:#f8fbff;padding:10px 14px;color:var(--ink);outline:0}.auth-form button{min-height:48px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;font-weight:900}.auth-hint{margin:16px 0 0;font-size:13px}.topbar-actions{display:flex;align-items:center;gap:10px}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:grid;grid-template-columns:280px 1fr;background:radial-gradient(circle at top left,rgba(20,170,245,.22),transparent 36%),radial-gradient(circle at top right,rgba(255,138,0,.12),transparent 28%),#eef5fb}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:20px;padding:24px 20px;background:#102541;color:#fff;overflow-y:auto;overflow-x:hidden}.brand{display:flex;align-items:center;gap:12px}.brand-logo{width:66px;height:66px;flex:0 0 auto;border-radius:18px;object-fit:contain;background:#fff;box-shadow:0 14px 30px #00000024}.brand strong,.brand small{display:block}.brand small{color:#ffffffad}.brand-mark{display:flex;align-items:center;gap:14px}.brand-mark>span{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,var(--cyan),var(--blue));font-weight:900}.brand-mark strong,.brand-mark small{display:block}.brand-mark small,.side-note span{color:#ffffffad}.system-switch{min-height:44px;display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:linear-gradient(135deg,#14aaf533,#ff8a0029);color:#fff;font-weight:900}.menu-block{display:grid;gap:16px}.menu-block h2{margin:0;color:#ffffffc7;font-size:13px;letter-spacing:0}.menu-group{display:grid;gap:8px}.menu-group h3{margin:0;color:#ffffff85;font-size:12px;font-weight:800}.sidebar nav{display:grid;gap:6px}.sidebar nav button{min-height:40px;display:flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:transparent;color:#fff;padding:0 10px;text-align:left}.sidebar nav button span{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar nav button em{flex:0 0 auto;border-radius:999px;background:#ff8a002e;color:#ffd08f;padding:2px 6px;font-size:11px;font-style:normal;font-weight:900}.sidebar nav button.active{background:#14aaf52e;border-color:#14aaf57a}.side-note{display:grid;gap:8px;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:16px}.workspace{padding:32px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.topbar p{margin:0 0 4px;color:var(--blue);font-weight:800;text-transform:uppercase}.topbar h1{margin:0;font-size:34px}.topbar span{display:block;margin-top:6px;color:var(--muted)}.ghost-button{min-height:42px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);padding:0 14px}.notice{margin-bottom:18px;border:1px solid #bfe7d0;border-radius:12px;background:#edfff4;color:#17663a;padding:12px 14px}.page-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.full-span,.profile-card{grid-column:1 / -1}.profile-card,.panel{border:1px solid rgba(217,230,242,.9);border-radius:18px;background:var(--card);box-shadow:var(--shadow)}.placeholder-page{min-height:520px;display:grid;place-items:center;align-content:center;gap:12px;border:1px solid rgba(217,230,242,.9);border-radius:18px;background:var(--card);box-shadow:var(--shadow);padding:44px;text-align:center}.placeholder-page .placeholder-icon{width:68px;height:68px;display:grid;place-items:center;border-radius:20px;background:linear-gradient(135deg,#14aaf529,#ff8a0029);color:var(--blue)}.placeholder-page p,.placeholder-page h2,.placeholder-page span,.placeholder-page strong{margin:0}.placeholder-page p{color:var(--blue);font-weight:900}.placeholder-page h2{font-size:32px}.placeholder-page span{color:var(--muted)}.placeholder-page strong{max-width:560px;border-radius:999px;background:#fff7e8;color:#9a5800;padding:10px 16px}.member-overview{display:grid;gap:18px}.overview-top-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:18px}.overview-card{border:1px solid rgba(217,230,242,.9);border-radius:18px;background:#fffffff0;box-shadow:var(--shadow);padding:22px}.member-profile-summary{display:flex;align-items:center;gap:22px}.default-avatar{width:86px;height:86px;flex:0 0 auto;border-radius:24px;object-fit:contain;background:#fff;box-shadow:0 16px 38px #0877e83d}.member-profile-summary h2,.overview-card-title h2{margin:0}.member-profile-summary p{margin:4px 0 12px;color:var(--muted)}.member-profile-summary dl{display:grid;gap:7px;margin:0}.member-profile-summary dl div{display:flex;gap:10px}.member-profile-summary dt,.member-profile-summary dd{margin:0}.member-profile-summary dt{min-width:86px;color:var(--muted)}.member-profile-summary dd{color:var(--ink);font-weight:800}.link-action{margin-top:12px;border:0;background:transparent;color:var(--blue);font-weight:900;padding:0}.account-assets-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:center}.asset-number strong{display:block;color:#07172f;font-size:40px;line-height:1}.asset-number span{display:block;margin-top:8px;color:var(--muted);font-weight:800}.overview-actions{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:10px}.overview-actions button{min-height:34px;border:1px solid var(--orange);border-radius:999px;background:#fff8ef;color:#d76500;padding:0 18px;font-weight:900}.overview-actions button.secondary{border-color:#dbe7f3;background:#fff;color:var(--ink)}.order-overview-card{display:grid;gap:26px}.overview-tabs{display:flex;gap:18px}.overview-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;color:var(--ink);padding:0 0 10px;font-weight:900}.overview-tabs button.active{border-color:var(--orange);color:#d76500}.order-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:18px}.status-circle-card{min-height:112px;display:grid;justify-items:center;align-content:center;gap:10px;border:0;background:transparent;color:var(--ink)}.status-circle-card strong,.order-create-card svg{width:72px;height:72px;display:grid;place-items:center;border:4px solid #e6ebf1;border-radius:50%;font-size:24px;line-height:64px}.status-circle-card span{color:var(--muted);font-weight:800}.status-circle-card:hover strong{border-color:#0877e859;color:var(--blue)}.order-create-card svg{border-color:transparent;background:var(--orange);color:#fff;padding:18px}.overview-card-title{display:flex;justify-content:space-between;gap:18px;margin-bottom:16px}.overview-card-title span{color:var(--muted)}.overview-warehouse-card .warehouse-list{gap:16px}.overview-warehouse-card .warehouse-code-note{margin-bottom:2px}.warehouse-list{display:grid;gap:20px}.warehouse-code-note{display:flex;justify-content:space-between;gap:16px;border:1px solid rgba(8,119,232,.18);border-radius:14px;background:#eef7ff;padding:14px 16px}.warehouse-code-note strong{color:var(--blue)}.warehouse-code-note span{color:var(--muted)}.warehouse-card{border:1px solid rgba(217,230,242,.9);border-radius:18px;background:var(--card);box-shadow:var(--shadow);padding:22px}.warehouse-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;border-bottom:1px solid var(--line);padding-bottom:16px}.warehouse-card-header .panel-title{margin-bottom:0}.warehouse-card-header>span{max-width:520px;color:var(--muted);text-align:right}.warehouse-table{margin:18px 0 0;border:1px solid #dceaf4;border-bottom:0}.warehouse-table div{display:grid;grid-template-columns:150px minmax(0,1fr);min-height:58px;border-bottom:1px solid #dceaf4}.warehouse-table dt,.warehouse-table dd{display:flex;align-items:center;margin:0;padding:12px 16px}.warehouse-table dt{background:#c8eef5;color:#37566b;font-weight:900}.warehouse-table dd{color:var(--ink);gap:10px;justify-content:space-between}.warehouse-table dd>span{min-width:0;overflow-wrap:anywhere}.copy-field-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:32px;height:32px;border:1px solid #c9ddec;border-radius:10px;background:#fff;color:var(--blue);cursor:pointer}.copy-field-button:hover{border-color:var(--blue);background:#eaf5ff}.warehouse-actions{display:flex;justify-content:center;padding-top:22px}.warehouse-actions button{min-height:44px;border:0;border-radius:999px;background:linear-gradient(135deg,var(--cyan),var(--blue));color:#fff;padding:0 24px;font-weight:900}.balance-hero{display:flex;align-items:center;justify-content:space-between;border-radius:20px;background:linear-gradient(135deg,#103962,#0a87e8);box-shadow:var(--shadow);color:#fff;padding:26px}.balance-hero span,.balance-hero small{display:block;color:#ffffffb8}.balance-hero strong{display:block;margin:8px 0;font-size:34px}.topup-form{margin-top:16px}.topup-records-block{margin-top:18px}.refund-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.refund-summary-grid article{border:1px solid #dce9f6;border-radius:16px;background:linear-gradient(135deg,#f7fbff,#fff);box-shadow:0 8px 20px #133f760f;padding:16px}.refund-summary-grid span{display:block;color:var(--muted);font-size:12px;font-weight:900}.refund-summary-grid strong{display:block;margin-top:8px;color:var(--ink);font-size:22px}.points-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}.points-summary-grid article{border:1px solid #dce9f6;border-radius:16px;background:linear-gradient(135deg,#f7fbff,#fff);box-shadow:0 8px 20px #133f760f;padding:16px}.points-summary-grid span{display:block;color:var(--muted);font-size:12px;font-weight:900}.points-summary-grid strong{display:block;margin-top:8px;color:var(--ink);font-size:24px}.refund-records-block{margin-top:18px}.refund-table table{min-width:1060px}.admin-note-field{display:grid;gap:8px;width:100%}.admin-note-field textarea{width:100%;min-height:86px;border:1px solid var(--line);border-radius:14px;background:#f7fbff;padding:10px 12px;color:var(--ink);resize:vertical}.refund-admin-stats{margin-bottom:18px}.topup-records-block .panel-title{margin-bottom:0}.amount-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.amount-picker button{min-height:48px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);font-weight:900}.amount-picker button.active{border-color:#0877e87a;background:#eef7ff;color:var(--blue);box-shadow:inset 0 0 0 1px #0877e829}.payment-method-picker{display:grid;gap:12px}.payment-method-picker button{min-height:54px;display:flex;align-items:center;gap:16px;border:1px dashed #cfddea;border-radius:999px;background:#fff;color:#30445f;padding:0 18px;text-align:left;font-weight:800}.payment-method-picker button.active{border-color:var(--cyan);background:#eefbff;color:var(--blue);box-shadow:0 10px 26px #14aaf529}.payment-method-picker b{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;font-size:14px}.payment-method-picker button:nth-child(3) b{background:linear-gradient(135deg,#16b83e,#09d05a)}.payment-account-list{display:grid;gap:10px}.payment-account-list article{display:grid;gap:4px;border:1px solid var(--line);border-radius:14px;background:#f8fbff;padding:12px}.payment-account-list strong,.payment-account-list span{display:block}.payment-account-list span{color:var(--muted);font-size:13px}.ticket-grid{display:grid;grid-template-columns:minmax(360px,.85fr) minmax(0,1fr);gap:20px}.ticket-list{display:grid;gap:10px}.ticket-list button{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);padding:12px;text-align:left}.ticket-list button.active{border-color:#0877e87a;background:#f0f7ff}.ticket-list strong,.ticket-list span,.ticket-list small{display:block}.ticket-list strong{font-size:13px}.ticket-list span{color:var(--blue);font-size:13px;font-weight:800}.ticket-list small{grid-column:1 / -1;color:var(--muted);font-size:12px}.ticket-list mark{align-self:start;grid-row:1 / span 2;grid-column:2}.ticket-list em{justify-self:end;grid-column:2;color:var(--blue);font-size:12px;font-style:normal;font-weight:900}.message-list{display:grid;gap:10px}.message-list>button{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:12px;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--ink);padding:14px;text-align:left}.message-list>button.unread{border-color:#147df559;background:linear-gradient(135deg,#eef7ff,#fff)}.message-list>button.read{opacity:.78}.message-list>button:hover{border-color:#147df56b;box-shadow:var(--shadow-soft)}.message-dot{width:9px;height:9px;margin-top:8px;border-radius:50%;background:#cbd5e1}.message-list>button.unread .message-dot{background:var(--orange);box-shadow:0 0 0 4px #ff7a001f}.message-list strong,.message-list small,.message-list p{display:block}.message-list strong{font-size:16px}.message-list small{margin-top:4px;color:var(--muted);font-size:12px}.message-list p{display:-webkit-box;margin:8px 0 0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#34445c;line-height:1.45}.message-detail h2{margin:16px 0 8px}.message-detail>span,.message-detail small{display:block;color:var(--muted)}.message-detail p{margin:18px 0;color:var(--ink);line-height:1.7;white-space:pre-wrap}.ticket-detail{min-height:360px}.ticket-detail.empty-state,.empty-state{display:grid;place-items:center;min-height:180px;color:var(--muted)}.ticket-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding-bottom:14px}.ticket-meta>span{color:var(--muted)}.message-thread{display:grid;gap:12px;padding:16px 0}.message-thread article{max-width:82%;border-radius:14px;background:#eef7ff;padding:12px 14px}.message-thread article.staff{justify-self:end;background:#fff7e8}.message-thread strong,.message-thread p,.message-thread small{display:block;margin:0}.message-thread p{margin-top:6px;white-space:pre-wrap}.message-thread small{margin-top:8px;color:var(--muted);font-size:12px}.ticket-reply-form{display:grid;gap:10px;border-top:1px solid var(--line);padding-top:14px}.ticket-reply-form textarea{min-height:98px;border:1px solid var(--line);border-radius:12px;background:#f8fbff;padding:12px;resize:vertical}.ticket-reply-form button{justify-self:start;min-height:40px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--orange),#ffb000);color:#fff;padding:0 18px;font-weight:900}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:#0f233f75;padding:24px}.ticket-modal{position:relative;width:min(920px,100%);max-height:calc(100vh - 48px);overflow:auto}.ticket-modal .panel{box-shadow:0 28px 80px #081c383d}.ticket-modal .panel+.panel{margin-top:14px}.ticket-status-panel{min-height:auto}.detail-list{display:grid;gap:0;margin:0;border:1px solid var(--line);border-bottom:0}.detail-list div{display:grid;grid-template-columns:138px minmax(0,1fr);border-bottom:1px solid var(--line)}.detail-list dt,.detail-list dd{margin:0;padding:12px 14px}.detail-list dt{background:#eef7ff;color:#31506c;font-weight:900}.detail-list dd{min-width:0}.detail-list a{color:var(--blue);overflow-wrap:anywhere}.detail-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding-top:16px}.detail-actions a,.detail-actions button{display:inline-flex;min-height:40px;align-items:center;border:0;border-radius:999px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;padding:0 18px;font-weight:900;text-decoration:none}.detail-actions button.secondary{background:#e6edf5;color:#334155}.detail-actions button.danger{background:#ffe8e6;color:#b42318}.review-log-block{display:grid;gap:10px;margin-top:16px;border:1px solid var(--line);border-radius:14px;background:#f8fbff;padding:14px}.review-log-block strong{color:var(--ink);font-size:16px}.review-log-block p,.review-log-block ul{margin:0}.review-log-block ul{display:grid;gap:8px;padding:0;list-style:none}.review-log-block li{display:grid;gap:3px;border-radius:12px;background:#fff;padding:10px 12px}.review-log-block li span{font-weight:900}.review-log-block li small,.review-log-block li em{color:var(--muted);font-style:normal}.modal-close{position:absolute;top:14px;right:14px;z-index:1;min-height:34px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);padding:0 12px;font-weight:900}.profile-card{display:flex;justify-content:space-between;gap:18px;padding:24px;background:linear-gradient(135deg,#123a68,#0d87eb);color:#fff}.profile-card span{color:#ffffffb3}.profile-card h2{margin:8px 0}.profile-card p{margin:0;color:#ffffffc7}.profile-card strong{display:block;margin-top:8px;font-size:26px}.profile-settings-grid{display:grid;grid-template-columns:minmax(260px,.32fr) minmax(0,1fr);gap:18px}.profile-readonly-card{display:grid;align-content:start;gap:14px;border:1px solid #dce9f6;border-radius:18px;background:linear-gradient(135deg,#f7fbff,#fff);box-shadow:var(--shadow-soft);padding:18px}.profile-readonly-card span{display:block;color:var(--muted);font-size:12px;font-weight:900}.profile-readonly-card strong{display:block;margin-top:4px;color:var(--ink);font-size:18px;word-break:break-word}.profile-avatar{display:grid;place-items:center;width:112px;height:112px;border:1px solid #dce9f6;border-radius:24px;background:#fff;box-shadow:0 12px 24px #147df51a}.profile-avatar img{width:92px;height:92px;object-fit:contain}.profile-settings-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;border:1px solid #dce9f6;border-radius:18px;background:#ffffffc2;box-shadow:var(--shadow-soft);padding:18px}.profile-settings-form label{display:grid;gap:8px}.profile-settings-form label.wide{grid-column:1 / -1}.profile-settings-form label span{color:var(--ink);font-size:13px;font-weight:900}.profile-settings-form input,.profile-settings-form select,.profile-settings-form textarea{width:100%;min-height:42px;border:1px solid var(--line);border-radius:14px;background:#f7fbff;padding:0 14px}.profile-settings-form textarea{min-height:110px;padding:12px 14px;resize:vertical}.profile-settings-actions{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:16px}.profile-settings-actions small{color:var(--muted)}.profile-settings-actions button{min-height:42px;border:0;border-radius:14px;background:linear-gradient(135deg,var(--orange),#ff9f1c);color:#fff;padding:0 18px;font-weight:900}.panel{padding:22px}.panel-title{display:flex;align-items:center;gap:10px;margin-bottom:18px}.panel-heading-row{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.panel-heading-row .panel-title{margin-bottom:0}.panel-heading-row>span{color:var(--muted);font-size:14px}.panel-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px}.panel-actions span{color:var(--muted);font-size:14px}.panel-actions button{min-height:38px;border:0;border-radius:999px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;padding:0 16px;font-weight:900}.member-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.member-summary-grid article{border:1px solid #dbe7f3;border-radius:14px;background:#f8fbff;padding:14px 16px}.member-summary-grid span{display:block;color:var(--muted);font-size:12px;font-weight:800}.member-summary-grid strong{display:block;margin-top:6px;color:var(--ink);font-size:20px}.member-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.member-toolbar label{display:flex;align-items:center;gap:8px;width:min(460px,100%);border:1px solid #d7e5f2;border-radius:999px;background:#fff;color:var(--muted);padding:0 14px}.member-toolbar input{width:100%;min-height:40px;border:0;outline:0;background:transparent;color:var(--ink);font-size:14px}.member-toolbar span{color:var(--muted);font-size:13px;white-space:nowrap}.ledger-toolbar{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:14px}.ledger-toolbar label{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px;font-weight:900}.ledger-toolbar select{min-height:38px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);padding:0 12px}.status-filter-bar{display:flex;gap:8px;margin:0 0 16px;overflow-x:auto;padding-bottom:2px}.status-filter-bar button{min-height:36px;display:inline-flex;flex:0 0 auto;align-items:center;gap:7px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#30445f;padding:0 12px;font-weight:800}.status-filter-bar button.active{border-color:#0877e873;background:#eef7ff;color:var(--blue)}.status-filter-bar em{min-width:22px;min-height:22px;display:grid;place-items:center;border-radius:999px;background:#edf3f8;color:var(--muted);font-size:12px;font-style:normal}.status-filter-bar button.active em{background:var(--blue);color:#fff}.panel-title svg{color:var(--blue)}.panel-title h2{margin:0;font-size:22px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid label{display:grid;gap:7px;color:#30445f;font-weight:700}.form-grid .full{grid-column:1 / -1}.form-grid input,.form-grid select,.form-grid textarea{width:100%;min-height:44px;border:1px solid var(--line);border-radius:12px;background:#f8fbff;color:var(--ink);padding:10px 12px;outline:0}.form-grid textarea{min-height:92px;resize:vertical}.form-grid button,.row-actions button{min-height:42px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--orange),#ffb000);color:#fff;padding:0 16px;font-weight:900}.form-grid button{justify-self:start}.permission-grid{display:grid;gap:9px;color:#30445f;font-weight:700}.permission-grid>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:320px;overflow:auto;border:1px solid var(--line);border-radius:14px;background:#f8fbff;padding:10px}.permission-grid label{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"check title" "check group";column-gap:8px;align-items:center;border:1px solid #e0ebf5;border-radius:12px;background:#fff;padding:10px}.permission-grid input{grid-area:check;width:auto;min-height:auto}.permission-grid strong{grid-area:title;font-size:13px}.permission-grid small{grid-area:group;color:var(--muted);font-size:11px}.permission-groups{display:grid;gap:10px;color:#30445f;font-weight:700}.permission-groups>span{font-weight:900}.permission-groups fieldset{display:grid;gap:10px;border:1px solid #d8e8f6;border-radius:14px;background:#f8fbff;margin:0;padding:14px 16px}.permission-groups legend{color:#2a4664;font-weight:900;padding:0 8px}.permission-groups fieldset>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 24px}.permission-groups label{display:inline-flex;align-items:center;gap:9px;min-height:32px;font-weight:900}.permission-groups input{width:18px;min-height:18px;accent-color:var(--blue)}.permission-groups strong{line-height:1.25}.compact-form{margin-bottom:20px;border:1px solid #e4edf6;border-radius:16px;background:#fbfdff;padding:16px}.inline-claim{display:flex;flex-wrap:wrap;gap:8px}.inline-claim input{width:130px;min-height:34px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:6px 10px}.procurement-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 42px;width:100%}.procurement-form label,.readonly-amount,.image-upload-field{min-width:0;display:grid;grid-template-columns:116px minmax(0,1fr);align-items:start;gap:12px 16px}.procurement-form .full{grid-column:1 / -1}.procurement-form label>span,.readonly-amount>span,.image-upload-field>span{padding-top:12px;color:#071527;font-weight:900}.procurement-form .required>span:before{content:"* ";color:#f04444}.procurement-form input,.procurement-form select,.procurement-form textarea{width:100%;min-height:46px;border:0;border-radius:999px;background:#e7f1fb;color:var(--ink);padding:11px 18px;outline:0}.product-link-control,.image-url-control{display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:10px}.product-link-control button,.image-url-control button{min-height:46px;border:0;border-radius:999px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;font-weight:900}.procurement-form textarea{min-height:96px;border-radius:18px;resize:vertical}.procurement-form small{grid-column:2;color:#ff4d55;font-size:13px}.form-hint,.form-warning{margin:0;padding-left:132px;color:#ff4d55;font-weight:900}.readonly-amount strong{min-height:46px;display:flex;align-items:center;color:#475569}.image-upload-field{grid-template-rows:auto auto auto auto;align-items:start}.image-url-control,.image-preview,.procurement-image-block .upload-box{grid-column:2}.image-preview{width:168px;min-height:112px;overflow:hidden;border:1px solid #d8e4ef;border-radius:12px;background:#fff}.image-preview img{width:100%;height:100%;max-height:168px;display:block;object-fit:cover}.upload-box{width:168px;height:168px;display:grid;place-items:center;border:1px dashed #c9d3df;border-radius:12px;background:#fff;cursor:pointer}.upload-box input{display:none}.upload-box b{color:#7f8fa3;font-size:42px;font-weight:300}.upload-box img{width:100%;height:100%;display:block;object-fit:cover}.image-upload-field small{grid-column:2;color:var(--muted)}.image-upload-field small b{color:#ff4d55}.procurement-form>button{justify-self:start;min-height:46px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--orange),#ffb000);color:#fff;padding:0 22px;font-weight:900}.offline-procurement-form{display:grid;gap:22px}.offline-section-title,.offline-list-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--ink);font-weight:900}.offline-list-heading small{display:block;margin-top:5px;color:var(--muted);font-weight:600}.offline-total{min-width:220px;border-radius:999px;background:#e6f8f9;color:#06737f;padding:10px 16px;text-align:center}.offline-store-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 22px}.offline-store-grid label,.offline-remarks{display:grid;gap:8px;color:var(--ink);font-weight:800}.offline-store-grid .wide{grid-column:1 / -1}.offline-store-grid input,.offline-item-row input,.offline-item-row select,.offline-remarks textarea{width:100%;min-height:38px;border:1px solid #d8e4f2;border-radius:8px;background:#fff;color:var(--ink);padding:8px 10px;outline:0}.offline-items-table{overflow-x:auto;border:1px solid #e0e8f2;border-radius:12px}.offline-items-head,.offline-item-row{display:grid;grid-template-columns:minmax(160px,1.3fr) 140px 140px 110px 120px 90px minmax(220px,1.5fr) 142px;min-width:1180px}.offline-items-head{background:#f1f5f9;color:#516174;font-size:12px;font-weight:900}.offline-items-head span,.offline-item-row>*{padding:10px;border-bottom:1px solid #e6edf5}.offline-image-cell{display:grid;grid-template-columns:minmax(0,1fr) 58px;gap:8px}.offline-image-cell label{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:38px;border:1px solid var(--blue);border-radius:8px;color:var(--blue);font-weight:900;overflow:hidden;cursor:pointer}.offline-image-cell input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.offline-remarks textarea{min-height:88px;resize:vertical}.offline-procurement-form>button{justify-self:start;min-height:42px;border:0;border-radius:10px;background:linear-gradient(135deg,var(--orange),#ffb000);color:#fff;padding:0 20px;font-weight:900}.inline-error{border-radius:10px;background:#fff1f2;color:#be123c;padding:10px 12px;font-weight:800}.procurement-detail-modal{max-width:1080px}.order-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.order-detail-grid article{border:1px solid #e0e8f2;border-radius:12px;background:#f8fbff;padding:12px}.order-detail-grid span{display:block;color:var(--muted);font-size:12px;font-weight:800}.order-detail-section{margin-top:18px}.order-detail-section h3{margin:0 0 10px}.order-detail-section p{margin:6px 0;word-break:break-word}button:disabled{opacity:.56;cursor:wait}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.stat-card{min-height:110px;display:grid;align-content:center;gap:8px;border-radius:16px;background:#fff;box-shadow:var(--shadow);padding:20px;border-left:5px solid var(--blue)}.stat-card.orange{border-left-color:var(--orange)}.stat-card.green{border-left-color:#16a36a}.stat-card.dark{border-left-color:#102541}.stat-card span{color:var(--muted)}.stat-card strong{font-size:30px}.procurement-stat-grid{gap:10px;margin-bottom:10px}.procurement-stat-grid .stat-card{min-height:72px;align-content:center;gap:4px;border-radius:14px;padding:12px 16px;box-shadow:0 6px 16px #133f760f}.procurement-stat-grid .stat-card span{font-size:13px;line-height:1.25}.procurement-stat-grid .stat-card strong{font-size:24px;line-height:1.1}.table-wrap{overflow-x:auto}.compact-table table{font-size:13px;min-width:900px}.compact-table th,.compact-table td{padding:9px 10px}.point-table table{min-width:980px}.wallet-member-card{display:grid;gap:6px;border:1px solid #dce9f6;border-radius:16px;background:linear-gradient(135deg,#f0f8ff,#fff);padding:16px}.wallet-member-card span,.wallet-member-card small{color:var(--muted);font-weight:800}.wallet-member-card strong{color:var(--ink);font-size:28px;line-height:1.1}table{width:100%;border-collapse:collapse;min-width:980px;font-size:14px}th,td{border-bottom:1px solid #e6edf5;padding:10px 12px;text-align:left;vertical-align:top}th{color:var(--muted);font-size:12px;font-weight:800}td strong,td span,td small{display:block}td small{margin-top:3px;color:var(--muted);font-size:12px;line-height:1.35}td strong,td span{line-height:1.35}.product-title-link{display:block;color:var(--ink);font-weight:800;line-height:1.35;text-decoration:none}.product-title-link:hover{color:var(--blue);text-decoration:underline}.amount-credit{color:#14865a;font-weight:900}.amount-debit{color:#d86b00;font-weight:900}.line-clamp{display:-webkit-box;max-width:520px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#334155;line-height:1.4}.muted-text{color:var(--muted);font-size:13px;font-weight:800}.claim-inline-form{display:flex;gap:8px;min-width:220px}.claim-inline-form input{min-width:0;width:118px;min-height:34px;border:1px solid var(--line);border-radius:10px;background:#f8fbff;padding:0 10px}.claim-inline-form button{min-height:34px;border:0;border-radius:10px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;padding:0 12px;font-weight:900}.package-claim-table table{min-width:1160px}.exchange-rate-table table{min-width:1040px}.ledger-table table{min-width:1080px}.warehouse-admin-table table{min-width:1120px}.dictionary-table table{min-width:1240px}.dictionary-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px}.dictionary-toolbar label{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px;font-weight:900}.dictionary-toolbar select{min-height:38px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);padding:0 12px}.dictionary-toolbar .dictionary-search{flex:1 1 320px;min-height:40px;border:1px solid #d7e5f2;border-radius:999px;background:#fff;padding:0 14px}.dictionary-toolbar .dictionary-search input{width:100%;min-height:38px;border:0;outline:0;background:transparent;color:var(--ink)}.dictionary-toolbar>span{color:var(--muted);font-size:13px;font-weight:800}.supplier-list{display:grid;gap:12px}.supplier-card{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #dce9f6;border-radius:14px;background:#fff;padding:16px 18px}.supplier-card strong,.supplier-card small{display:block}.supplier-card strong{color:var(--ink);font-size:16px}.supplier-card small{margin-top:5px;color:var(--muted)}.supplier-card-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px}.supplier-card-meta span{color:var(--ink);font-weight:900;white-space:nowrap}.supplier-card-meta button{min-height:36px;border-radius:10px;padding:0 14px}.supplier-card-meta button.secondary{background:#e6edf5;color:#334155}.supplier-card-meta button.danger{background:#ffe8e6;color:#b42318}.checkbox-row{display:flex;flex-wrap:wrap;gap:14px}.checkbox-row label{display:inline-flex;align-items:center;gap:8px;min-height:38px;border:1px solid var(--line);border-radius:999px;background:#f8fbff;padding:0 14px;font-weight:900}.checkbox-row input{width:16px;min-height:16px;accent-color:var(--blue)}.checkbox-fieldset{display:flex;flex-wrap:wrap;gap:10px 18px;border:1px solid #dce9f6;border-radius:14px;padding:12px 14px 14px}.checkbox-fieldset legend{padding:0 8px;color:var(--muted);font-size:13px;font-weight:900}.checkbox-fieldset label{width:auto;display:inline-flex;align-items:center;gap:8px;min-height:28px;font-size:14px;font-weight:800}.checkbox-fieldset input{width:16px;min-height:16px;accent-color:var(--blue)}.mode-tab-fieldset{display:grid;gap:0;border:1px solid #dce9f6;border-radius:0 0 14px 14px;padding:0;background:#fff;overflow:hidden}.mode-tab-fieldset legend{margin-left:14px;padding:0 8px;color:var(--muted);font-size:13px;font-weight:900}.mode-tabs{display:flex;align-items:center;gap:0;border-bottom:1px solid #dce9f6;background:#5b6773;padding:0}.mode-tabs label{position:relative;cursor:pointer}.mode-tabs input{position:absolute;opacity:0;pointer-events:none}.mode-tabs span{min-height:42px;display:grid;place-items:center;border-right:1px solid rgba(255,255,255,.12);border-bottom:0;background:#404b56;color:#f8fbff;padding:0 20px;text-align:center;font-size:14px;font-weight:900}.mode-tabs input:checked+span{border-right-color:#dce9f6;background:#fff;color:var(--ink);box-shadow:inset 0 3px 0 var(--orange)}.mode-tabs input:focus-visible+span{box-shadow:0 0 0 4px #147df524}.mode-tab-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:14px}.mode-tab-panel label{min-width:0;display:grid;gap:8px}.mode-tab-panel label span{color:var(--ink);font-size:13px;font-weight:900}.mode-tab-panel input,.mode-tab-panel select{width:100%;min-height:42px;border:1px solid #cfe1f3;border-radius:12px;background:#f8fbff;padding:0 12px;color:var(--ink)}.billing-rule-card{display:grid;gap:14px;border:1px solid #d8e8f6;border-radius:18px;background:linear-gradient(180deg,#f8fbff,#fff);padding:16px}.billing-rule-intro{display:grid;gap:4px}.billing-rule-intro strong{color:var(--ink);font-size:18px;font-weight:900}.billing-rule-intro small{color:var(--muted);font-size:13px;font-weight:700}.billing-step{border-radius:14px;background:#fff}.billing-step legend{display:inline-flex;align-items:center;gap:8px;margin-left:12px;color:var(--ink);font-size:14px}.billing-step legend b{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:999px;background:var(--blue);color:#fff;font-size:12px}.billing-step .mode-tabs{background:#edf5fc;padding:6px}.billing-step .mode-tabs span{min-height:38px;border-right:0;border-radius:10px;background:transparent;color:#40566f;padding:0 14px;font-size:13px}.billing-step .mode-tabs input:checked+span{background:#fff;color:var(--blue);box-shadow:inset 0 -3px 0 var(--orange),0 6px 14px #133f7614}.price-mode-panel .full{grid-column:1 / -1}.rate-editor{display:grid;gap:12px;border:1px solid #dce9f6;border-radius:14px;padding:14px;background:#f8fbff}.rate-editor>div:first-child{display:grid;gap:4px}.rate-editor strong{color:var(--ink);font-size:15px;font-weight:900}.rate-editor small{color:var(--muted);font-size:12px;font-weight:700}.rate-table{display:grid;gap:8px;align-items:center}.tier-table{grid-template-columns:repeat(4,minmax(0,1fr))}.tier-first-table{grid-template-columns:repeat(6,minmax(0,1fr))}.surcharge-table{grid-template-columns:minmax(90px,.9fr) minmax(110px,1fr) minmax(110px,1fr) minmax(160px,1.5fr)}.rate-table>span{color:var(--muted);font-size:12px;font-weight:900}.rate-table>strong{font-size:13px;font-weight:900}.rate-table input,.rate-table select{width:100%;min-height:38px;border:1px solid #cfe1f3;border-radius:10px;background:#fff;padding:0 10px;color:var(--ink)}mark{display:inline-grid;min-width:62px;place-items:center;border-radius:999px;background:#e8f3ff;color:#075cba;padding:4px 8px;font-size:13px;font-weight:800}.row-actions{display:flex;flex-wrap:wrap;gap:8px}.row-actions button{display:inline-flex;align-items:center;gap:6px}.row-actions button.secondary{background:#e6edf5;color:#334155}.row-actions button.danger{background:#ffe8e6;color:#b42318}.row-actions button{min-height:34px;border-radius:10px;padding:0 12px;font-size:13px}.address-table table{min-width:900px}.address-table td{font-size:13px}.checkbox-field{display:flex!important;grid-template-columns:none!important;align-items:center;gap:10px}.checkbox-field input{width:18px;min-height:18px}.checkbox-field span{font-weight:800}.permission-editor{display:grid;gap:12px}.permission-editor>strong{color:var(--ink);font-size:16px}.permission-editor fieldset{border:1px solid var(--line);border-radius:14px;background:#f8fbff;padding:12px}.permission-editor legend{padding:0 6px;color:#30445f;font-weight:900}.permission-editor fieldset>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 12px}.admin-staff-table table,.admin-role-table table{min-width:900px}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding-top:18px}.pagination button{min-height:38px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);padding:0 14px;font-weight:800}.pagination span{color:var(--muted)}:root{--blue: #147df5;--blue-dark: #0e4fbd;--cyan: #28b8ff;--orange: #ff7a00;--orange-soft: #fff3e6;--ink: #111c33;--muted: #6b7588;--line: #dfe9f5;--soft-blue: #f2f8ff;--card: rgba(255, 255, 255, .96);--shadow: 0 16px 42px rgba(19, 63, 118, .1);--shadow-soft: 0 8px 24px rgba(19, 63, 118, .08)}body{background:#f4f8fd;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}button,a,input,select,textarea{transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,color .18s ease,transform .18s ease}button:hover{transform:translateY(-1px)}.app-shell{background:radial-gradient(circle at 12% 0%,rgba(40,184,255,.2),transparent 30%),radial-gradient(circle at 100% 0%,rgba(255,122,0,.12),transparent 24%),linear-gradient(180deg,#f7fbff,#edf5fc)}.content,.workspace{min-width:0;padding:30px}.sidebar{background:#0f2747;border-right:1px solid rgba(255,255,255,.08);box-shadow:none}.brand-logo{width:56px;height:56px;border-radius:14px;box-shadow:none}.brand strong{color:#fff;font-size:20px;letter-spacing:0}.brand small,.brand-mark small,.side-note span{color:#ffffffb8}.menu-section>p,.menu-group h3{color:#ffffff8f;letter-spacing:0}.sidebar nav{gap:4px}.sidebar nav button{min-height:42px;border:0;border-radius:10px;background:transparent;color:#ffffffe6;padding:0 10px}.sidebar nav button svg{color:#ffffffbd}.sidebar nav button:hover{background:#ffffff12;transform:none}.sidebar nav button.active{background:#147df5;color:#fff;box-shadow:none}.sidebar nav button.active svg{color:#fff}.sidebar nav button em{background:#ffffff1f;color:#ffffffb8}.topbar{min-height:78px;align-items:flex-start}.topbar .eyebrow,.topbar p{color:var(--blue);font-size:13px;font-weight:900;letter-spacing:0}.topbar h1{color:var(--ink);font-size:36px;letter-spacing:0}.topbar small,.topbar span{color:var(--muted)}.topbar-actions .secondary,.ghost-button,.secondary{border:1px solid #d7e5f4;border-radius:14px;background:#ffffffdb;color:#1b3557;box-shadow:var(--shadow-soft)}.topbar-actions .secondary:hover,.ghost-button:hover,.secondary:hover{border-color:#147df559;background:#eef7ff;color:var(--blue)}.profile-card,.panel,.overview-card,.warehouse-card,.placeholder-page,.auth-card,.ticket-modal{border:1px solid rgba(213,228,243,.95);border-radius:22px;background:#fffffff5;box-shadow:var(--shadow)}.panel,.overview-card,.warehouse-card{padding:24px}.panel-title{gap:12px}.panel-title svg{color:var(--blue);filter:drop-shadow(0 4px 8px rgba(20,125,245,.16))}.panel-title h2,.panel-heading-row h2{color:var(--ink);font-size:23px;letter-spacing:0}.notice{border-color:#b8e8cc;border-radius:16px;background:linear-gradient(135deg,#effff6,#f7fffb);box-shadow:var(--shadow-soft)}input,select,textarea,.form-grid input,.form-grid select,.form-grid textarea,.procurement-form input,.procurement-form select,.procurement-form textarea,.offline-store-grid input,.offline-item-row input,.offline-item-row select,.offline-remarks textarea,.claim-inline-form input,.member-toolbar label,.ledger-toolbar select{border-color:#d8e6f5;border-radius:14px;background:#f7fbff;color:var(--ink)}input:focus,select:focus,textarea:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.procurement-form input:focus,.procurement-form select:focus,.procurement-form textarea:focus{border-color:#147df5ad;background:#fff;box-shadow:0 0 0 4px #147df51a;outline:0}.auth-shell{background:radial-gradient(circle at 18% 10%,rgba(40,184,255,.18),transparent 28%),radial-gradient(circle at 86% 14%,rgba(255,122,0,.12),transparent 24%),linear-gradient(135deg,#f5fbff,#fff8f0)}.auth-logo{width:92px;height:92px;border-radius:22px}.auth-form button,.panel-actions button,.warehouse-actions button,.claim-inline-form button,.product-link-control button,.image-url-control button,.procurement-form>button,.offline-procurement-form>button{border:0;border-radius:14px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;box-shadow:0 12px 24px #147df538}.auth-form button:hover,.panel-actions button:hover,.warehouse-actions button:hover,.claim-inline-form button:hover,.product-link-control button:hover,.image-url-control button:hover,.procurement-form>button:hover,.offline-procurement-form>button:hover{box-shadow:0 16px 30px #147df547}.form-grid button,.row-actions button,.overview-actions button{border-radius:14px;background:linear-gradient(135deg,var(--orange),#ffad32);color:#fff;box-shadow:0 10px 22px #ff7a0033}.overview-actions button.secondary,.row-actions button.secondary,.detail-actions button.secondary{border:1px solid #d8e6f5;background:#eef6ff;color:#244462;box-shadow:none}.row-actions button.danger,.detail-actions button.danger{background:#fff0ef;color:#be2f24;box-shadow:none}.status-filter-bar button,.amount-picker button,.payment-method-picker button,.ticket-list button,.checkbox-row label,.permission-grid label,.payment-account-list article,.member-summary-grid article,.stat-card{border-color:#dce9f6;border-radius:16px;background:#fff;box-shadow:0 8px 20px #133f760f}.status-filter-bar button.active,.amount-picker button.active,.ticket-list button.active{border-color:#147df56b;background:linear-gradient(135deg,#eef7ff,#fff);color:var(--blue);box-shadow:0 10px 22px #147df51f}.payment-method-picker button.active{border-color:#28b8ffb8;background:linear-gradient(135deg,#ecfbff,#fff)}.overview-card{background:linear-gradient(180deg,#fffffffa,#fafdfffa)}.default-avatar,.brand-logo,.auth-logo{border:1px solid rgba(216,230,245,.85)}.asset-number strong{color:var(--ink)}.status-circle-card strong{background:#fff;border-color:#e3edf7;box-shadow:inset 0 0 0 4px #f7fbff,0 8px 18px #133f7614}.status-circle-card:hover strong{border-color:#147df56b;box-shadow:inset 0 0 0 4px #f1f8ff,0 12px 22px #147df526}.order-create-card svg{background:linear-gradient(135deg,var(--orange),#ffad32);box-shadow:0 12px 24px #ff7a003d}.warehouse-code-note{border-color:#147df52e;background:linear-gradient(135deg,#edf7ff,#fff)}.warehouse-table{overflow:hidden;border-color:#dce9f6;border-radius:16px}.warehouse-table div{border-color:#dce9f6}.warehouse-table dt{background:#e9f8ff;color:#28526f}.copy-field-button{border-color:#d7e6f5;border-radius:12px;color:var(--blue)}.copy-field-button:hover{background:#edf7ff;box-shadow:0 8px 18px #147df51f}.balance-hero,.profile-card{background:radial-gradient(circle at 95% 20%,rgba(255,255,255,.24),transparent 24%),linear-gradient(135deg,var(--blue-dark),var(--blue) 58%,var(--cyan));box-shadow:0 18px 44px #147df533}.table-wrap{border:1px solid #e2edf7;border-radius:16px;background:#fff}table{background:#fff}th{background:#f7fbff;color:#52657d;font-size:12px;letter-spacing:0}td{border-bottom-color:#e8f0f8}tbody tr:hover{background:#f8fbff}mark{min-width:0;border:1px solid rgba(20,125,245,.12);background:#eaf5ff;color:#0c63c7;padding:4px 10px;font-size:12px}.stat-card{border-left:0;border-top:4px solid var(--blue)}.stat-card.orange{border-top-color:var(--orange)}.stat-card.green{border-top-color:#18a66f}.stat-card.dark{border-top-color:#1b3557}.modal-backdrop{background:#111c338a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-close{border-color:#d7e6f5;background:#fff;color:var(--ink)}.inline-error{border:1px solid #ffd5d0;border-radius:12px;background:#fff3f1;color:#b42318;padding:10px 12px}.public-portal{min-height:100vh;background:#f4f8fc;color:var(--ink)}.public-header{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;border-bottom:1px solid #e2edf7;background:#ffffffeb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:12px clamp(18px,5vw,72px)}.public-brand{border:0;background:transparent;padding:0}.public-brand img{width:168px;height:64px;object-fit:contain}.public-header nav,.public-auth-actions,.public-hero-actions,.public-banner-dots,.popular-filter{display:flex;align-items:center;gap:12px}.public-header nav{justify-content:center;flex-wrap:wrap}.public-header nav button{border:0;border-radius:999px;background:transparent;padding:9px 14px;color:#23415f;font-weight:800}.public-header nav button.active,.public-header nav button:hover{background:#eaf5ff;color:var(--blue)}.public-auth-actions button,.public-hero-actions button,.public-calculator button,.public-tracking button,.public-auth-form button{min-height:42px;border:0;border-radius:14px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;font-weight:900}.public-auth-actions button.secondary,.public-hero-actions button.secondary{border:1px solid #d7e6f5;background:#fff;color:var(--ink)}.public-language-switch{min-height:42px;border:1px solid #d7e6f5;border-radius:14px;background:#fff;color:#23415f;display:inline-flex;align-items:center;gap:8px;padding:0 12px;font-weight:900}.public-language-switch select{border:0;background:transparent;color:inherit;font:inherit;outline:0}.public-hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(320px,1fr);gap:28px;align-items:stretch;padding:clamp(28px,5vw,76px) clamp(18px,5vw,72px) 30px}.public-hero-copy,.public-hero-art,.public-section,.public-metrics{border:1px solid #e0ebf6;border-radius:26px;background:#fff;box-shadow:0 20px 60px #1d3f681a}.public-hero-copy{display:grid;align-content:center;gap:18px;min-height:420px;padding:clamp(28px,5vw,56px)}.public-hero-copy h1{max-width:780px;margin:0;font-size:clamp(38px,5vw,68px);line-height:1.02;letter-spacing:0}.public-hero-copy p{max-width:580px;margin:0;color:#52657d;font-size:18px;line-height:1.8}.public-banner-dots button{width:10px;height:10px;border:0;border-radius:999px;background:#c9d9e8;padding:0}.public-banner-dots button.active{width:28px;background:var(--orange)}.public-hero-art{position:relative;display:grid;place-items:center;overflow:hidden;min-height:420px;background:linear-gradient(135deg,#e8f7ff,#fff 48%,#fff2df)}.public-hero-art img{width:min(520px,80%);max-height:360px;object-fit:contain;filter:drop-shadow(0 20px 28px rgba(8,119,232,.18))}.banner-arrow{position:absolute;top:50%;width:42px;height:42px;border:1px solid #d7e6f5;border-radius:999px;background:#fff;color:var(--blue);display:grid;place-items:center}.banner-arrow.left{left:18px}.banner-arrow.right{right:18px}.public-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0 clamp(18px,5vw,72px) 24px;overflow:hidden}.public-metrics button{display:grid;justify-items:center;gap:8px;border:0;border-right:1px solid #e6eff8;background:transparent;color:var(--ink);padding:24px;text-align:center}.public-metrics button:last-child{border-right:0}.public-metrics svg{width:34px;height:34px;color:var(--blue)}.public-metrics span,.public-section p,.public-tracking small,.merchant-card,.popular-grid small{color:#64748b}.public-section{margin:24px clamp(18px,5vw,72px);padding:clamp(22px,4vw,38px)}.public-page{min-height:58vh}.public-section.split{display:grid;grid-template-columns:1fr;gap:30px;align-items:start}.public-section h2{margin:8px 0 10px;font-size:clamp(28px,3vw,42px)}.public-note-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.public-note-list span{border:1px solid #dce9f6;border-radius:14px;background:#f8fbff;padding:12px 14px;color:#52657d}.public-feature-page{display:grid;gap:24px}.public-page-intro{position:relative;overflow:hidden;border:1px solid #dce9f6;border-radius:22px;background:linear-gradient(135deg,#eef8ff,#fff 52%,#fff4e6);padding:clamp(22px,4vw,38px)}.public-page-intro h2{max-width:780px}.public-page-intro p{max-width:760px;font-size:17px;line-height:1.8}.public-calculator,.public-tracking,.public-auth-form{display:grid;gap:14px}.public-calculator{grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #dce9f6;border-radius:22px;background:#fbfdff;padding:clamp(18px,3vw,28px);box-shadow:inset 0 1px #ffffffe6}.public-tracking{max-width:760px;border:1px solid #dce9f6;border-radius:22px;background:#fbfdff;padding:clamp(18px,3vw,28px)}.public-calculator label,.public-tracking label,.public-auth-form label{display:grid;gap:7px;color:#243b55;font-weight:900}.public-calculator input,.public-calculator select,.public-tracking input,.public-auth-form input{min-height:46px;border:1px solid #d6e5f4;border-radius:14px;background:#f8fbff;padding:0 14px;color:var(--ink);outline:0}.public-calculator .full{grid-column:1 / -1}.public-calculator-result{border:1px solid #d7e6f5;border-radius:16px;background:#f8fbff;padding:14px}.public-calculator-result p{margin:8px 0 0}.public-calculator-result>strong{display:block;margin-bottom:14px;font-size:20px}.public-rate-card{display:grid;grid-template-columns:minmax(280px,.42fr) minmax(0,1fr);overflow:hidden;border:1px solid #e5edf6;border-radius:18px;background:#fff}.public-rate-card+.public-rate-card{margin-top:14px}.public-rate-summary{display:grid;gap:22px;align-content:center;padding:28px;background:#fff}.public-rate-summary h3{margin:0;font-size:24px;line-height:1.25}.public-rate-metrics{display:flex;flex-wrap:wrap;gap:24px}.public-rate-metrics span{display:grid;gap:8px}.public-rate-metrics small{color:#64748b;font-weight:900}.public-rate-metrics b{color:#f04438;font-size:22px;letter-spacing:0}.public-rate-detail{display:grid;align-content:center;gap:8px;background:#f3f6f9;padding:28px 36px}.public-rate-detail h4{margin:0 0 10px;font-size:20px}.public-rate-detail p{margin:0;color:#4b5f76;font-weight:700;line-height:1.7}.public-rate-detail b{color:var(--ink)}.public-rate-warning{border-left:3px solid var(--orange);padding-left:10px;color:#9a5b00!important}.public-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.public-section-heading{grid-column:1 / -1}.public-services article,.popular-grid article{border:1px solid #e3edf8;border-radius:20px;background:#fbfdff;padding:20px}.public-info-page{display:grid;grid-template-columns:1fr;gap:24px;align-items:start}.public-info-page>div:first-child{border:1px solid #dce9f6;border-radius:22px;background:linear-gradient(135deg,#eef8ff,#fff 52%,#fff4e6);padding:clamp(22px,4vw,38px)}.public-info-page>div:first-child p{max-width:820px;font-size:17px;line-height:1.8}.public-info-page button{min-height:44px;border:0;border-radius:14px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:0 18px;font-weight:900}.public-info-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.public-info-steps article{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;border:1px solid #e3edf8;border-radius:18px;background:#fbfdff;padding:18px;min-height:116px}.public-info-steps span{width:46px;height:46px;border-radius:16px;background:#eaf5ff;color:var(--blue);display:grid;place-items:center;font-weight:900}.merchant-card-grid,.popular-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.merchant-card{border:1px solid #e3edf8;border-radius:18px;background:#fff;overflow:hidden;text-decoration:none;box-shadow:0 12px 28px #1d3f6814;transition:transform .18s ease,box-shadow .18s ease}.merchant-card:hover{transform:translateY(-3px);box-shadow:0 20px 44px #1d3f6824}.merchant-visual{min-height:150px;display:grid;place-items:center;padding:18px;position:relative;overflow:hidden}.merchant-visual:before{position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.18),transparent 44%),repeating-linear-gradient(135deg,rgba(255,255,255,.08) 0 10px,transparent 10px 20px);content:""}.merchant-visual span{position:relative;color:#fff;font-size:clamp(22px,2.6vw,34px);font-weight:950;line-height:1.05;text-align:center;text-shadow:0 5px 18px rgba(0,0,0,.28)}.merchant-card-body{display:grid;gap:8px;padding:16px;text-align:center}.merchant-card-body strong{color:var(--ink);font-size:17px}.merchant-card-body span{display:inline-flex;align-items:center;justify-content:center;gap:6px;color:var(--blue);font-weight:900;font-size:13px}.merchant-mercari{background:linear-gradient(135deg,#ff3b30,#ff7a59)}.merchant-yahoo{background:linear-gradient(135deg,#e60012,#ffb000)}.merchant-rakuten{background:linear-gradient(135deg,#bf0000,#e94709)}.merchant-amazon{background:linear-gradient(135deg,#1f2937,#f90)}.merchant-zozo{background:linear-gradient(135deg,#111827,#6b7280)}.merchant-suruga{background:linear-gradient(135deg,#1d4ed8,#60a5fa)}.merchant-animate{background:linear-gradient(135deg,#0ea5e9,#2563eb)}.merchant-rakuma{background:linear-gradient(135deg,#2563eb,#8b5cf6)}.merchant-paypay{background:linear-gradient(135deg,#ef4444,#f97316)}.merchant-shopping{background:linear-gradient(135deg,#dc2626,#facc15)}.merchant-fashion{background:linear-gradient(135deg,#be123c,#f9a8d4)}.merchant-mandarake{background:linear-gradient(135deg,#312e81,#111827)}.popular-filter{margin-bottom:16px}.popular-filter button{border:1px solid #d7e6f5;border-radius:999px;background:#fff;color:#52657d;padding:8px 16px;font-weight:900}.popular-filter button.active{border-color:var(--blue);background:#eaf5ff;color:var(--blue)}.popular-grid article{display:grid;gap:8px}.product-thumb{display:grid;place-items:center;min-height:138px;border-radius:16px;background:linear-gradient(135deg,#eef8ff,#fff6e8);color:var(--orange)}.popular-grid span{color:var(--orange);font-weight:900}.public-footer{margin-top:34px;background:#202833;color:#9fb0c1}.public-footer-main{display:grid;grid-template-columns:280px 1fr;gap:34px;padding:48px clamp(18px,5vw,72px) 34px}.public-footer-brand img{width:150px;height:70px;object-fit:contain;border-radius:14px;background:#fff}.public-footer-brand p{line-height:1.8}.public-footer-links{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:26px}.public-footer h3{margin:0 0 18px;color:#fff;font-size:16px}.public-footer button{display:block;border:0;background:transparent;color:#9fb0c1;padding:0;margin:0 0 14px;text-align:left}.public-footer button:hover{color:#fff}.public-footer-contact{border-left:1px solid #3a4552;padding-left:26px}.public-footer .footer-consult{width:150px;height:46px;border-radius:10px;background:#ee2941;color:#fff;display:grid;place-items:center;margin-bottom:18px;text-align:center;font-weight:900}.footer-socials,.payment-badges{display:flex;flex-wrap:wrap;gap:9px}.footer-socials span{border-radius:999px;background:#33404d;color:#fff;padding:7px 10px;font-size:12px}.public-footer-bottom{border-top:1px solid #3a4552;padding:22px clamp(18px,5vw,72px) 28px;text-align:center}.payment-badges{justify-content:center;margin-bottom:12px}.payment-badge{border-radius:8px;background:#2f3a47;color:#fff;padding:6px 12px;font-weight:900;line-height:1}.payment-badge.visa{background:#fff;color:#1a4db3;font-style:italic;letter-spacing:.5px}.payment-badge.mastercard{position:relative;background:#fff;color:#1f2937;display:inline-flex;align-items:center;gap:7px}.payment-badge.mastercard i{position:relative;width:28px;height:18px;display:inline-block}.payment-badge.mastercard i:before,.payment-badge.mastercard i:after{position:absolute;top:0;width:18px;height:18px;border-radius:50%;content:""}.payment-badge.mastercard i:before{left:0;background:#eb001b}.payment-badge.mastercard i:after{right:0;background:#f79e1be0}.payment-badge.paypal{background:#fff;color:#0070ba;font-style:italic}.payment-badge.alipay{background:#1677ff;color:#fff}.payment-badge.wechat{background:#1aad19;color:#fff}.payment-badge.unionpay{background:linear-gradient(90deg,#e21836 0 33%,#0066b3 33% 66%,#0a8f3d 66%);color:#fff}.public-auth-modal{position:relative;width:min(440px,calc(100vw - 32px));max-width:440px;max-height:calc(100vh - 36px);overflow-y:auto;border:1px solid rgba(215,230,245,.9);border-radius:24px;background:#fff;box-shadow:0 34px 90px #0f233f47;padding:0}.public-auth-close{position:absolute;top:14px;right:14px;z-index:2;width:34px;height:34px;border:1px solid #d7e6f5;border-radius:999px;background:#ffffffe6;color:var(--ink);display:grid;place-items:center;font-size:22px;line-height:1}.public-auth-panel-head{display:grid;justify-items:center;gap:8px;background:linear-gradient(135deg,#eef8ff,#fff,#fff3df);padding:22px 28px 18px;text-align:center}.public-auth-panel-head img{width:96px;height:54px;object-fit:contain}.public-auth-panel-head h2{margin:2px 0 0;font-size:24px}.public-auth-panel-head p{max-width:330px;margin:0;color:#64748b;line-height:1.55;font-size:14px}.public-auth-form{gap:12px;padding:20px 28px 24px}.public-auth-form label{gap:8px;font-size:14px}.public-auth-form input{min-height:44px;border-radius:14px;background:#f7fbff;font-size:15px}.public-auth-form input:focus{border-color:var(--blue);box-shadow:0 0 0 4px #0877e81c}.public-auth-form>button[type=submit]{min-height:46px;border-radius:14px;margin-top:4px;font-size:15px}.public-auth-form p{display:flex;justify-content:center;gap:6px;margin:0;color:#64748b}.public-auth-form .link-action{border:0;background:transparent;color:var(--blue);padding:0;font-weight:900}@media(max-width:980px){.app-shell,.public-header,.public-hero,.public-section.split,.public-services,.merchant-card-grid,.popular-grid,.public-info-steps,.public-rate-card,.public-metrics,.public-calculator{grid-template-columns:1fr}.public-header nav{justify-content:flex-start}.public-hero-copy,.public-hero-art{min-height:auto}.public-metrics article{border-right:0;border-bottom:1px solid #e6eff8}.public-footer{display:grid}.sidebar{position:static;height:auto;max-height:72vh}.page-grid,.form-grid,.stat-grid,.points-summary-grid,.profile-settings-grid,.profile-settings-form,.overview-top-grid{grid-template-columns:1fr}.profile-settings-actions,.member-profile-summary,.overview-card-title{display:grid}.account-assets-card{grid-template-columns:1fr}.asset-number strong{font-size:32px}.order-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-tabs{flex-wrap:wrap}.mode-tabs label{flex:1 1 180px}.mode-tab-panel,.procurement-form,.procurement-form label,.readonly-amount,.image-upload-field{grid-template-columns:1fr}.procurement-form small,.image-upload-field small{grid-column:1}.form-hint,.form-warning{padding-left:0}.product-link-control{grid-template-columns:1fr}.warehouse-card-header,.warehouse-code-note{display:grid}.warehouse-card-header>span{text-align:left}.warehouse-table div{grid-template-columns:112px minmax(0,1fr)}.ticket-grid{grid-template-columns:1fr}.message-thread article{max-width:100%}}