:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}*{box-sizing:border-box}body{color:#111827;background:#f4f7fb;margin:0;font-family:Arial,Noto Sans TC,sans-serif}body.dark{color:#fff;background:#0f172a}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex}.sidebar{color:#fff;background:linear-gradient(#0f172a,#111827);width:270px;padding:24px}.brand{align-items:center;gap:14px;margin-bottom:28px;display:flex}.logo-box{background:#2563eb;border-radius:14px;place-items:center;width:46px;height:46px;font-size:24px;font-weight:900;display:grid}.brand h2{margin:0}.brand p{color:#94a3b8;margin:4px 0 0;font-size:13px}.close-btn{color:#fff;background:0 0;border:0;margin-left:auto;display:none}.menu-list{gap:8px;display:grid}.menu-item{color:#cbd5e1;background:0 0;border:0;border-radius:14px;align-items:center;gap:10px;padding:13px 14px;display:flex}.menu-item:hover,.menu-item.active{background:#ffffff14}.main{flex:1;padding:28px}.topbar{flex-wrap:wrap;justify-content:space-between;gap:18px;display:flex}.left-tools{align-items:flex-start;gap:14px;display:flex}.left-tools h1{margin:0;font-size:34px}.left-tools p{color:#64748b;margin:8px 0 0}.right-tools{flex-wrap:wrap;gap:10px;display:flex}.mobile-btn{display:none}.search-box{background:#fff;border:1px solid #e5e7eb;border-radius:14px;align-items:center;gap:8px;width:260px;height:46px;padding:0 12px;display:flex}.search-box input{border:0;outline:none;width:100%}.icon-btn,.primary-btn,.mobile-btn{border:0;border-radius:14px;height:46px}.icon-btn{background:#fff;width:46px}.primary-btn{color:#fff;background:#2563eb;align-items:center;gap:8px;padding:0 16px;display:flex}.hero-card{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:24px;justify-content:space-between;margin-top:18px;padding:28px;display:flex}.hero-label{opacity:.8;margin:0}.hero-card h2{margin:10px 0;font-size:32px}.hero-sub{opacity:.9;margin:0}.grid-cards{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:18px;display:grid}.stat-card{background:#fff;border-radius:22px;padding:22px}.stat-card p{color:#64748b;margin:0}.stat-card h3{margin:12px 0 0;font-size:30px}.page-gap{margin-top:18px}.content-card{background:#fff;border-radius:24px;padding:22px}.section-head{justify-content:space-between;gap:10px;margin-bottom:16px;display:flex}.section-head h2{margin:0}.section-head span{color:#64748b}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #eef2f7;padding:15px 12px}.loading-box{text-align:center;padding:30px}body.dark .search-box,body.dark .icon-btn,body.dark .mobile-btn,body.dark .content-card,body.dark .stat-card{color:#fff;background:#1e293b}body.dark th,body.dark td{border-color:#334155}body.dark .left-tools p,body.dark .section-head span{color:#94a3b8}.mobile-mask{display:none}@media (width<=1100px){.grid-cards{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.mobile-btn{background:#fff;width:46px;display:block}.sidebar{z-index:30;height:100vh;transition:all .25s;position:fixed;top:0;left:-300px}.sidebar.open{left:0}.close-btn{display:block}.mobile-mask.show{z-index:20;background:#00000073;display:block;position:fixed;inset:0}.main{padding:16px}.left-tools h1{font-size:28px}.search-box,.right-tools{width:100%}.grid-cards{grid-template-columns:1fr}}.merchant-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.merchant-search{width:320px}.desktop-table{display:block}.mobile-cards{display:none}.action-row{align-items:center;gap:8px;display:flex}.icon-action{background:#fff;border:1px solid #e5e7eb;border-radius:10px;place-items:center;width:34px;height:34px;display:inline-grid}.icon-action.blue{color:#2563eb}.icon-action.red{color:#dc2626}.merchant-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;margin-bottom:12px;padding:16px}.merchant-card h3{margin:0 0 12px}.merchant-card p{margin:6px 0}.card-actions{margin-top:12px}.modal-mask{z-index:999;background:#0f172a8c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:24px;width:min(720px,100%);padding:24px;box-shadow:0 30px 80px #00000040}.modal-head,.modal-foot{justify-content:space-between;align-items:center;gap:12px;display:flex}.modal-head h2{margin:0}.form-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin:24px 0;display:grid}.form-grid label{color:#334155;gap:8px;font-weight:700;display:grid}.form-grid input,.form-grid select{border:1px solid #e5e7eb;border-radius:12px;height:44px;padding:0 12px}.ghost-btn{background:#f1f5f9;border:0;border-radius:12px;height:44px;padding:0 16px}body.dark .modal,body.dark .merchant-card,body.dark .icon-action{color:#fff;background:#1e293b;border-color:#334155}body.dark .form-grid label{color:#cbd5e1}body.dark .form-grid input,body.dark .form-grid select{color:#fff;background:#0f172a;border-color:#334155}@media (width<=760px){.merchant-toolbar{display:grid}.merchant-search{width:100%}.desktop-table{display:none}.mobile-cards{display:block}.form-grid{grid-template-columns:1fr}}.status-pill{border-radius:999px;justify-content:center;align-items:center;min-width:72px;padding:7px 10px;font-size:13px;font-weight:800;display:inline-flex}.status-pill.gray{color:#374151;background:#e5e7eb}body.dark .status-pill.gray{color:#cbd5e1;background:#334155}.renew-alert-box{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:18px;margin-bottom:18px;padding:16px}.renew-alert-box strong{margin-bottom:10px;display:block}.renew-alert-list{gap:10px;display:grid}.renew-alert-item{justify-content:space-between;align-items:center;gap:12px;display:flex}.renew-btn{color:#fff;white-space:nowrap;background:#f97316;border:0;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:9px 12px;display:inline-flex}.status-pill.normal{color:#166534;background:#dcfce7}.status-pill.warning{color:#92400e;background:#fef3c7}.status-pill.danger{color:#991b1b;background:#fee2e2}.small-modal{max-width:520px}.renew-confirm-body{gap:10px;margin:22px 0;display:grid}.renew-confirm-body p{margin:0}.renew-note{color:#475569;background:#f8fafc;border-radius:14px;padding:14px;line-height:1.6}body.dark .renew-alert-box{color:#fed7aa;background:#431407;border-color:#9a3412}body.dark .renew-note{color:#cbd5e1;background:#0f172a}@media (width<=760px){.renew-alert-item{display:grid}.renew-btn{width:100%}}.card-last4{color:#475569;align-items:center;gap:6px;display:inline-flex}body.dark .card-last4{color:#cbd5e1}.ship-btn,.complete-btn{color:#fff;border:0;border-radius:12px;align-items:center;gap:6px;padding:9px 12px;display:inline-flex}.contract-summary-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}.contract-summary-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:18px;padding:16px}.contract-summary-card p{color:#64748b;margin:0;font-weight:700}.contract-summary-card h3{margin:8px 0 0;font-size:28px}.contract-summary-card.danger h3{color:#dc2626}.status-pill{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-width:72px;padding:7px 10px;font-size:13px;font-weight:800;display:inline-flex}.status-pill.green{color:#166534;background:#dcfce7}.status-pill.yellow{color:#92400e;background:#fef3c7}.status-pill.red{color:#991b1b;background:#fee2e2}.wide-modal{width:min(980px,100%)}.icon-action.green{color:#16a34a}body.dark .contract-summary-card{background:#0f172a;border-color:#334155}body.dark .contract-summary-card p{color:#94a3b8}@media (width<=1000px){.contract-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.contract-summary-grid{grid-template-columns:1fr}}.payment-summary-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}.payment-summary-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:18px;padding:16px}.payment-summary-card p{color:#64748b;margin:0;font-weight:700}.payment-summary-card h3{margin:8px 0 0;font-size:26px}.payment-summary-card.success h3{color:#16a34a}.payment-summary-card.warning h3{color:#d97706}.payment-summary-card.danger h3{color:#dc2626}.payment-no,.card-last4{color:#475569;white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.retry-btn{color:#fff;white-space:nowrap;background:#f97316;border:0;border-radius:12px;align-items:center;gap:6px;padding:9px 12px;display:inline-flex}.muted-text{color:#94a3b8;font-size:14px}body.dark .payment-summary-card{background:#0f172a;border-color:#334155}body.dark .payment-summary-card p,body.dark .payment-no,body.dark .card-last4{color:#cbd5e1}@media (width<=1000px){.payment-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.payment-summary-grid{grid-template-columns:1fr}}.consumable-summary-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}.consumable-summary-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:18px;padding:16px}.consumable-summary-card p{color:#64748b;margin:0;font-weight:700}.consumable-summary-card h3{margin:8px 0 0;font-size:26px}.consumable-summary-card.success h3{color:#16a34a}.consumable-summary-card.warning h3{color:#d97706}.order-no{white-space:nowrap;color:#475569;align-items:center;gap:6px;display:inline-flex}.ship-btn,.complete-btn{color:#fff;white-space:nowrap;border:0;border-radius:12px;align-items:center;gap:6px;padding:9px 12px;display:inline-flex}.ship-btn{background:#2563eb}.complete-btn{background:#16a34a}.tracking-info{gap:8px;margin:22px 0 10px;display:grid}.tracking-info p{margin:0}.form-grid.single{grid-template-columns:1fr}body.dark .consumable-summary-card{background:#0f172a;border-color:#334155}body.dark .consumable-summary-card p,body.dark .order-no{color:#cbd5e1}@media (width<=1000px){.consumable-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.consumable-summary-grid{grid-template-columns:1fr}}.country-summary-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px;display:grid}.country-summary-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:18px;padding:16px}.country-summary-card p{color:#64748b;margin:0;font-weight:700}.country-summary-card h3{margin:8px 0 0;font-size:26px}.country-summary-card.success h3{color:#16a34a}.country-summary-card.danger h3{color:#dc2626}.country-cell{color:#475569;align-items:center;gap:6px;display:inline-flex}body.dark .country-summary-card{background:#0f172a;border-color:#334155}body.dark .country-summary-card p,body.dark .country-cell{color:#cbd5e1}@media (width<=900px){.country-summary-grid{grid-template-columns:1fr}}.payment-module-summary-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}.payment-module-summary-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:18px;padding:16px}.payment-module-summary-card p{color:#64748b;margin:0;font-weight:700}.payment-module-summary-card h3{margin:8px 0 0;font-size:26px}.payment-module-summary-card.success h3{color:#16a34a}.payment-provider,.fee-rate{color:#475569;white-space:nowrap;align-items:center;gap:6px;display:inline-flex}body.dark .payment-module-summary-card{background:#0f172a;border-color:#334155}body.dark .payment-module-summary-card p,body.dark .payment-provider,body.dark .fee-rate{color:#cbd5e1}@media (width<=1000px){.payment-module-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.payment-module-summary-grid{grid-template-columns:1fr}}@media (width<=1000px){.tax-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.tax-summary-grid{grid-template-columns:1fr}}.tax-summary-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}.tax-summary-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:18px;padding:16px}.tax-summary-card p{color:#64748b;margin:0;font-weight:700}.tax-summary-card h3{margin:8px 0 0;font-size:26px}.tax-summary-card.success h3{color:#16a34a}.tax-cell{color:#475569;white-space:nowrap;align-items:center;gap:6px;display:inline-flex}body.dark .tax-summary-card{background:#0f172a;border-color:#334155}body.dark .tax-summary-card p,body.dark .tax-cell{color:#cbd5e1}@media (width<=1000px){.tax-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.tax-summary-grid{grid-template-columns:1fr}}.setting-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.setting-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:20px;gap:14px;padding:20px;display:grid}.setting-card-title{align-items:center;gap:10px;margin-bottom:4px;display:flex}.setting-card-title h3{margin:0}.setting-card label{color:#334155;gap:8px;font-weight:700;display:grid}.setting-card input,.setting-card select{background:#fff;border:1px solid #e5e7eb;border-radius:12px;height:44px;padding:0 12px}.setting-note{color:#475569;background:#fff;border-radius:14px;padding:14px;line-height:1.6}.setting-actions{justify-content:flex-end;margin-top:18px;display:flex}.setting-saved{color:#166534;background:#dcfce7;border:1px solid #86efac;border-radius:14px;margin-bottom:16px;padding:12px 14px;font-weight:800}body.dark .setting-card,body.dark .setting-note{background:#0f172a;border-color:#334155}body.dark .setting-card label,body.dark .setting-note{color:#cbd5e1}body.dark .setting-card input,body.dark .setting-card select{color:#fff;background:#1e293b;border-color:#334155}@media (width<=900px){.setting-grid{grid-template-columns:1fr}}.merchant-shell{background:#f4f7fb;min-height:100vh;display:flex}.merchant-sidebar{color:#fff;background:linear-gradient(#14532d,#166534);width:270px;padding:24px}.merchant-brand{align-items:center;gap:14px;margin-bottom:28px;display:flex}.merchant-logo{background:#22c55e;border-radius:14px;place-items:center;width:46px;height:46px;font-size:22px;font-weight:900;display:grid}.merchant-brand h2{margin:0}.merchant-brand p{color:#bbf7d0;margin:4px 0 0;font-size:13px}.merchant-main{flex:1;padding:28px}.merchant-topbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.merchant-topbar>.ghost-btn{color:#b91c1c;background:#fff;border:1px solid #fecaca;flex:none;justify-content:center;align-items:center;gap:8px;margin-left:auto;font-weight:800;display:inline-flex;box-shadow:0 4px 12px #0f172a0f}.merchant-topbar>.ghost-btn:hover{background:#fef2f2;border-color:#fca5a5}.merchant-topbar>.ghost-btn:focus-visible{outline-offset:2px;outline:3px solid #dc262633}.merchant-topbar h1{margin:0;font-size:34px}.merchant-topbar p{color:#64748b;margin:8px 0 0}.merchant-login-page{background:linear-gradient(135deg,#14532d,#16a34a);place-items:center;min-height:100vh;padding:20px;display:grid}.merchant-login-card{background:#fff;border-radius:26px;gap:16px;width:min(420px,100%);padding:30px;display:grid;box-shadow:0 30px 80px #00000040}.merchant-login-logo{color:#fff;background:#16a34a;border-radius:18px;place-items:center;width:56px;height:56px;font-size:28px;font-weight:900;display:grid}.merchant-login-card h1{margin:0}.merchant-login-card p{color:#64748b;margin:0;line-height:1.6}.merchant-login-card label{color:#334155;gap:8px;font-weight:700;display:grid}.merchant-login-card input{border:1px solid #e5e7eb;border-radius:12px;height:46px;padding:0 12px}.back-company-link{color:#166534;text-align:center;font-weight:800;text-decoration:none}.merchant-hero-card{color:#fff;background:linear-gradient(135deg,#16a34a,#15803d);border-radius:24px;margin-top:18px;padding:28px}.merchant-hero-card p,.merchant-hero-card h2{margin:0 0 10px}.merchant-contract-box{background:#f8fafc;border:1px solid #e5e7eb;border-radius:18px;gap:8px;padding:18px;display:grid}.merchant-contract-box p{margin:0}.merchant-consumable-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.merchant-consumable-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:18px;gap:10px;padding:18px;display:grid}.merchant-consumable-card h3,.merchant-consumable-card p{margin:0}body.dark .merchant-shell{background:#0f172a}body.dark .merchant-topbar>.ghost-btn{color:#fecaca;background:#1e293b;border-color:#7f1d1d}@media (width<=760px){.merchant-sidebar{z-index:30;height:100vh;transition:all .25s;position:fixed;top:0;left:-300px}.merchant-sidebar.open{left:0}.merchant-main{padding:16px}.merchant-topbar h1{font-size:28px}.merchant-topbar{flex-wrap:nowrap;gap:10px}.merchant-topbar .left-tools{min-width:0}.merchant-topbar>.ghost-btn{min-width:76px;height:44px;padding:0 12px}.merchant-consumable-grid{grid-template-columns:1fr}}.product-type-tabs{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.product-tab{color:#334155;background:#fff;border:1px solid #e5e7eb;border-radius:14px;align-items:center;gap:8px;padding:12px 16px;font-weight:800;display:inline-flex}.product-tab.active{color:#fff;background:#16a34a;border-color:#16a34a}body.dark .product-tab{color:#cbd5e1;background:#1e293b;border-color:#334155}body.dark .product-tab.active{color:#fff;background:#16a34a}.retail-center-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}.retail-center-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:18px;padding:16px}.retail-center-card p{color:#64748b;margin:10px 0 0;font-weight:700}.retail-center-card h3{margin:8px 0 0;font-size:28px}.retail-center-card.warning h3{color:#dc2626}.retail-module-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:18px;display:grid}.retail-module-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:18px;padding:18px;overflow:auto}.retail-module-card h3{align-items:center;gap:8px;margin:0 0 14px;display:flex}.barcode-plan-list{gap:12px;display:grid}.barcode-plan-list div{background:#fff;border-radius:14px;padding:14px}.barcode-plan-list strong,.barcode-plan-list p{margin:0}.barcode-plan-list p{color:#64748b;margin-top:6px;line-height:1.6}.retail-toolbar{margin-top:18px}.retail-action-btn,.retail-print-btn{color:#fff;white-space:nowrap;border:0;border-radius:12px;align-items:center;gap:6px;padding:9px 12px;display:inline-flex}.retail-action-btn{background:#2563eb}.retail-print-btn{background:#16a34a}.retail-note{color:#475569;background:#fff;border-radius:14px;align-items:center;gap:8px;margin-top:14px;padding:12px;display:flex}.retail-api-box{color:#fff;background:#0f172a;border-radius:20px;margin-top:18px;padding:20px}.retail-api-box h3{margin:0 0 14px}.api-list{gap:10px;display:grid}.api-list code{background:#1e293b;border-radius:10px;padding:10px;display:block;overflow:auto}body.dark .retail-center-card,body.dark .retail-module-card{background:#0f172a;border-color:#334155}body.dark .barcode-plan-list div,body.dark .retail-note{background:#1e293b}body.dark .barcode-plan-list p,body.dark .retail-note,body.dark .retail-center-card p{color:#cbd5e1}@media (width<=1100px){.retail-center-grid{grid-template-columns:repeat(2,1fr)}.retail-module-grid{grid-template-columns:1fr}}@media (width<=560px){.retail-center-grid{grid-template-columns:1fr}}.retail-tabs{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.retail-panel{background:#f8fafc;border:1px solid #e5e7eb;border-radius:20px;padding:18px}.retail-warning-box{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:14px;display:flex}.retail-api-box.embedded{gap:10px;margin-top:0;display:grid}body.dark .retail-panel{background:#0f172a;border-color:#334155}@media (width<=760px){.retail-tab{justify-content:flex-start;width:100%}.retail-warning-box{display:grid}}.form-full{grid-column:1/-1}.retail-panel .merchant-toolbar{margin-bottom:16px}.retail-panel .small-btn{white-space:nowrap}.retail-panel .icon-action{min-width:34px;padding:0 8px}.retail-tabs{background:#f8fafc;border:1px solid #e5e7eb;border-radius:18px;flex-wrap:wrap;gap:10px;margin:18px 0;padding:12px;display:flex!important}.retail-tab{color:#334155;background:#fff;border:1px solid #d1d5db;border-radius:14px;align-items:center;gap:8px;padding:12px 16px;font-weight:800;display:inline-flex}.retail-tab.active{color:#fff;background:#16a34a;border-color:#16a34a}.retail-panel{background:#f8fafc;border:1px solid #e5e7eb;border-radius:20px;margin-top:16px;padding:18px}body.dark .retail-tabs,body.dark .retail-panel{background:#0f172a;border-color:#334155}body.dark .retail-tab{color:#cbd5e1;background:#1e293b;border-color:#334155}body.dark .retail-tab.active{color:#fff;background:#16a34a}@media (width<=760px){.retail-tab{width:100%}}.retail-panel .merchant-toolbar{justify-content:space-between;align-items:center;gap:14px;margin-bottom:22px;display:flex!important}.retail-panel .merchant-search{width:420px;max-width:100%}.retail-panel table{min-width:980px}.retail-panel th,.retail-panel td{white-space:nowrap;vertical-align:middle}@media (width<=760px){.retail-panel .merchant-toolbar{display:grid!important}.retail-panel .merchant-search{width:100%}}.retail-tab{min-width:240px;min-height:72px;overflow:hidden;white-space:nowrap!important;word-break:keep-all!important;justify-content:center!important;align-items:center!important;gap:10px!important;padding:0 22px!important;font-size:20px!important;font-weight:800!important;line-height:1!important;display:flex!important}@media (width<=1100px){.retail-tab{min-width:210px;font-size:18px!important}}@media (width<=760px){.retail-tab{width:100%;min-width:100%;justify-content:flex-start!important;padding:16px 18px!important}}.merchant-sidebar .menu-item{width:100%;min-height:56px;white-space:nowrap!important;word-break:keep-all!important;justify-content:flex-start!important;align-items:center!important;gap:14px!important;padding:14px 18px!important;font-size:20px!important;line-height:1.2!important;display:flex!important;overflow:hidden!important}.merchant-sidebar .menu-item span,.merchant-sidebar .menu-item{white-space:nowrap!important}.merchant-sidebar .menu-item svg{flex-shrink:0}.merchant-sidebar{width:310px!important}.merchant-main{min-width:0}@media (width<=760px){.merchant-sidebar{width:300px!important}}.retail-tabs{align-items:stretch;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;display:grid!important}.retail-tab{white-space:nowrap!important;border-radius:18px!important;justify-content:center!important;align-items:center!important;gap:12px!important;width:100%!important;min-width:0!important;min-height:86px!important;padding:18px 20px!important;font-size:18px!important;font-weight:800!important;display:flex!important}.retail-tab svg{flex-shrink:0}@media (width<=1200px){.retail-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (width<=760px){.retail-tabs{grid-template-columns:1fr!important}.retail-tab{justify-content:flex-start!important}}.retail-subtitle{margin:22px 0 12px;font-size:22px}.purchase-order-preview{background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;gap:8px;margin:20px 0;padding:16px;display:grid}.purchase-order-preview p{margin:0}body.dark .purchase-order-preview{background:#0f172a;border-color:#334155}.retail-panel{overflow:hidden}.retail-panel .table-wrap{-webkit-overflow-scrolling:touch;width:100%;overflow-y:hidden;overflow-x:auto!important}.retail-panel th,.retail-panel td{white-space:nowrap!important;padding:18px 20px!important}.retail-panel td .status-pill{min-width:80px}.retail-panel .retail-action-btn,.retail-panel .retail-print-btn{white-space:nowrap;min-width:max-content}.retail-center-grid{grid-template-columns:repeat(4,minmax(160px,1fr))}@media (width<=900px){.retail-center-grid{grid-template-columns:repeat(2,minmax(160px,1fr))}.retail-panel table{min-width:1050px}}@media (width<=560px){.retail-center-grid{grid-template-columns:1fr}}.table-wrap{-webkit-overflow-scrolling:touch;width:100%;max-width:100%;display:block;overflow:auto hidden}.table-wrap table{border-collapse:collapse;min-width:1280px}.table-wrap th,.table-wrap td{white-space:nowrap}.retail-panel{width:100%!important;max-width:100%!important;overflow:visible!important}.retail-panel table{table-layout:fixed!important;width:100%!important;min-width:0!important;max-width:100%!important}.retail-panel th,.retail-panel td{white-space:normal!important;word-break:break-word!important;overflow-wrap:anywhere!important;padding:14px 12px!important;font-size:15px!important;line-height:1.5!important}.retail-panel .status-pill{min-width:60px!important;padding:7px 10px!important}.retail-panel .retail-action-btn,.retail-panel .retail-print-btn{justify-content:center!important;width:100%!important;min-width:0!important;padding:9px 10px!important}.retail-center-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;width:100%!important;max-width:100%!important}.retail-center-card{min-width:0!important}@media (width<=1000px){.retail-center-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (width<=620px){.retail-center-grid{grid-template-columns:1fr!important}}.merchant-main{width:calc(100vw - 310px)!important;max-width:none!important;padding:28px 42px!important}.merchant-main .content-card{width:100%!important;max-width:1280px!important;margin-left:auto!important;margin-right:auto!important}.merchant-main .retail-panel{width:100%!important;max-width:1180px!important;margin-left:auto!important;margin-right:auto!important}.retail-panel table{table-layout:auto!important}.retail-panel th,.retail-panel td{white-space:nowrap!important;word-break:normal!important;padding:16px 18px!important;font-size:16px!important}.retail-panel .retail-action-btn,.retail-panel .retail-print-btn{width:auto!important;min-width:110px!important;padding:10px 14px!important}@media (width>=1400px){.merchant-main .content-card{max-width:1400px!important}.merchant-main .retail-panel{max-width:1320px!important}}@media (width<=900px){.merchant-main{width:100%!important;padding:18px!important}.merchant-main .content-card,.merchant-main .retail-panel{max-width:100%!important}}.merchant-shell{width:100vw!important;max-width:100vw!important}.merchant-sidebar{width:300px!important;min-width:300px!important}.merchant-main{flex:1!important;width:calc(100vw - 300px)!important;max-width:none!important;margin:0!important;padding:28px 36px!important}.merchant-main>.content-card,.merchant-main .content-card,.merchant-main .page-gap,.merchant-main .retail-panel{width:100%!important;max-width:none!important;margin:0!important}.retail-panel .table-wrap{width:100%!important;max-width:100%!important;overflow-x:auto!important}.retail-panel table{table-layout:auto!important;width:100%!important;min-width:1100px!important}.retail-panel th,.retail-panel td{white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;padding:16px 18px!important;font-size:16px!important}.retail-center-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;width:100%!important}.retail-panel{padding-right:28px!important}@media (width<=900px){.merchant-sidebar{width:300px!important;min-width:300px!important}.merchant-main{width:100%!important;padding:18px!important}.retail-center-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}.purchase-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.purchase-summary-card{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:18px}.purchase-summary-card p{color:#64748b;margin:0;font-weight:800}.purchase-summary-card h3{margin:10px 0 0;font-size:30px}.purchase-summary-card.danger h3{color:#dc2626}.purchase-summary-card.success h3{color:#16a34a}.purchase-card-grid,.purchase-order-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.purchase-item-card,.purchase-order-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:18px}.purchase-item-head,.purchase-order-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.purchase-item-head h4,.purchase-order-head h4{margin:0;font-size:22px}.purchase-item-head p,.purchase-order-head p{color:#64748b;margin:6px 0 0}.purchase-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.purchase-info-grid div{background:#f8fafc;border-radius:14px;min-width:0;padding:12px}.purchase-info-grid span{color:#64748b;margin-bottom:6px;font-size:13px;font-weight:800;display:block}.purchase-info-grid strong{color:#0f172a;word-break:break-word;display:block}.danger-text{color:#dc2626!important}.full-width-btn{justify-content:center;width:100%}.purchase-done-text{color:#166534;text-align:center;background:#dcfce7;border-radius:14px;padding:12px;font-weight:800}body.dark .purchase-summary-card,body.dark .purchase-item-card,body.dark .purchase-order-card{background:#0f172a;border-color:#334155}body.dark .purchase-info-grid div{background:#1e293b}body.dark .purchase-info-grid strong{color:#e5e7eb}@media (width<=1100px){.purchase-summary-grid,.purchase-card-grid,.purchase-order-list{grid-template-columns:1fr}}@media (width<=700px){.purchase-info-grid{grid-template-columns:1fr}}body,#root{width:100vw!important;max-width:100vw!important;margin:0!important;padding:0!important;overflow-x:hidden!important}.merchant-shell{justify-content:flex-start!important;width:100vw!important;max-width:100vw!important;margin:0!important;padding:0!important;display:flex!important}.merchant-sidebar{width:280px!important;min-width:280px!important;margin:0!important;left:0!important}.merchant-main{width:calc(100vw - 280px)!important;max-width:none!important;margin:0!important;padding:26px 30px!important}.purchase-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}.purchase-item-card{border-radius:16px!important;padding:14px!important}.purchase-item-head{margin-bottom:10px!important}.purchase-item-head h4{font-size:18px!important;line-height:1.3!important}.purchase-item-head p{font-size:14px!important}.purchase-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-bottom:12px!important}.purchase-info-grid div{border-radius:12px!important;padding:9px 10px!important}.purchase-info-grid span{margin-bottom:4px!important;font-size:12px!important}.purchase-info-grid strong{font-size:14px!important}.purchase-order-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}.purchase-order-card{border-radius:16px!important;padding:14px!important}.full-width-btn{min-height:42px!important;font-size:15px!important}@media (width<=1300px){.purchase-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (width<=900px){.merchant-sidebar{width:280px!important;min-width:280px!important}.merchant-main{width:100%!important;padding:18px!important}.purchase-card-grid,.purchase-order-list{grid-template-columns:1fr!important}}.purchase-summary-grid.table-mode{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;margin-bottom:22px!important;display:grid!important}.purchase-table-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:18px;width:100%!important;overflow-x:auto!important}.purchase-table{table-layout:auto!important;border-collapse:collapse!important;width:100%!important;min-width:980px!important}.purchase-table th,.purchase-table td{border-bottom:1px solid #e5e7eb;white-space:nowrap!important;word-break:normal!important;vertical-align:middle!important;padding:16px 18px!important;font-size:15px!important}.purchase-table th{color:#0f172a!important;font-weight:900!important}.purchase-table td{color:#0f172a!important}.purchase-table .retail-action-btn,.purchase-table .retail-print-btn{width:auto!important;min-width:110px!important;padding:9px 12px!important}body.dark .purchase-table-wrap{background:#0f172a;border-color:#334155}body.dark .purchase-table th,body.dark .purchase-table td{border-color:#334155;color:#e5e7eb!important}@media (width<=900px){.purchase-summary-grid.table-mode{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (width<=560px){.purchase-summary-grid.table-mode{grid-template-columns:1fr!important}}.stockin-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px;display:grid}.stockin-summary-card{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:18px}.stockin-summary-card p{color:#64748b;margin:0;font-weight:800}.stockin-summary-card h3{margin:10px 0 0;font-size:30px}.stockin-summary-card.success h3{color:#16a34a}.stockin-summary-card.danger h3{color:#dc2626}.stockin-workspace,.stockin-diff-box{background:#fff;border:1px solid #e5e7eb;border-radius:20px;margin-top:22px;padding:18px}.stockin-qty-input{text-align:center;border:1px solid #d1d5db;border-radius:10px;width:120px;height:38px;padding:0 10px;font-weight:800}.stockin-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:16px;display:flex}body.dark .stockin-summary-card,body.dark .stockin-workspace,body.dark .stockin-diff-box{background:#0f172a;border-color:#334155}body.dark .stockin-qty-input{color:#fff;background:#1e293b;border-color:#334155}@media (width<=900px){.stockin-summary-grid{grid-template-columns:1fr}.stockin-actions{display:grid}}.stockin-order-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:22px;display:grid}.stockin-order-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:16px}.stockin-order-card.done{text-align:center}@media (width<=1100px){.stockin-order-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.stockin-order-grid{grid-template-columns:1fr}}.stockin-order-grid{margin-bottom:22px;display:block!important}.stockin-order-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;grid-template-columns:2fr 1fr 160px 140px;align-items:center;gap:14px;text-align:left!important;width:100%!important;margin-bottom:10px!important;padding:14px 18px!important;display:grid!important}.stockin-order-card h4{margin:0!important;font-size:18px!important}.stockin-order-card p{color:#64748b;margin:0!important}.stockin-order-card .status-pill{justify-self:start}.stockin-order-card .full-width-btn{min-width:120px;width:auto!important;padding:9px 14px!important}.stockin-order-card.done{grid-template-columns:2fr 1fr 140px}body.dark .stockin-order-card{background:#0f172a;border-color:#334155}@media (width<=800px){.stockin-order-card,.stockin-order-card.done{grid-template-columns:1fr!important}.stockin-order-card .full-width-btn{width:100%!important}}.excel-action-row{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.excel-btn,.excel-upload-btn{color:#334155;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #d1d5db;border-radius:12px;padding:10px 14px;font-weight:800}.excel-btn:hover,.excel-upload-btn:hover{background:#f8fafc}body.dark .excel-btn,body.dark .excel-upload-btn{color:#e5e7eb;background:#1e293b;border-color:#334155}@media (width<=760px){.excel-action-row{grid-template-columns:1fr;width:100%;display:grid}.excel-btn,.excel-upload-btn,.excel-action-row .primary-btn{text-align:center;justify-content:center;width:100%}}.product-excel-toolbar{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-bottom:16px;display:flex}.product-excel-toolbar .excel-btn,.product-excel-toolbar .excel-upload-btn{color:#334155;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #d1d5db;border-radius:12px;padding:10px 14px;font-weight:800}.product-excel-toolbar .excel-btn:hover,.product-excel-toolbar .excel-upload-btn:hover{background:#f8fafc}body.dark .product-excel-toolbar .excel-btn,body.dark .product-excel-toolbar .excel-upload-btn{color:#e5e7eb;background:#1e293b;border-color:#334155}@media (width<=760px){.product-excel-toolbar{grid-template-columns:1fr;display:grid}.product-excel-toolbar .excel-btn,.product-excel-toolbar .excel-upload-btn{text-align:center;width:100%}}.sales-filter-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;display:flex}.sales-filter{color:#334155;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:14px;padding:11px 16px;font-weight:900}.sales-filter.active{color:#fff;background:#16a34a;border-color:#16a34a}.date-range-box{flex-wrap:wrap;gap:10px;display:flex}.date-range-box label{color:#64748b;gap:5px;font-weight:800;display:grid}.date-range-box input{border:1px solid #d1d5db;border-radius:12px;padding:10px 12px}.sales-card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px;display:grid}.sales-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:18px}.sales-icon{color:#166534;background:#dcfce7;border-radius:14px;place-items:center;width:44px;height:44px;margin-bottom:12px;display:grid}.sales-stat-card p{color:#64748b;margin:0;font-weight:900}.sales-stat-card h3{margin:8px 0 0;font-size:28px}.sales-section-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.sales-panel{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:18px}.panel-title{align-items:center;gap:8px;margin-bottom:14px;display:flex}.panel-title h3{margin:0}.sales-table{border-collapse:collapse;width:100%}.sales-table th,.sales-table td{text-align:left;border-bottom:1px solid #e5e7eb;padding:14px 10px}.sales-note-box{color:#64748b;background:#f8fafc;border:1px solid #e5e7eb;border-radius:18px;gap:8px;margin-top:18px;padding:16px;display:grid}.sales-note-box code{color:#0f172a;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:8px 10px}@media (width<=1100px){.sales-card-grid,.sales-section-grid{grid-template-columns:1fr 1fr}}@media (width<=700px){.sales-card-grid,.sales-section-grid{grid-template-columns:1fr}}.sales-query-panel{background:#f8fafc;border:1px solid #e5e7eb;border-radius:20px;margin-bottom:18px;padding:16px}.quick-range-row{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}.sales-query-actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.current-report-range{color:#64748b;background:#fff;border:1px solid #e5e7eb;border-radius:16px;margin-bottom:18px;padding:13px 16px;font-weight:800}.current-report-range strong{color:#0f172a}body.dark .sales-query-panel,body.dark .current-report-range{background:#0f172a;border-color:#334155}body.dark .current-report-range strong{color:#fff}.worktime-tabs{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.worktime-tab{color:#334155;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:14px;padding:11px 16px;font-weight:900}.worktime-tab.active{color:#fff;background:#16a34a;border-color:#16a34a}.schedule-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:14px;margin-bottom:18px;display:flex}.schedule-toolbar input{border:1px solid #d1d5db;border-radius:12px;padding:10px 12px}.schedule-print-area{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:18px}.schedule-print-head{text-align:center;margin-bottom:14px}.schedule-print-head h2{margin:0}.schedule-print-head p{color:#64748b;margin:6px 0 0;font-weight:900}.schedule-table-wrap{overflow-x:auto}.schedule-table{border-collapse:collapse;width:100%;min-width:1200px;font-size:13px}.schedule-table th:first-child,.schedule-table td:first-child{z-index:1;background:#fff;min-width:90px;font-weight:900;position:sticky;left:0}.schedule-table small{color:#64748b;margin-top:3px;font-size:11px;display:block}.schedule-select{border:1px solid #d1d5db;border-radius:8px;width:64px;padding:5px}.schedule-shift-note{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.schedule-shift-note span{color:#475569;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:8px 10px;font-size:13px}.worktime-placeholder{text-align:center;color:#64748b;background:#f8fafc;border:1px solid #e5e7eb;border-radius:20px;padding:30px}.worktime-placeholder h3{color:#0f172a}@media print{body *{visibility:hidden!important}#schedule-print-area,#schedule-print-area *{visibility:visible!important}#schedule-print-area{width:297mm;min-height:210mm;position:absolute;top:0;left:0;border:0!important;border-radius:0!important;padding:8mm!important}@page{size:A4 landscape;margin:8mm}.no-print,.no-print-control{display:none!important}.print-only{font-weight:700;display:inline!important}.schedule-table{width:100%!important;min-width:0!important;font-size:9px!important}.schedule-table th,.schedule-table td{padding:3px!important}.schedule-table th:first-child,.schedule-table td:first-child{min-width:60px!important;position:static!important}}@media (width<=760px){.schedule-toolbar{display:grid}}.sidebar,.merchant-sidebar,aside{max-height:100vh;overflow-y:auto}.merchant-sidebar{height:100vh!important;max-height:100vh!important;overflow:hidden auto!important}.merchant-sidebar nav,.merchant-sidebar .menu-list{overflow:visible!important}.merchant-sidebar .menu-item{visibility:visible!important;display:flex!important}@media print{html,body{background:#fff!important;width:297mm!important;height:210mm!important;margin:0!important;padding:0!important;overflow:hidden!important}body *{visibility:hidden!important}#schedule-print-area,#schedule-print-area *{visibility:visible!important}#schedule-print-area{width:297mm!important;min-height:210mm!important;box-shadow:none!important;background:#fff!important;border:0!important;border-radius:0!important;margin:0!important;padding:8mm!important;position:fixed!important;top:0!important;left:0!important}.merchant-sidebar,.sidebar,.merchant-main>:not(#schedule-print-area),.no-print,.no-print-control{visibility:hidden!important;display:none!important}.print-only{font-weight:700;visibility:visible!important;display:inline!important}.schedule-print-head{margin-bottom:5mm!important}.schedule-print-head h2{margin:0!important;font-size:18px!important}.schedule-print-head p{margin:2mm 0 0!important;font-size:12px!important}.schedule-table{table-layout:fixed!important;border-collapse:collapse!important;width:100%!important;min-width:0!important;font-size:8px!important}.schedule-table th,.schedule-table td{text-align:center!important;white-space:normal!important;color:#000!important;background:#fff!important;border:1px solid #111!important;padding:2px!important}.schedule-table th:first-child,.schedule-table td:first-child{width:18mm!important;min-width:18mm!important;font-weight:900!important;position:static!important}.schedule-shift-note{flex-wrap:wrap!important;gap:3mm!important;margin-top:4mm!important;display:flex!important}.schedule-shift-note span{color:#000!important;background:#fff!important;border:1px solid #333!important;padding:2mm!important;font-size:9px!important}@page{size:A4 landscape;margin:0}}.modal-close-top{color:#ef4444;cursor:pointer;background:0 0;border:0;width:42px;height:42px;font-size:28px;font-weight:900;line-height:1;position:absolute;top:0;left:0}body.dark .modal-close-top{color:#f87171}@media print{body *{visibility:hidden!important}#employee-print-area,#employee-print-area *{visibility:visible!important}#employee-print-area{background:#fff!important;width:210mm!important;min-height:297mm!important;padding:10mm!important;position:absolute!important;top:0!important;left:0!important}.employee-print-area .print-title{text-align:center!important;margin-bottom:8mm!important;display:block!important}.no-print-col{display:none!important}.purchase-table{width:100%!important;min-width:0!important;font-size:11px!important}@page{size:A4 portrait;margin:10mm}}.employee-head-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.employee-print-area .print-title{display:none}.employee-table th,.employee-table td{vertical-align:middle!important}.modal-close-top{color:#ef4444;cursor:pointer;z-index:10;background:0 0;border:0;width:42px;height:42px;font-size:28px;font-weight:900;line-height:1;position:absolute;top:0;left:0}.modal-close-top:hover{transform:scale(1.08)}@media print{.print-title{text-align:center!important;margin-bottom:8mm!important;display:block!important}.no-print-col{display:none!important}}body.dark .modal-cancel-icon{color:#f87171;background:#111827;border-color:#f87171}.section-head{justify-content:space-between!important;align-items:flex-start!important;gap:16px!important;display:flex!important}.section-head .ghost-btn,.section-head .primary-btn,.employee-head-actions .ghost-btn{visibility:visible!important;opacity:1!important;white-space:nowrap!important;pointer-events:auto!important;border-radius:14px!important;justify-content:center!important;align-items:center!important;gap:8px!important;min-height:44px!important;padding:10px 16px!important;font-weight:900!important;display:inline-flex!important}.employee-head-actions{visibility:visible!important;opacity:1!important;flex-wrap:wrap!important;justify-content:flex-end!important;align-items:center!important;gap:10px!important;display:flex!important}.content-card,.page-gap,.section-head,.section-head *{opacity:1!important}@media (width<=760px){.section-head{display:grid!important}.section-head .ghost-btn,.section-head .primary-btn,.employee-head-actions .ghost-btn,.employee-head-actions .primary-btn{width:100%!important}}.content-card h1,.content-card h2,.content-card h3,.page-gap h1,.page-gap h2,.page-gap h3,.section-head h1,.section-head h2,.section-head h3{color:#0f172a!important;opacity:1!important;visibility:visible!important}.section-head .muted-text,.content-card .muted-text,.page-gap .muted-text{color:#64748b!important;opacity:1!important;visibility:visible!important}.section-head svg,.content-card svg,.page-gap svg,button svg{color:currentColor!important;opacity:1!important;visibility:visible!important;stroke-width:2.2px!important}.section-head .ghost-btn,.section-head .primary-btn,.employee-head-actions .ghost-btn,.employee-head-actions .primary-btn{color:#0f172a!important;opacity:1!important;visibility:visible!important;background:#fff!important;border:1px solid #d1d5db!important}.section-head .primary-btn,.employee-head-actions .primary-btn{color:#fff!important;background:#2563eb!important;border-color:#2563eb!important}.section-head .ghost-btn svg,.employee-head-actions .ghost-btn svg{color:#64748b!important}.section-head .primary-btn svg,.employee-head-actions .primary-btn svg{color:#fff!important}.merchant-main,.merchant-main *,.content-card,.content-card *,.page-gap,.page-gap *,.modal-mask{opacity:1!important}.modal-head{position:relative}.modal-cancel-icon{color:#ef4444;cursor:pointer;z-index:30;background:#fff;border:3px solid #ef4444;border-radius:999px;place-items:center;width:48px;height:48px;display:grid;position:absolute;top:-8px;left:-8px}.modal-cancel-icon:hover{background:#fee2e2;transform:scale(1.05)}.merchant-login-card h1,.merchant-login-card h2,.merchant-login-card .login-title,.merchant-login-title{color:#0f172a!important;opacity:1!important;visibility:visible!important}.merchant-login-card p,.merchant-login-card .login-subtitle{color:#475569!important;opacity:1!important}.invoice-tabs{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.invoice-tab{color:#334155;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:14px;align-items:center;gap:8px;padding:11px 16px;font-weight:900;display:inline-flex}.invoice-tab.active{color:#fff;background:#2563eb;border-color:#2563eb}.invoice-setting-panel{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:18px}.invoice-setting-panel h3{margin-top:0}.invoice-detail-box{background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px;padding:14px;display:grid}.invoice-detail-box p{color:#64748b;margin:0}.invoice-detail-box strong{color:#0f172a}@media (width<=760px){.invoice-detail-box{grid-template-columns:1fr}}.pos-return-page{color:#0f172a;background:#0f172a;min-height:100vh;padding:28px}.pos-return-card{background:#fff;border-radius:26px;max-width:1180px;margin:0 auto;padding:26px;box-shadow:0 24px 70px #00000040}.pos-return-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.pos-return-head h1{color:#0f172a;margin:0;font-size:34px}.pos-return-head p{color:#64748b;margin:8px 0 0;font-weight:800}.pos-clear-btn,.pos-primary-btn,.pos-danger-btn{cursor:pointer;white-space:nowrap;border:0;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:14px 18px;font-weight:900;display:inline-flex}.pos-clear-btn{color:#334155;background:#f1f5f9}.pos-primary-btn{color:#fff;background:#2563eb;min-width:150px}.pos-danger-btn{color:#fff;background:#dc2626;min-height:56px;font-size:18px}.pos-danger-btn:disabled{cursor:not-allowed;background:#94a3b8}.pos-scan-box{background:#f8fafc;border:1px solid #e5e7eb;border-radius:22px;grid-template-columns:1fr auto;align-items:end;gap:14px;margin-bottom:18px;padding:18px;display:grid}.pos-scan-box label,.pos-reason-box{color:#475569;gap:8px;font-weight:900;display:grid}.pos-scan-box input{border:2px solid #cbd5e1;border-radius:16px;height:58px;padding:0 16px;font-size:22px;font-weight:900}.pos-success-message{color:#166534;background:#dcfce7;border:1px solid #86efac;border-radius:16px;margin-bottom:18px;padding:14px 16px;font-weight:900}.pos-warning-message{color:#991b1b;background:#fee2e2;border:1px solid #fecaca;border-radius:16px;margin-top:16px;padding:14px 16px;font-weight:900}.pos-invoice-box{border:1px solid #e5e7eb;border-radius:22px;padding:18px}.pos-invoice-box h2{color:#0f172a;margin:22px 0 12px}.pos-invoice-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.pos-invoice-summary div{background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;padding:14px}.pos-invoice-summary span{color:#64748b;margin-bottom:6px;font-weight:800;display:block}.pos-invoice-summary strong{color:#0f172a;font-size:18px;display:block}.pos-table-wrap{border:1px solid #e5e7eb;border-radius:18px;overflow-x:auto}.pos-table{border-collapse:collapse;width:100%;min-width:780px}.pos-table th,.pos-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #e5e7eb;padding:15px 14px}.pos-table th{color:#334155;background:#f8fafc;font-weight:900}.pos-reason-box{margin-top:18px}.pos-reason-box textarea{resize:vertical;border:2px solid #cbd5e1;border-radius:16px;min-height:90px;padding:14px;font-size:18px}.pos-action-row{justify-content:flex-end;margin-top:18px;display:flex}@media (width<=860px){.pos-scan-box,.pos-invoice-summary{grid-template-columns:1fr}.pos-return-head{display:grid}}.kpi-row{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px;display:grid}.kpi{text-align:center;background:#fff;border:1px solid #eee;border-radius:12px;padding:16px}.chart-grid{grid-template-columns:1fr 1fr;gap:20px;margin-top:20px;display:grid}.chart-box{background:#fff;border:1px solid #eee;border-radius:12px;padding:16px}@media (width<=900px){.chart-grid{grid-template-columns:1fr}}@media (width<=980px){.sales-bi-grid{grid-template-columns:1fr}}.sales-date-field{color:#475569;gap:6px;font-weight:900;display:grid}.sales-date-field input{border:1px solid #d1d5db;border-radius:12px;height:44px;padding:0 12px;font-weight:900}.sales-bi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px;display:grid}.chart-panel{min-height:390px}.advice-list{gap:14px;display:grid}.advice-item{background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;gap:8px;padding:14px;display:grid}.advice-item strong{color:#0f172a;font-size:18px}.advice-item span{color:#475569;line-height:1.7}.advice-item.warning{background:#fff7ed;border-color:#fed7aa}@media (width<=980px){.sales-bi-grid{grid-template-columns:1fr}}.print-title{display:none}@media print{.no-print,.merchant-sidebar,.merchant-topbar,.sidebar,.topbar{display:none!important}.print-title{text-align:center!important;margin-bottom:8mm!important;display:block!important}.content-card{box-shadow:none!important;border:none!important;padding:0!important}.sales-bi-grid{display:none!important}.sales-card-grid{grid-template-columns:repeat(4,1fr)!important;gap:6mm!important;margin-bottom:8mm!important;display:grid!important}.sales-stat-card{box-shadow:none!important;border:1px solid #111827!important;padding:6mm!important}.sales-panel{box-shadow:none!important;border:none!important;padding:0!important}.sales-table{border-collapse:collapse!important;width:100%!important;font-size:11px!important}.sales-table th,.sales-table td{text-align:center!important;border:1px solid #111827!important;padding:5px!important}@page{size:A4 portrait;margin:10mm}}.schedule-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.schedule-toolbar label{color:#475569;gap:6px;font-weight:900;display:grid}.schedule-toolbar input{border:1px solid #d1d5db;border-radius:12px;height:44px;padding:0 12px;font-weight:900}.schedule-print-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:20px}.schedule-print-card h2,.schedule-print-card h3{text-align:center}.schedule-table-wrap{overflow:auto}.schedule-table{border-collapse:collapse;width:100%;min-width:980px}.schedule-table th,.schedule-table td{text-align:center;white-space:nowrap;border:1px solid #d1d5db;padding:8px}.schedule-table th{background:#f8fafc}.schedule-table select{text-align:center;border:1px solid #d1d5db;border-radius:8px;width:80px;height:34px;font-weight:900}.shift-note{text-align:center;color:#334155;margin-top:10px;font-weight:900}@media print{.schedule-table select{appearance:none!important;border:none!important}}.schedule-panel{overflow:hidden}.schedule-toolbar select{background:#fff;border:1px solid #d1d5db;border-radius:12px;min-width:160px;height:44px;padding:0 12px;font-weight:900}.schedule-actions{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.schedule-actions button{color:#fff;background:#2563eb;border:0;border-radius:12px;min-height:44px;padding:0 14px;font-weight:900}.schedule-actions button:disabled{cursor:not-allowed;background:#cbd5e1}.schedule-empty-state{text-align:center;color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:18px;padding:28px}.schedule-empty-state h2{color:#0f172a;margin:0 0 8px}.schedule-empty-state p{margin:0}.schedule-matrix-wrap{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #dbe3ef;border-radius:18px;width:100%;max-width:100%;overflow:auto visible}.schedule-matrix-table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:max-content;min-width:100%;font-size:13px}.schedule-matrix-table th,.schedule-matrix-table td{text-align:center;vertical-align:middle;background:#fff;border-bottom:1px solid #e2e8f0;border-right:1px solid #e2e8f0;padding:0}.schedule-matrix-table thead th{z-index:5;color:#334155;background:#f8fafc;min-width:74px;height:48px;padding:6px 4px;font-weight:900;position:sticky;top:0}.schedule-matrix-table thead th small{color:#64748b;margin-top:2px;font-size:11px;display:block}.schedule-matrix-table .schedule-employee-col{z-index:8;text-align:left;white-space:nowrap;background:#fff;width:132px;min-width:132px;padding:10px 12px;position:sticky;left:0;box-shadow:1px 0 #e2e8f0}.schedule-matrix-table thead .schedule-employee-col{z-index:12;background:#f1f5f9}.weekend-col{color:#be123c!important}.schedule-cell{cursor:pointer;width:74px;min-width:74px;height:48px;padding:4px!important}.schedule-cell-select{color:#0f172a;text-align:center;cursor:pointer;background:#ffffffc7;border:1px solid #0f172a2e;border-radius:10px;width:100%;min-width:64px;height:38px;padding:0 6px;font-size:13px;font-weight:900}.schedule-cell-select:focus{outline-offset:1px;outline:2px solid #2563eb}.schedule-print-shift{display:none}.shift-pill{font-weight:900}.shift-off{color:#64748b!important;background:#f8fafc!important}.shift-morning{color:#166534!important;background:#dcfce7!important}.shift-middle{color:#92400e!important;background:#fef3c7!important}.shift-night{color:#1d4ed8!important;background:#dbeafe!important}@media (width<=760px){.schedule-panel{padding:14px}.schedule-toolbar{grid-template-columns:1fr;align-items:stretch;display:grid}.schedule-toolbar label,.schedule-toolbar input,.schedule-toolbar select{width:100%}.schedule-actions{grid-template-columns:1fr;display:grid}.schedule-actions button{width:100%}.schedule-matrix-wrap{border-radius:12px;margin-left:-4px;margin-right:-4px}.schedule-matrix-table .schedule-employee-col{width:104px;min-width:104px;padding:8px;font-size:12px}.schedule-cell{width:70px;min-width:70px}.schedule-cell-select{height:40px;font-size:12px}}@media print{#hr-schedule-print-area,#hr-schedule-print-area *{visibility:visible!important}#hr-schedule-print-area{background:#fff!important;border:0!important;border-radius:0!important;width:297mm!important;min-height:210mm!important;margin:0!important;padding:8mm!important;position:fixed!important;inset:0 auto auto 0!important;overflow:visible!important}.schedule-matrix-table{table-layout:fixed!important;width:100%!important;min-width:0!important;font-size:8px!important}.schedule-matrix-table th,.schedule-matrix-table td{box-shadow:none!important;white-space:normal!important;color:#111827!important;border:1px solid #111827!important;padding:2px!important;position:static!important}.schedule-matrix-table .schedule-employee-col{text-align:center!important;width:18mm!important;min-width:18mm!important}.schedule-cell-select{display:none!important}.schedule-print-shift{font-weight:900!important;display:inline!important}}.attendance-filter-panel{background:#f8fafc;border:1px solid #e5e7eb;border-radius:18px;flex-wrap:wrap;gap:16px;margin-bottom:18px;padding:16px;display:flex}.attendance-filter-panel label{color:#475569;gap:6px;font-weight:900;display:grid}.attendance-filter-panel input,.attendance-filter-panel select{background:#fff;border:1px solid #d1d5db;border-radius:12px;min-width:180px;height:44px;padding:0 12px;font-weight:900}.attendance-print-title{text-align:center}.print-note{text-align:center;color:#475569;margin-bottom:12px;font-weight:900}.attendance-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.attendance-summary-grid div{background:#fff;border:1px solid #e5e7eb;border-radius:14px;gap:6px;padding:14px;display:grid}.attendance-summary-grid span,.attendance-detail-grid span{color:#64748b;font-size:13px;font-weight:900}.attendance-summary-grid strong,.attendance-detail-grid strong{color:#0f172a;font-size:20px;font-weight:1000}.attendance-matrix-scroll,.attendance-table-scroll{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #e5e7eb;border-radius:14px;width:100%;overflow:auto visible}.attendance-matrix-table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:max-content;min-width:100%}.attendance-matrix-table th,.attendance-matrix-table td{text-align:center;background:#fff;border-bottom:1px solid #e5e7eb;border-right:1px solid #e5e7eb;padding:6px}.attendance-matrix-table thead th{z-index:3;color:#334155;background:#f8fafc;min-width:72px;font-size:13px;font-weight:1000;position:sticky;top:0}.attendance-matrix-table thead th small{color:#64748b;margin-top:2px;display:block}.attendance-matrix-table .attendance-employee-col{z-index:4;color:#0f172a;text-align:left;background:#fff;min-width:150px;max-width:150px;position:sticky;left:0;box-shadow:8px 0 12px #0f172a14}.attendance-matrix-table thead .attendance-employee-col{z-index:5;background:#f8fafc}.attendance-cell{cursor:pointer;border:1px solid #0000;border-radius:10px;place-items:center;gap:3px;width:60px;min-height:70px;padding:7px 5px;font-weight:900;line-height:1.15;display:grid}.attendance-cell strong{font-size:16px}.attendance-cell span{font-size:12px}.attendance-cell small{font-size:11px}.attendance-status-normal{color:#166534;background:#dcfce7;border-color:#86efac}.attendance-status-late{color:#92400e;background:#fef3c7;border-color:#fbbf24}.attendance-status-absent{color:#991b1b;background:#fee2e2;border-color:#fca5a5}.attendance-status-leave{color:#1d4ed8;background:#dbeafe;border-color:#93c5fd}.attendance-status-overtime{color:#6d28d9;background:#ede9fe;border-color:#c4b5fd}.attendance-status-off{color:#64748b;background:#f8fafc;border-color:#e2e8f0}.attendance-major-abnormal{outline-offset:1px;outline:3px solid #ef444447}.attendance-detail-panel{border-color:#cbd5e1}.attendance-detail-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.attendance-detail-title button{color:#fff;cursor:pointer;background:#0f172a;border:0;border-radius:10px;padding:10px 14px;font-weight:900}.attendance-detail-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.attendance-detail-grid div,.attendance-clock-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;gap:4px;padding:12px;display:grid}.attendance-clock-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px;display:grid}.attendance-clock-card strong{color:#0f172a;font-size:16px}.attendance-clock-card span,.attendance-muted{color:#64748b;font-weight:900}.attendance-note-list{flex-wrap:wrap;gap:8px;display:flex}.attendance-note-list span{color:#334155;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:999px;padding:7px 10px;font-weight:900}.attendance-report-grid,.attendance-rank-grid{grid-template-columns:1.3fr .7fr;align-items:start;gap:18px;display:grid}.attendance-rank-grid{grid-template-columns:1fr 1fr}.attendance-abnormal-list{gap:10px;display:grid}.attendance-abnormal-item,.attendance-rank-item{text-align:left;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;gap:4px;width:100%;padding:12px;display:grid}.attendance-abnormal-item strong,.attendance-rank-item strong{color:#0f172a;font-weight:1000}.attendance-abnormal-item span,.attendance-rank-item span{color:#64748b;font-weight:900}@media (width<=900px){.attendance-summary-grid,.attendance-detail-grid,.attendance-clock-list,.attendance-report-grid,.attendance-rank-grid{grid-template-columns:1fr}.attendance-filter-panel{grid-template-columns:1fr;display:grid}.attendance-filter-panel input,.attendance-filter-panel select,.attendance-filter-panel button{width:100%;min-width:0}.attendance-matrix-table .attendance-employee-col{min-width:118px;max-width:118px}.attendance-cell{width:58px;min-height:68px}}@media print{.attendance-matrix-scroll,.attendance-table-scroll{border:0!important;border-radius:0!important;overflow:visible!important}.attendance-matrix-table{table-layout:fixed!important;width:100%!important;min-width:0!important;font-size:8px!important}.attendance-matrix-table th,.attendance-matrix-table td,.attendance-matrix-table .attendance-employee-col{box-shadow:none!important;position:static!important}.attendance-cell{border-radius:0!important;width:auto!important;min-height:0!important;padding:2px!important;font-size:8px!important}}.menu-group-title{color:#ffffffd9;border-radius:14px;justify-content:space-between;align-items:center;padding:12px 16px;font-size:18px;font-weight:700;display:flex}.menu-group.active .menu-group-title{background:#ffffff1a}.menu-group{margin:8px 0}.menu-group-toggle{color:#ffffffe0;cursor:pointer;background:0 0;border:0;border-radius:14px;justify-content:space-between;align-items:center;width:100%;padding:14px 16px;font-size:18px;font-weight:700;display:flex}.menu-group-toggle:hover{background:#ffffff14}.menu-group-left{align-items:center;gap:10px;display:flex}.menu-group-items{border-left:2px solid #ffffff2e;margin-left:18px;padding-left:12px}.menu-sub-item{font-size:15px}.hr-card{background:#fff;border-radius:24px;margin-bottom:24px;padding:28px;box-shadow:0 10px 28px #0f172a14}.hr-card h2{margin-top:0;font-size:28px}.hr-form{grid-template-columns:repeat(4,minmax(160px,1fr));align-items:end;gap:18px;display:grid}.hr-form label{margin-bottom:8px;font-weight:800;display:block}.hr-form input,.hr-form select{box-sizing:border-box;border:1px solid #d1d5db;border-radius:14px;width:100%;padding:13px;font-size:16px}.hr-form button,.hr-card-title button{color:#fff;cursor:pointer;background:#14532d;border:0;border-radius:14px;padding:13px 18px;font-weight:800}.hr-message{background:#ecfdf5;border-radius:14px;margin-top:18px;padding:14px;font-weight:800}.hr-card-title{justify-content:space-between;align-items:center;display:flex}.hr-table{border-collapse:collapse;width:100%}.hr-table th,.hr-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #e5e7eb;padding:14px}.hr-badge{color:#fff;border-radius:999px;padding:7px 14px;font-weight:800;display:inline-block}.hr-badge.ok{background:#16a34a}.hr-badge.no{background:#ef4444}.hr-qr{border:1px solid #e5e7eb;border-radius:12px;width:92px;height:92px}@media (width<=900px){.hr-form{grid-template-columns:1fr}}.hr-employee-head{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.hr-employee-head h2{margin-bottom:8px}.hr-employee-head p{color:#475569;font-size:16px}.hr-inline-form{gap:12px;max-width:720px;display:flex}.hr-inline-form input{border:1px solid #d1d5db;border-radius:14px;flex:1;padding:14px;font-size:16px}.hr-inline-form button{color:#fff;background:#14532d;border:0;border-radius:14px;padding:14px 22px;font-weight:800}.hr-position-list{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.hr-position-list span{color:#14532d;background:#ecfdf5;border-radius:999px;padding:8px 14px;font-weight:800}.hr-form-wide{grid-template-columns:repeat(4,minmax(160px,1fr))}.hr-form-full{grid-column:1/-1}.hr-form textarea{box-sizing:border-box;border:1px solid #d1d5db;border-radius:14px;width:100%;min-height:90px;padding:13px;font-size:16px}.hr-select{border:1px solid #d1d5db;border-radius:14px;width:360px;max-width:100%;margin-bottom:20px;padding:14px;font-size:18px}.hr-detail-box{background:#f8fafc;border-radius:18px;padding:24px}.hr-detail-grid{grid-template-columns:repeat(2,minmax(220px,1fr));gap:10px 24px;display:grid}.hr-detail-grid p{margin:6px 0;font-size:17px}.hr-detail-full{grid-column:1/-1}@media (width<=900px){.hr-form-wide{grid-template-columns:1fr}.hr-inline-form{display:block}.hr-inline-form button{width:100%;margin-top:12px}.hr-detail-grid{grid-template-columns:1fr}}.hr-action-row{gap:12px;margin:20px 0;display:flex}@media print{@page{size:A4;margin:12mm}.merchant-sidebar,.merchant-topbar,.no-print{display:none!important}body{background:#fff!important}.employee-print-card{width:100%!important;box-shadow:none!important;background:#fff!important}.hr-detail-box{border:1px solid #222;padding:20px;background:#fff!important}.hr-detail-grid{grid-template-columns:1fr 1fr;gap:16px}.hr-detail-grid p{font-size:14pt}}.hr-field label{color:#111827;margin-bottom:8px;font-size:18px;font-weight:900;display:block}.hr-field.grow{flex:1}.hr-action-row{justify-content:center;gap:12px;margin:18px 0;display:flex}.hr-action-btn{color:#fff;cursor:pointer;background:#14532d;border:0;border-radius:14px;padding:12px 22px;font-weight:800}.hr-action-btn.print{background:#111827}.print-only{display:none}.print-title{text-align:center;margin-bottom:24px;font-size:28px;font-weight:900}@media print{@page{size:A4;margin:14mm}body{background:#fff!important}.merchant-sidebar,.merchant-topbar,.no-print,.sidebar,.topbar{display:none!important}.merchant-page,.merchant-content,.employee-print-card{width:100%!important;box-shadow:none!important;background:#fff!important;margin:0!important;padding:0!important}.employee-print-card{border-radius:0!important;display:block!important}.print-only{display:block!important}.hr-detail-box{border:1px solid #222;border-radius:0;padding:18px;box-shadow:none!important;background:#fff!important}.hr-detail-grid{grid-template-columns:repeat(2,1fr);gap:12px}.hr-detail-grid p{border-bottom:1px solid #ddd;padding-bottom:6px;font-size:14pt}}.a4-print-btn{color:#fff;cursor:pointer;background:#111827;border:0;border-radius:12px;margin-left:12px;padding:10px 18px;font-size:16px;font-weight:800}.a4-print-btn:hover{background:#374151}@media print{@page{size:A4;margin:12mm}html,body{background:#fff!important}.no-print,.merchant-sidebar,.merchant-topbar,.sidebar,.topbar,.close-btn,button,.a4-print-btn{display:none!important}.merchant-layout,.merchant-main,.merchant-content,.merchant-page{width:100%!important;box-shadow:none!important;background:#fff!important;margin:0!important;padding:0!important}.hr-card,.report-card,.page-card,.card{page-break-inside:avoid;box-shadow:none!important;border:1px solid #ddd!important;border-radius:0!important}table,.hr-table{border-collapse:collapse!important;width:100%!important;font-size:10.5pt!important}th,td,.hr-table th,.hr-table td{color:#000!important;border:1px solid #333!important;padding:6px!important}h1{margin-bottom:12px!important;font-size:22pt!important}h2{margin-bottom:10px!important;font-size:16pt!important}a{color:#000!important;text-decoration:none!important}}.hr-inline-input{border:1px solid #cbd5e1;border-radius:10px;width:100%;padding:10px;font-size:16px}.hr-mini-btn{color:#fff;cursor:pointer;background:#14532d;border:0;border-radius:10px;margin-right:8px;padding:8px 12px;font-weight:800}.hr-mini-btn.gray{background:#64748b}.hr-mini-btn.danger{background:#dc2626}.company-admin-layout{background:#f4f6f8;width:100vw;max-width:100vw;min-height:100vh;display:flex;overflow-x:hidden}.company-topbar{display:none}.company-sidebar{color:#fff;background:#111827;flex-shrink:0;width:260px;height:100vh;padding:24px;position:sticky;top:0;overflow:auto}.company-sidebar h2{margin-bottom:24px}.company-sidebar button{text-align:left;color:#fff;cursor:pointer;background:0 0;border:0;border-radius:12px;width:100%;padding:14px;font-size:17px;display:block}.company-sidebar button.active,.company-sidebar button:hover{background:#374151}.company-content{flex:1;width:calc(100vw - 260px);min-width:0;max-width:none;padding:24px;overflow-x:hidden}.company-main{flex:1;width:calc(100vw - 260px);min-width:0;max-width:none}.company-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}.company-card{background:#fff;border-radius:20px;max-width:none;padding:24px;box-shadow:0 8px 24px #00000014}.company-card b{font-size:34px}.company-table{border-collapse:collapse;table-layout:fixed;width:100%;max-width:none}.company-table th,.company-table td{text-align:left;border-bottom:1px solid #e5e7eb;padding:14px}.company-table button{color:#fff;background:#111827;border:0;border-radius:10px;margin-right:8px;padding:8px 12px}.company-page-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.company-page-header h1{margin:0}.company-page-header p{color:#64748b;margin:8px 0 0}.company-page-header .company-setting-grid{flex-wrap:wrap;gap:10px;display:flex}.company-page-header .company-setting-grid button,.company-bottom-action-bar button{border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 16px;font-weight:900;display:inline-flex}.company-page-header .company-setting-grid button:first-child,.company-bottom-action-bar .merchant-primary-button{color:#fff;background:#14532d}.company-page-header .company-setting-grid button:not(:first-child),.company-bottom-action-bar .merchant-secondary-button{color:#0f172a;background:#fff;border:1px solid #cbd5e1}.company-desktop-table{width:100%;max-width:none;display:block}.company-section,.company-list-card{width:100%;max-width:none}.company-mobile-list,.audit-mobile-timeline,.company-bottom-action-bar,.company-sidebar-overlay{display:none}.company-topbar-brand{flex-direction:column;gap:4px;min-width:0;display:flex}.company-topbar-brand strong{color:#fff;font-size:16px}.company-topbar-brand span{color:#cbd5e1;font-size:12px;font-weight:800}.company-topbar-search{background:#fff;border:1px solid #cbd5e1;border-radius:14px;flex:1;align-items:center;gap:8px;min-width:0;height:44px;padding:0 12px;display:flex}.company-topbar-search input{background:0 0;border:0;outline:none;width:100%;font-size:16px}.company-topbar-clear{color:#64748b;background:0 0;border:0;border-radius:999px;place-items:center;width:28px;height:28px;display:grid}.company-menu-button{display:none}.merchant-mobile-card,.store-mobile-card,.terminal-mobile-card,.invoice-mobile-card,.audit-timeline-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;gap:14px;padding:16px;display:grid;box-shadow:0 10px 28px #0f172a0f}.merchant-mobile-card-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.merchant-mobile-card-head h3,.merchant-mobile-card-head .merchant-link{margin:0;font-size:18px;line-height:1.35}.merchant-mobile-card-head p{color:#64748b;margin:6px 0 0;font-size:13px}.merchant-mobile-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.merchant-mobile-meta>div{background:#f8fafc;border:1px solid #eef2f7;border-radius:14px;gap:4px;padding:10px 12px;display:grid}.merchant-mobile-meta span{color:#64748b;font-size:12px;font-weight:800}.merchant-mobile-meta b{color:#0f172a;overflow-wrap:anywhere;font-size:14px}.merchant-mobile-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.merchant-mobile-actions button{color:#fff;background:#111827;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:44px;font-weight:900;display:inline-flex}.merchant-mobile-actions .merchant-secondary-button,.merchant-mobile-actions .merchant-warning-button,.merchant-mobile-actions .merchant-success-button,.merchant-mobile-actions .merchant-danger-button{width:100%}.merchant-mobile-actions .merchant-warning-button{background:#f59e0b}.merchant-mobile-actions .merchant-success-button{background:#16a34a}.merchant-mobile-actions .merchant-danger-button{background:#dc2626}.terminal-mobile-badges{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.audit-mobile-timeline{display:none}.audit-timeline-card h3{margin:0;font-size:17px}.audit-timeline-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.audit-time{color:#64748b;font-size:12px;font-weight:800}.audit-timeline-card p{color:#475569;margin:0;line-height:1.6}.audit-timeline-remark{color:#111827;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:12px 14px}.audit-detail-trigger{width:100%}.company-bottom-action-bar{gap:10px}body.dark .company-admin-layout{background:#0f172a}body.dark .company-content{color:#e2e8f0}body.dark .company-card,body.dark .merchant-card,body.dark .store-card,body.dark .terminal-card,body.dark .invoice-card,body.dark .audit-card,body.dark .merchant-mobile-card,body.dark .store-mobile-card,body.dark .terminal-mobile-card,body.dark .invoice-mobile-card,body.dark .audit-timeline-card{color:#e2e8f0;background:#111827;border-color:#334155}body.dark .merchant-mobile-meta>div,body.dark .audit-timeline-remark,body.dark .merchant-stat-card,body.dark .invoice-summary-card{background:#0f172a;border-color:#334155}body.dark .merchant-mobile-meta b,body.dark .audit-timeline-card h3,body.dark .merchant-mobile-card-head h3,body.dark .merchant-mobile-card-head .merchant-link{color:#f8fafc}body.dark .merchant-mobile-meta span,body.dark .merchant-mobile-card-head p,body.dark .audit-timeline-card p,body.dark .audit-time{color:#94a3b8}body.dark .company-topbar-search{background:#111827;border-color:#334155}body.dark .company-topbar-search input{color:#fff}.account-access-page{max-width:100%;overflow-x:hidden}.account-access-page .company-card{max-width:100%;overflow:hidden}.account-access-page .company-page-header{justify-content:space-between;align-items:center;gap:24px;padding-right:300px}.account-access-page .company-page-header h1{margin:0 0 24px;font-size:48px;line-height:1.15}.account-access-page .company-page-header p{margin:0;line-height:1.6}.account-access-page .company-page-header .company-setting-grid{flex:none;justify-content:flex-end}.account-access-page .account-access-tabs{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.account-access-page .account-access-tabs button{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:999px;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-weight:900;display:inline-flex}.account-access-page .account-access-tabs button.active{color:#fff;background:#111827;border-color:#111827}.account-access-page .account-access-toolbar{justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;display:flex}.account-access-page .account-access-toolbar span{color:#64748b;white-space:nowrap;font-weight:800}.account-access-page .account-employee-filters{flex-wrap:wrap;flex:auto;gap:10px;min-width:0;display:flex}.account-access-page .account-employee-filters select{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:10px;min-width:120px;min-height:40px;padding:0 12px;font-weight:800}.account-access-page .account-access-table-wrap{width:100%;max-width:100%;overflow-x:auto}.account-access-page .account-access-table{table-layout:fixed;width:100%;max-width:100%}.account-access-page .account-access-table td{vertical-align:top}.account-access-page .account-access-table th,.account-access-page .account-access-table td{overflow-wrap:anywhere}.account-access-page .account-access-table td span{color:#64748b;overflow-wrap:anywhere;margin-top:4px;font-size:13px;display:block}.account-access-page .account-access-table .company-action-buttons{flex-wrap:wrap;gap:8px;display:flex}.account-access-page .account-access-table .company-action-buttons button{white-space:normal;margin-right:0}.account-access-page .account-access-full-field{color:#475569;gap:8px;margin:14px 0;font-weight:900;display:grid}.account-access-page .account-access-full-field textarea{resize:vertical;width:100%;font:inherit;border:1px solid #cbd5e1;border-radius:12px;padding:12px 14px}.account-access-page .account-role-card{min-width:0;overflow:hidden}.account-access-page .account-role-table-wrap{overflow-x:hidden}.account-access-page .account-role-table{table-layout:fixed;width:100%}.account-access-page .account-role-table th,.account-access-page .account-role-table td{min-width:0}.account-access-page .account-role-table th:first-child,.account-access-page .account-role-table th:nth-child(2){width:15%}.account-access-page .account-role-table th:nth-child(3){width:10%}.account-access-page .account-role-table th:nth-child(4){width:22%}.account-access-page .account-role-table th:nth-child(5),.account-access-page .account-role-table th:nth-child(6),.account-access-page .account-role-table th:nth-child(7){width:8%}.account-access-page .account-role-table th:nth-child(8){width:14%}.account-access-page .account-role-name,.account-access-page .account-role-code,.account-access-page .account-role-description{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;display:block;overflow:hidden}.account-access-page .account-role-code{color:#475569;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.account-access-page .account-role-tag,.account-access-page .account-role-status{white-space:nowrap;border-radius:999px;align-items:center;min-height:26px;padding:0 8px;font-size:12px;font-weight:900;display:inline-flex}.account-access-page .account-role-tag{color:#3730a3;background:#eef2ff}.account-access-page .account-role-status.active{color:#166534;background:#dcfce7}.account-access-page .account-role-status.inactive{color:#991b1b;background:#fee2e2}.account-access-page .account-role-actions{justify-content:flex-end;align-items:center;gap:6px;min-width:0;display:flex}.account-access-page .account-role-actions button{color:#fff;background:#111827;border:0;border-radius:10px;place-items:center;width:34px;min-width:34px;height:34px;margin:0;padding:0;display:inline-grid}.account-access-page .account-role-actions button.danger{background:#991b1b}.account-access-page .account-role-actions button[aria-label=啟用]{width:42px;min-width:42px;font-size:12px;font-weight:900}.account-access-page .account-role-mobile-list{display:none}.account-access-page .account-org-card,.account-access-page .account-org-table-wrap{min-width:0}.account-access-page .account-org-table{table-layout:fixed}.account-access-page .account-org-mobile-list{display:none}.account-access-page .account-access-section-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.account-access-page .account-access-section-head h2{margin:0}.account-access-page .account-access-section-head p{color:#64748b;margin:8px 0 0;line-height:1.6}.account-access-page .account-matrix-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.account-access-page .account-matrix-actions select{color:#0f172a;min-width:220px;height:44px;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:14px;padding:0 12px;font-weight:800}.account-access-page .account-role-summary{color:#475569;background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 14px;display:flex}.account-access-page .account-role-summary strong{color:#0f172a}.account-access-page .account-role-summary span{color:#64748b;font-size:13px;font-weight:900}.account-access-page .account-permission-page-card{min-width:0}.account-access-page .account-permission-layout{grid-template-columns:minmax(220px,280px) minmax(0,1fr);align-items:start;gap:18px;min-width:0;display:grid}.account-access-page .account-permission-role-panel{background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;gap:12px;min-width:0;max-height:calc(100vh - 150px);padding:14px;display:grid;position:sticky;top:18px;overflow:auto}.account-access-page .account-permission-panel-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.account-access-page .account-permission-panel-head h3{margin:0;font-size:16px}.account-access-page .account-permission-panel-head span{color:#64748b;font-size:12px;font-weight:900}.account-access-page .account-permission-role-list{gap:8px;display:grid}.account-access-page .account-permission-role-list button{color:#0f172a;text-align:left;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:14px;gap:4px;width:100%;min-width:0;padding:10px 12px;display:grid}.account-access-page .account-permission-role-list button.active{color:#fff;background:#111827;border-color:#111827}.account-access-page .account-permission-role-list strong,.account-access-page .account-permission-role-list span,.account-access-page .account-permission-role-list small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.account-access-page .account-permission-role-list span,.account-access-page .account-permission-role-list small{color:#64748b;font-size:12px;font-weight:800}.account-access-page .account-permission-role-list button.active span,.account-access-page .account-permission-role-list button.active small{color:#cbd5e1}.account-access-page .account-permission-main{gap:16px;min-width:0;display:grid}.account-access-page .account-permission-selected-role{background:#fff;border:1px solid #e5e7eb;border-radius:16px;justify-content:space-between;align-items:center;gap:14px;min-width:0;padding:14px;display:flex}.account-access-page .account-permission-selected-role div{min-width:0}.account-access-page .account-permission-selected-role span{color:#64748b;font-size:12px;font-weight:900}.account-access-page .account-permission-selected-role strong{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:20px;display:block;overflow:hidden}.account-access-page .account-permission-selected-role code{color:#475569;overflow-wrap:anywhere;margin-top:4px;font-size:12px;display:block}.account-access-page .account-permission-selected-meta{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.account-access-page .account-permission-selected-meta span{color:#3730a3;background:#eef2ff;border-radius:999px;align-items:center;min-height:28px;padding:0 10px;display:inline-flex}.account-access-page .account-permission-toolbar{align-items:center;gap:10px;display:flex}.account-access-page .account-permission-toolbar .merchant-search{flex:auto}.account-access-page .account-permission-toolbar button{min-height:42px}.account-access-page .account-permission-module-list{gap:14px;display:grid}.account-access-page .account-permission-module-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;min-width:0;overflow:hidden}.account-access-page .account-permission-module-head{background:#f8fafc;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px;display:flex}.account-access-page .account-permission-module-head h3{color:#0f172a;margin:0;font-size:17px}.account-access-page .account-permission-module-head span{color:#64748b;margin-top:4px;font-size:12px;font-weight:900;display:block}.account-access-page .account-permission-module-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.account-access-page .account-permission-module-actions button{color:#fff;background:#111827;border:0;border-radius:10px;min-height:34px;padding:0 10px;font-size:12px;font-weight:900}.account-access-page .account-permission-matrix-wrap{width:100%;max-width:100%;overflow-x:hidden}.account-access-page .account-permission-matrix{border-collapse:collapse;table-layout:fixed;width:100%}.account-access-page .account-permission-matrix th,.account-access-page .account-permission-matrix td{text-align:center;vertical-align:top;border-bottom:1px solid #e5e7eb;padding:12px 10px}.account-access-page .account-permission-matrix th:first-child{width:auto}.account-access-page .account-permission-check{color:#64748b;overflow-wrap:anywhere;justify-items:center;gap:6px;font-size:11px;line-height:1.25;display:grid}.account-access-page .account-permission-check input{width:18px;height:18px}.account-access-page .account-permission-empty{color:#cbd5e1}.account-access-page .company-password-notice{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:18px;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px;padding:16px;display:flex}.account-access-page .company-password-notice p{letter-spacing:1px;margin:8px 0 0;font-size:22px;font-weight:900}.account-access-page .company-password-notice button{color:#92400e;background:#fef3c7;border:0;border-radius:999px;place-items:center;width:36px;height:36px;display:grid}.account-access-page .account-access-modal{max-height:90vh;overflow:auto}.account-access-page .account-access-check{color:#334155;align-items:center;gap:10px;margin-bottom:16px;font-weight:900;display:flex}.account-access-page .account-role-box{background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;gap:12px;margin-bottom:22px;padding:16px;display:grid}.account-access-page .account-role-box p{color:#64748b;margin:0}.account-access-page .account-role-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.account-access-page .account-role-grid label{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:8px;min-height:40px;padding:8px 10px;font-weight:800;display:flex}body.dark .account-access-page .account-access-toolbar span,body.dark .account-access-page .account-access-table td span{color:#94a3b8}body.dark .account-access-page .company-password-notice{color:#fde68a;background:#422006;border-color:#92400e}body.dark .account-access-page .company-password-notice button{color:#fde68a;background:#78350f}body.dark .account-access-page .account-access-check{color:#cbd5e1}body.dark .account-access-page .account-role-box{background:#0f172a;border-color:#334155}body.dark .account-access-page .account-role-grid label{background:#111827;border-color:#334155}body.dark .account-access-page .account-role-code,body.dark .account-access-page .account-role-mobile-card p,body.dark .account-access-page .account-role-mobile-meta span,body.dark .account-access-page .account-role-mobile-description{color:#94a3b8}body.dark .account-access-page .account-role-tag{color:#c7d2fe;background:#312e81}body.dark .account-access-page .account-role-status.active{color:#bbf7d0;background:#14532d}body.dark .account-access-page .account-role-status.inactive{color:#fecaca;background:#7f1d1d}body.dark .account-access-page .account-role-mobile-card{background:#0f172a;border-color:#334155}body.dark .account-access-page .account-role-mobile-head h3,body.dark .account-access-page .account-role-mobile-meta b{color:#f8fafc}body.dark .account-access-page .account-permission-role-panel,body.dark .account-access-page .account-permission-module-head{background:#0f172a;border-color:#334155}body.dark .account-access-page .account-permission-role-list button,body.dark .account-access-page .account-permission-selected-role,body.dark .account-access-page .account-permission-module-card{color:#f8fafc;background:#111827;border-color:#334155}body.dark .account-access-page .account-permission-role-list button.active{background:#334155;border-color:#64748b}body.dark .account-access-page .account-permission-panel-head span,body.dark .account-access-page .account-permission-role-list span,body.dark .account-access-page .account-permission-role-list small,body.dark .account-access-page .account-permission-selected-role span,body.dark .account-access-page .account-permission-selected-role code,body.dark .account-access-page .account-permission-module-head span{color:#94a3b8}body.dark .account-access-page .account-permission-selected-role strong,body.dark .account-access-page .account-permission-module-head h3{color:#f8fafc}body.dark .account-access-page .account-permission-selected-meta span{color:#c7d2fe;background:#312e81}body.dark .account-access-page .account-access-tabs button{color:#e2e8f0;background:#111827;border-color:#334155}body.dark .account-access-page .account-access-tabs button.active{background:#334155;border-color:#475569}body.dark .account-access-page .account-access-section-head p,body.dark .account-access-page .account-role-summary,body.dark .account-access-page .account-role-summary span,body.dark .account-access-page .account-permission-check{color:#94a3b8}body.dark .account-access-page .account-matrix-actions select,body.dark .account-access-page .account-role-summary{color:#f8fafc;background:#0f172a;border-color:#334155}body.dark .account-access-page .account-role-summary strong{color:#f8fafc}body.dark .account-access-page .account-permission-matrix th,body.dark .account-access-page .account-permission-matrix td{border-color:#334155}@media (width<=1023px){.company-admin-layout{width:100%;max-width:100%;display:block}.company-topbar{z-index:40;background:#0f172a;border-bottom:1px solid #94a3b82e;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:12px;padding:14px 16px;display:grid;position:sticky;top:0}.company-menu-button{color:#fff;background:#111827;border:0;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.company-sidebar{z-index:60;width:min(84vw,320px);transition:transform .25s;position:fixed;inset:0 auto 0 0;transform:translate(-105%);box-shadow:20px 0 40px #0f172a61}.company-admin-layout.sidebar-open .company-sidebar{transform:translate(0)}.company-sidebar-overlay{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a7a;display:block;position:fixed;inset:0}.company-content{width:100%;padding:16px 16px 88px}.company-main{width:100%}.company-page-header{flex-direction:column}.company-page-header .company-setting-grid,.company-page-header .company-setting-grid button{width:100%}.company-stat-grid,.merchant-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.company-desktop-table,.merchant-table-wrap,.store-table-wrap,.terminal-table-wrap,.module-table-wrap,.audit-table-wrap{display:none}.company-mobile-list,.audit-mobile-timeline{gap:14px;display:grid}.company-bottom-action-bar{z-index:45;padding:12px 16px calc(12px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff0;border-top:1px solid #e5e7eb;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid;position:fixed;bottom:0;left:0;right:0}.company-bottom-action-bar button{width:100%}.account-access-page .company-page-header{padding-right:0}.account-access-page .account-access-toolbar{flex-direction:column;align-items:stretch}.account-access-page .account-access-toolbar .merchant-search{width:100%}.account-access-page .account-role-grid{grid-template-columns:1fr}.account-access-page .account-access-section-head,.account-access-page .account-matrix-actions{flex-direction:column;align-items:stretch}.account-access-page .account-matrix-actions select,.account-access-page .account-matrix-actions button{width:100%}.account-access-page .account-permission-layout{grid-template-columns:1fr}.account-access-page .account-permission-role-panel{max-height:none;position:static}.account-access-page .account-permission-role-list{grid-template-columns:1fr}.account-access-page .account-permission-selected-role,.account-access-page .account-permission-module-head,.account-access-page .account-permission-toolbar{flex-direction:column;align-items:stretch}.account-access-page .account-permission-selected-meta,.account-access-page .account-permission-module-actions{justify-content:flex-start}.account-access-page .account-permission-module-actions button,.account-access-page .account-permission-toolbar button{width:100%}.account-access-page .account-permission-matrix-wrap{overflow-x:auto}.account-access-page .account-permission-matrix{min-width:640px}.account-access-page .account-role-card{padding:16px}.account-access-page .account-role-table-wrap{display:none}.account-access-page .account-role-mobile-list,.account-access-page .account-org-mobile-list{gap:12px;display:grid}.account-access-page .account-role-mobile-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;gap:12px;width:100%;min-width:0;padding:14px;display:grid}.account-access-page .account-role-mobile-head{justify-content:space-between;align-items:flex-start;gap:12px;min-width:0;display:flex}.account-access-page .account-role-mobile-head h3{color:#0f172a;overflow-wrap:anywhere;margin:0;font-size:17px;line-height:1.3}.account-access-page .account-role-mobile-head p{color:#64748b;overflow-wrap:anywhere;margin:4px 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:13px}.account-access-page .account-role-mobile-tags{flex-wrap:wrap;gap:8px;display:flex}.account-access-page .account-role-mobile-tags span{color:#3730a3;background:#eef2ff;border-radius:999px;align-items:center;min-height:26px;padding:0 9px;font-size:12px;font-weight:900;display:inline-flex}.account-access-page .account-role-mobile-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.account-access-page .account-role-mobile-meta div{background:#f8fafc;border-radius:12px;gap:4px;padding:10px;display:grid}.account-access-page .account-role-mobile-meta span{color:#64748b;font-size:12px;font-weight:800}.account-access-page .account-role-mobile-meta b{color:#0f172a;font-size:18px}.account-access-page .account-role-mobile-description{color:#64748b;overflow-wrap:anywhere;margin:0;font-size:13px;line-height:1.5}.account-access-page .account-role-mobile-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.account-access-page .account-role-mobile-actions button{color:#fff;background:#111827;border:0;border-radius:12px;width:100%;min-height:40px;font-weight:900}.merchant-toolbar,.store-toolbar,.terminal-toolbar,.audit-toolbar{grid-template-columns:1fr}.merchant-page-header,.store-page .merchant-page-header,.terminal-page .merchant-page-header,.invoice-page .company-page-header{border-radius:18px;flex-direction:column;padding:18px}.merchant-page-header h1,.merchant-page-header p{word-break:break-word}.merchant-header-actions{width:100%}.merchant-header-actions button,.merchant-toolbar button,.store-toolbar button,.terminal-toolbar button,.audit-toolbar button,.merchant-pagination button{min-height:44px;font-size:16px}.merchant-pagination,.merchant-row-actions{width:100%}.merchant-pagination{gap:12px;display:grid}.merchant-row-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.merchant-detail-backdrop,.merchant-modal-backdrop{padding:12px}.merchant-modal,.merchant-detail-drawer{width:100%;max-width:none;max-height:calc(100vh - 24px)}}@media (width<=639px){.company-topbar{grid-template-columns:auto minmax(0,1fr)}.company-topbar-brand{display:none}.company-topbar-search{grid-column:1/-1;width:100%}.company-stat-grid,.merchant-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.merchant-mobile-meta,.merchant-mobile-actions{grid-template-columns:1fr}.merchant-mobile-actions button{width:100%}.company-page-header .company-setting-grid{grid-template-columns:1fr;display:grid}.company-bottom-action-bar{grid-template-columns:1fr}}@media (width>=768px) and (width<=1023px){.company-mobile-list,.audit-mobile-timeline{gap:12px;display:grid}.merchant-mobile-card,.store-mobile-card,.terminal-mobile-card,.invoice-mobile-card,.audit-timeline-card{border-radius:16px;gap:12px;padding:14px;box-shadow:0 8px 20px #0f172a0d}.merchant-mobile-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.merchant-mobile-meta>div{background:0 0;border:0;border-bottom:1px solid #e2e8f0;border-radius:0;padding:8px 0}.merchant-mobile-meta span{font-size:11px}.merchant-mobile-meta b{font-size:13px}.merchant-mobile-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.merchant-mobile-actions button{min-height:40px;padding:0 12px;font-size:14px}.audit-timeline-card h3{font-size:16px}.audit-timeline-card p{font-size:13px}}@media (width>=1024px){.company-admin-layout{width:100vw;max-width:100vw;display:flex}.company-main,.company-content{width:calc(100vw - 260px);max-width:none}.company-mobile-list,.audit-mobile-timeline{display:none!important}.company-desktop-table,.merchant-table-wrap,.store-table-wrap,.terminal-table-wrap,.module-table-wrap,.audit-table-wrap{display:block}.merchant-table,.store-table,.terminal-table,.audit-table,.company-table.invoice-table{width:100%;min-width:0}.merchant-table th,.merchant-table td,.store-table th,.store-table td,.terminal-table th,.terminal-table td,.audit-table th,.audit-table td,.invoice-table th,.invoice-table td{padding:10px 12px;font-size:14px}.merchant-table tbody tr,.store-table tbody tr,.terminal-table tbody tr,.audit-table tbody tr,.invoice-table tbody tr{height:72px}.merchant-row-actions button,.merchant-table button,.store-table button,.terminal-table button,.audit-table button,.invoice-table button{border-radius:10px;height:34px;min-height:34px;padding:0 10px;font-size:13px}.merchant-row-actions{grid-template-columns:none;grid-auto-flow:column;justify-content:flex-start;width:auto}.merchant-mobile-card,.store-mobile-card,.terminal-mobile-card,.invoice-mobile-card,.audit-timeline-card{display:none!important}}@media (width<=767px){.company-mobile-list,.audit-mobile-timeline{gap:12px;display:grid}.merchant-mobile-card,.store-mobile-card,.terminal-mobile-card,.invoice-mobile-card,.audit-timeline-card{border-radius:16px;gap:10px;padding:12px;box-shadow:0 8px 20px #0f172a0d}.merchant-mobile-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.merchant-mobile-meta>div{background:0 0;border:0;border-bottom:1px solid #e2e8f0;border-radius:0;padding:8px 0}.merchant-mobile-actions{grid-template-columns:1fr}.merchant-mobile-actions button{min-height:44px;font-size:15px}.audit-timeline-card h3{font-size:16px}.audit-timeline-card p{font-size:13px}.company-bottom-action-bar{grid-template-columns:1fr}}.hr-module-header{background:#fff;border-radius:22px;margin-bottom:20px;padding:24px}.hr-module-tabs{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.hr-module-tabs button{cursor:pointer;background:#e5e7eb;border:0;border-radius:999px;padding:12px 16px;font-weight:800}.hr-module-card{background:#fff;border-radius:22px;padding:28px;box-shadow:0 8px 24px #00000014}.hr-form-grid{grid-template-columns:180px 1fr;align-items:center;gap:14px;display:grid}.hr-form-grid input,.hr-form-grid select,.hr-form-grid textarea{box-sizing:border-box;border:1px solid #d1d5db;border-radius:12px;width:100%;padding:14px;font-size:16px}.hr-form-grid textarea{min-height:90px}.hr-form-grid button,.hr-placeholder button{color:#fff;cursor:pointer;background:#111827;border:0;border-radius:12px;margin-right:8px;padding:12px 16px;font-weight:800}.hr-module-status-box{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.hr-module-status-box span{color:#111827;background:#f1f5f9;border-radius:999px;padding:8px 12px;font-weight:800}.hr-module-status-box .status-ok{color:#166534;background:#dcfce7}.hr-module-status-box .status-warn{color:#92400e;background:#fef3c7}.hr-flow-box{background:#f8fafc;border-radius:18px;margin:20px 0;padding:20px}.hr-module-navigation{gap:16px;margin-bottom:20px;display:grid}.hr-module-home-button{color:#111827;cursor:pointer;background:#e5e7eb;border:0;border-radius:14px;width:fit-content;min-height:46px;padding:10px 20px;font-size:16px;font-weight:900}.hr-module-home-button.active{color:#fff;background:#14532d}.hr-module-nav-groups{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.hr-module-nav-group{background:#fff;border:1px solid #e2e8f0;border-radius:18px;min-width:0;padding:16px;box-shadow:0 8px 20px #0f172a0d}.hr-module-nav-group h2{color:#0f172a;margin:0 0 12px;font-size:17px}.hr-module-nav-group .hr-module-tabs{margin:0}.hr-feature-placeholder{text-align:center;place-items:center;min-height:260px;display:grid}.hr-feature-placeholder h2,.hr-feature-placeholder p{margin:8px 0 0}.hr-feature-placeholder p{color:#64748b;font-size:18px;font-weight:800}.hr-feature-placeholder-badge{color:#1d4ed8;background:#eff6ff;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:900}@media (width<=768px){.hr-module-nav-groups{grid-template-columns:1fr}.hr-module-home-button{width:100%}.hr-module-nav-group .hr-module-tabs{grid-template-columns:1fr;padding:0;display:grid;overflow:visible}.hr-module-nav-group .hr-module-tabs button{white-space:normal;width:100%}}.module-card-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:22px;display:grid}.module-card{background:#fff;border-radius:24px;padding:28px;box-shadow:0 10px 28px #0f172a14}.module-card h2{margin-top:0;font-size:28px}.module-card p{color:#64748b;font-size:17px}.module-price{color:#14532d;margin:18px 0;font-size:30px;font-weight:900}.module-meta{gap:8px;margin-bottom:18px;font-weight:800;display:grid}.module-actions{gap:10px;display:flex}.module-actions button{color:#fff;cursor:pointer;background:#14532d;border:0;border-radius:14px;padding:12px 18px;font-weight:900}.module-actions button.gray{background:#111827}.status-active{color:#166534;background:#dcfce7;border-radius:999px;padding:8px 12px;font-weight:900}.status-disabled{color:#991b1b;background:#fee2e2;border-radius:999px;padding:8px 12px;font-weight:900}.company-header-actions{gap:12px;display:flex}.company-header-actions button{color:#fff;cursor:pointer;background:#14532d;border:0;border-radius:14px;padding:12px 18px;font-weight:900}.company-brand,.company-brand h2,.company-brand p{opacity:1!important;visibility:visible!important}.company-brand h2{color:#fff!important;text-shadow:none!important;margin:0!important;font-size:28px!important;font-weight:900!important;line-height:1.2!important}.company-brand p{color:#cbd5e1!important;margin-top:10px!important;font-size:15px!important;font-weight:700!important}.company-sidebar{background:#0f172a!important}.company-sidebar button{color:#f8fafc!important}.company-sidebar button.active{color:#fff!important;background:#334155!important}.company-sidebar button:hover{color:#fff!important;background:#1e293b!important}.merchant-page{gap:18px;display:grid}.merchant-page-header{color:#fff;background:linear-gradient(135deg,#0f172a,#1d4ed8);border-radius:22px;justify-content:space-between;align-items:flex-start;gap:18px;padding:24px;display:flex;box-shadow:0 18px 42px #0f172a2e}.merchant-page-header h1{margin:0;font-size:clamp(28px,4vw,40px);line-height:1.12}.merchant-page-header p{color:#dbeafe;margin:10px 0 0;line-height:1.6}.merchant-eyebrow{color:#bfdbfe;letter-spacing:.04em;text-transform:uppercase;margin:0 0 8px;font-size:13px;font-weight:900}.merchant-header-actions{flex-wrap:wrap;gap:10px;display:flex}.merchant-primary-button,.merchant-secondary-button,.merchant-warning-button,.merchant-danger-button,.merchant-success-button,.merchant-icon-button{cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 16px;font-weight:900;transition:transform .15s,box-shadow .15s,opacity .15s;display:inline-flex}.merchant-primary-button{color:#fff;background:#14532d;box-shadow:0 10px 24px #14532d33}.merchant-secondary-button{color:#0f172a;background:#fff;border:1px solid #cbd5e1}.merchant-warning-button{color:#fff;background:#f59e0b}.merchant-success-button{color:#fff;background:#16a34a}.merchant-danger-button{color:#fff;background:#dc2626}.merchant-icon-button{color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;width:44px;padding:0}.merchant-primary-button:hover,.merchant-secondary-button:hover,.merchant-warning-button:hover,.merchant-danger-button:hover,.merchant-success-button:hover,.merchant-icon-button:hover{transform:translateY(-1px)}.merchant-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.merchant-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:16px;box-shadow:0 10px 26px #0f172a0f}.merchant-stat-card span{color:#64748b;font-size:13px;font-weight:900;display:block}.merchant-stat-card strong{margin-top:10px;font-size:30px;line-height:1;display:block}.merchant-stat-card.warning strong{color:#d97706}.merchant-stat-card.danger strong{color:#dc2626}.merchant-card{background:#fff;border:1px solid #e5e7eb;border-radius:22px;padding:20px;overflow:visible;box-shadow:0 12px 30px #0f172a0f}.company-merchant-list{width:100%;max-width:100%;overflow:visible}.company-desktop-list{display:none}.company-merchant-header,.company-merchant-row{grid-template-columns:minmax(110px,1.2fr) minmax(80px,.8fr) minmax(100px,.9fr) 64px 64px 64px 64px 170px;align-items:center;gap:12px;display:grid}.company-merchant-header{color:#64748b;text-transform:uppercase;letter-spacing:.04em;padding:0 8px 10px;font-size:12px;font-weight:900}.company-merchant-row{background:#fff;border:1px solid #e5e7eb;border-radius:18px;min-width:0;margin-bottom:12px;padding:12px 14px;box-shadow:0 10px 24px #0f172a0d}.company-merchant-row>div{min-width:0}.company-merchant-name-cell .merchant-link{text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:inline-flex;overflow:hidden}.company-merchant-actions{flex-wrap:nowrap;justify-content:flex-end;gap:6px;width:170px;display:flex;overflow:visible}.company-action-text-button{white-space:nowrap;border-radius:12px;min-width:42px;height:38px;padding:0 10px;font-size:12px;font-weight:900}.company-action-state-button{width:54px;min-width:54px;max-width:54px;padding:0}.company-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.company-toolbar-left{flex:1;min-width:280px}.company-toolbar-right{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.merchant-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.merchant-search{background:#fff;border:1px solid #cbd5e1;border-radius:14px;align-items:center;gap:10px;height:48px;padding:0 14px;display:flex}.merchant-search input{background:0 0;border:0;outline:none;width:100%;font-size:16px}.merchant-filter{background:#fff;border:1px solid #cbd5e1;border-radius:14px;height:48px;padding:0 12px;font-size:16px}.company-table-wrap,.merchant-table-wrap{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #e5e7eb;border-radius:18px;width:100%;overflow:auto visible}.merchant-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:0}.merchant-table th,.merchant-table td{text-align:left;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #eef2f7;padding:14px 12px;overflow:hidden}.merchant-table th{color:#334155;white-space:nowrap;background:#f8fafc;font-size:13px;font-weight:900}.merchant-link{color:#0f172a;text-align:left;background:0 0;border:0;padding:0;font-weight:900}.merchant-row-actions{flex-wrap:nowrap;justify-content:flex-end;gap:8px;display:flex}.merchant-row-actions button{border:0;border-radius:12px;flex:none;place-items:center;width:38px;height:38px;display:inline-grid}.company-action-cell{z-index:auto;width:160px;min-width:160px;max-width:160px;box-shadow:none;background:0 0;position:static}.merchant-table th.company-action-cell{z-index:auto}.company-action-buttons{flex-wrap:nowrap;justify-content:flex-end;gap:8px;width:160px;display:flex}.company-action-buttons button{white-space:nowrap;flex:none;justify-content:center;align-items:center;gap:4px;width:auto;min-width:42px;height:38px;padding:0 10px;font-size:12px;display:inline-flex}.hide-under-1280{display:none}@media (width>=1280px){.hide-under-1280{display:table-cell}}.merchant-status-badge{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:30px;padding:6px 10px;font-size:12px;font-weight:1000;display:inline-flex}.merchant-status-badge.active{color:#166534;background:#dcfce7}.merchant-status-badge.suspended{color:#92400e;background:#fef3c7}.merchant-status-badge.closed{color:#991b1b;background:#fee2e2}.merchant-kpi-pill{color:#0f172a;background:#e2e8f0;border-radius:999px;align-items:center;min-height:30px;padding:6px 10px;font-size:12px;font-weight:900;display:inline-flex}.merchant-empty-state{text-align:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:18px;place-items:center;gap:10px;min-height:280px;padding:24px;display:grid}.merchant-empty-state h3,.merchant-empty-state p{margin:0}.merchant-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;display:flex}.merchant-pagination button{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:14px;align-items:center;gap:8px;min-height:44px;padding:0 14px;font-weight:900;display:inline-flex}.merchant-pagination button:disabled{opacity:.5;cursor:not-allowed}.merchant-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:14px;margin:0 0 14px;padding:12px 14px;font-weight:900}.merchant-toast{z-index:1200;color:#fff;background:#0f172a;border-radius:14px;padding:12px 16px;position:fixed;top:18px;right:18px;box-shadow:0 18px 40px #0f172a3d}.merchant-modal-backdrop,.merchant-detail-backdrop{z-index:1100;background:#0f172a8c;justify-content:flex-end;display:flex;position:fixed;inset:0}.merchant-modal{background:#fff;width:min(920px,100%);max-height:100%;padding:24px;overflow:auto;box-shadow:-18px 0 50px #0f172a2e}.merchant-modal-head,.merchant-detail-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.merchant-modal-head h2,.merchant-detail-head h2{margin:0;font-size:28px}.merchant-modal-head p{color:#64748b;margin:8px 0 0}.merchant-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.merchant-form-grid label{gap:8px;display:grid}.merchant-form-grid span{color:#334155;font-size:13px;font-weight:900}.merchant-form-grid input{border:1px solid #cbd5e1;border-radius:14px;height:48px;padding:0 14px;font-size:16px}.merchant-form-wide{grid-column:1/-1}.merchant-form-actions{justify-content:flex-end;gap:10px;margin-top:6px;display:flex}.merchant-detail-drawer{background:#fff;width:min(640px,100%);max-width:100%;height:100%;padding:24px;overflow:auto;box-shadow:-18px 0 50px #0f172a2e}.merchant-detail-body{gap:18px;display:grid}.merchant-detail-section{background:#f8fafc;border:1px solid #e5e7eb;border-radius:18px;padding:16px}.merchant-detail-section h3{margin:0 0 12px;font-size:18px}.merchant-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.merchant-detail-grid div{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:12px}.merchant-detail-grid span{color:#64748b;font-size:12px;font-weight:900;display:block}.merchant-detail-grid b{word-break:break-all;margin-top:6px;font-size:15px;display:block}.merchant-detail-wide{grid-column:1/-1}.merchant-detail-list{gap:10px;display:grid}.merchant-detail-item{background:#fff;border:1px solid #e5e7eb;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.merchant-detail-item p{color:#64748b;margin:4px 0 0;font-size:13px}.merchant-empty-inline{color:#64748b;padding:12px 0}body.dark .merchant-page-header,body.dark .merchant-card,body.dark .merchant-stat-card,body.dark .merchant-table-wrap,body.dark .merchant-modal,body.dark .merchant-detail-drawer,body.dark .merchant-detail-section,body.dark .merchant-detail-grid div,body.dark .merchant-detail-item,body.dark .merchant-search,body.dark .merchant-filter,body.dark .merchant-pagination button,body.dark .merchant-secondary-button,body.dark .merchant-icon-button{color:#fff;background:#0f172a;border-color:#334155}body.dark .merchant-table th{color:#cbd5e1;background:#111827}body.dark .merchant-link{color:#fff}body.dark .company-action-cell{box-shadow:none;background:0 0}body.dark .merchant-stat-card span,body.dark .merchant-detail-section p,body.dark .merchant-detail-grid span,body.dark .merchant-detail-item p,body.dark .merchant-modal-head p{color:#94a3b8}body.dark .merchant-toast{background:#111827}@media (width<=768px){.merchant-page-header{padding:20px;display:grid}.merchant-header-actions{width:100%}.merchant-header-actions .merchant-primary-button,.merchant-header-actions .merchant-secondary-button{flex:1 1 0}.merchant-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.merchant-toolbar{grid-template-columns:1fr}.merchant-table{min-width:1120px}.merchant-modal,.merchant-detail-drawer{width:100%;padding:18px}.merchant-form-grid,.merchant-detail-grid{grid-template-columns:1fr}.merchant-detail-wide{grid-column:auto}.merchant-pagination{display:grid}.merchant-pagination button{width:100%}}.store-page{gap:18px;display:grid}.store-card{background:#fff;border:1px solid #e5e7eb;border-radius:22px;padding:20px;box-shadow:0 12px 30px #0f172a0f}.store-toolbar{grid-template-columns:minmax(0,1fr) 180px 180px auto auto;align-items:center;gap:12px;margin-bottom:16px;display:grid}.store-toolbar .merchant-search,.store-toolbar .merchant-filter{width:100%}.store-table-wrap{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #e5e7eb;border-radius:18px;width:100%;overflow-x:auto}.store-table{border-collapse:collapse;width:100%;min-width:1320px}.store-status-badge{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:30px;padding:6px 10px;font-size:12px;font-weight:1000;display:inline-flex}.store-status-badge.active{color:#166534;background:#dcfce7}.store-status-badge.suspended{color:#92400e;background:#fef3c7}.store-status-badge.closed{color:#991b1b;background:#fee2e2}.store-detail-drawer{width:min(700px,100%)}.animate-spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body.dark .store-page,body.dark .store-card,body.dark .store-table-wrap,body.dark .store-detail-drawer{color:#fff;background:#0f172a;border-color:#334155}body.dark .store-status-badge.active{color:#dcfce7;background:#14532d}body.dark .store-status-badge.suspended{color:#fef3c7;background:#854d0e}body.dark .store-status-badge.closed{color:#fee2e2;background:#7f1d1d}@media (width<=768px){.store-toolbar{grid-template-columns:1fr}.store-table{min-width:1120px}.store-detail-drawer{width:100%;padding:18px}}.terminal-page{gap:18px;display:grid}.terminal-card{background:#fff;border:1px solid #e5e7eb;border-radius:22px;padding:20px;box-shadow:0 12px 30px #0f172a0f}.terminal-toolbar{grid-template-columns:minmax(0,1fr) 180px 180px 180px 180px auto auto;align-items:center;gap:12px;margin-bottom:16px;display:grid}.terminal-toolbar .merchant-search,.terminal-toolbar .merchant-filter{width:100%}.terminal-table-wrap{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #e5e7eb;border-radius:18px;width:100%;overflow-x:auto}.terminal-table{border-collapse:collapse;width:100%;min-width:1560px}.terminal-status-badge,.terminal-online-badge{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-height:30px;padding:6px 10px;font-size:12px;font-weight:1000;display:inline-flex}.terminal-status-badge.active{color:#166534;background:#dcfce7}.terminal-status-badge.suspended{color:#92400e;background:#fef3c7}.terminal-status-badge.closed{color:#991b1b;background:#fee2e2}.terminal-online-badge.online{color:#1d4ed8;background:#dbeafe}.terminal-online-badge.offline{color:#334155;background:#e2e8f0}.terminal-detail-drawer{width:min(760px,100%)}body.dark .terminal-page,body.dark .terminal-card,body.dark .terminal-table-wrap,body.dark .terminal-detail-drawer{color:#fff;background:#0f172a;border-color:#334155}body.dark .terminal-status-badge.active{color:#dcfce7;background:#14532d}body.dark .terminal-status-badge.suspended{color:#fef3c7;background:#854d0e}body.dark .terminal-status-badge.closed{color:#fee2e2;background:#7f1d1d}body.dark .terminal-online-badge.online{color:#dbeafe;background:#1e3a8a}body.dark .terminal-online-badge.offline{color:#e2e8f0;background:#334155}@media (width<=768px){.terminal-toolbar{grid-template-columns:1fr}.terminal-table{min-width:1320px}.terminal-detail-drawer{width:100%;padding:18px}}.audit-page{gap:18px;display:grid}.audit-card{background:#fff;border:1px solid #e5e7eb;border-radius:22px;padding:20px;box-shadow:0 12px 30px #0f172a0f}.audit-toolbar{grid-template-columns:minmax(0,1fr) 160px 140px 170px 170px auto auto;align-items:center;gap:12px;margin-bottom:16px;display:grid}.audit-toolbar .merchant-search,.audit-toolbar .merchant-filter{width:100%}.audit-table-wrap{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #e5e7eb;border-radius:18px;width:100%;overflow-x:auto}.audit-table{border-collapse:collapse;width:100%;min-width:1280px}.audit-action-badge{color:#0f172a;white-space:nowrap;background:#e2e8f0;border-radius:999px;justify-content:center;align-items:center;min-height:28px;padding:4px 10px;font-size:12px;font-weight:900;display:inline-flex}.audit-detail-drawer{width:min(780px,100%)}.audit-json-block{color:#e2e8f0;background:#0f172a;border-radius:16px;margin:0;padding:16px;font-size:13px;line-height:1.6;overflow:auto}body.dark .audit-page,body.dark .audit-card,body.dark .audit-table-wrap,body.dark .audit-detail-drawer{color:#fff;background:#0f172a;border-color:#334155}body.dark .audit-action-badge{color:#f8fafc;background:#334155}body.dark .audit-json-block{color:#cbd5e1;background:#020617}@media (width<=768px){.audit-toolbar{grid-template-columns:1fr}.audit-table{min-width:1120px}.audit-detail-drawer{width:100%;padding:18px}}.hr-grid-4{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.hr-form-block{margin-top:24px}.hr-form-block textarea{border:1px solid #dbe4ee;border-radius:16px;width:100%;padding:16px;font-size:16px}.hr-info-box{background:#f8fafc;border-radius:18px;margin-top:24px;padding:20px}.hr-info-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.hr-info-grid span{color:#64748b;margin-bottom:8px;display:block}.hr-action-row{gap:14px;margin-top:24px;display:flex}.hr-primary-btn{color:#fff;cursor:pointer;background:#166534;border:0;border-radius:14px;padding:14px 24px;font-weight:900}.hr-print-btn{color:#fff;cursor:pointer;background:#0f172a;border:0;border-radius:14px;padding:14px 24px;font-weight:900}.hr-status-approved{color:#166534;font-weight:900}.hr-status-rejected{color:#dc2626;font-weight:900}.hr-status-pending{color:#ca8a04;font-weight:900}.hr-table-actions{gap:10px;display:flex}.hr-table-actions .approve{color:#fff;background:#166534}.hr-table-actions .reject{color:#fff;background:#dc2626}.hr-table-actions button{cursor:pointer;border:0;border-radius:10px;padding:10px 14px;font-weight:800}.hr-warning-text{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:14px;margin-bottom:18px;padding:12px 16px;font-weight:800}.hr-lock-badge{color:#334155;background:#e2e8f0;border-radius:999px;padding:7px 12px;font-weight:900}.hr-payroll-page{gap:18px;display:grid}.payroll-hero{color:#fff;background:linear-gradient(135deg,#0f172a,#1e3a8a);border-radius:18px;justify-content:space-between;align-items:stretch;gap:18px;padding:22px;display:flex}.payroll-hero h1{margin:6px 0}.payroll-hero p{color:#dbeafe}.payroll-eyebrow{color:#93c5fd;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:12px;font-weight:900}.payroll-period-panel{background:#ffffff1a;border:1px solid #ffffff2e;border-radius:14px;gap:10px;width:min(360px,100%);padding:16px;display:grid}.payroll-period-panel label{color:#bfdbfe;font-weight:800}.payroll-period-panel input,.payroll-period-panel button,.payroll-view-tabs button,.payroll-section-head button{border:0;border-radius:10px;height:42px;padding:0 12px}.payroll-period-panel input{color:#111827;background:#fff}.payroll-print-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.payroll-print-actions button,.payroll-section-head button{color:#fff;background:#2563eb;font-weight:800}.payroll-summary-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.payroll-summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;gap:8px;padding:18px;display:grid}.payroll-summary-card span,.payroll-summary-card small{color:#64748b}.payroll-summary-card b{font-size:28px}.payroll-summary-card.danger b{color:#dc2626}.payroll-view-tabs{background:#fff;border:1px solid #e5e7eb;border-radius:14px;gap:8px;padding:8px;display:flex;overflow:auto}.payroll-view-tabs button{color:#334155;white-space:nowrap;background:#f8fafc;font-weight:800}.payroll-view-tabs button.active{color:#fff;background:#1d4ed8}.payroll-section-head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.payroll-section-head h2{margin:0 0 6px}.payroll-section-head p{color:#64748b;margin:0}.payroll-table-card{overflow:hidden}.payroll-table-wrap{border:1px solid #e5e7eb;border-radius:12px;width:100%;overflow:auto}.payroll-table{white-space:nowrap;min-width:980px}.payroll-landscape-table{min-width:1500px}.payroll-settings-table{min-width:1320px}.payroll-table th{color:#475569;background:#f8fafc;font-size:13px}.payroll-table td,.payroll-table th{vertical-align:middle}.payroll-table .sticky-col{z-index:2;background:#fff;position:sticky;left:0;box-shadow:1px 0 #e5e7eb}.payroll-table th.sticky-col{z-index:3;background:#f8fafc}.payroll-settings-table input,.payroll-settings-table select,.payroll-payslip-panel select{background:#fff;border:1px solid #dbe3ef;border-radius:9px;width:100%;min-width:96px;height:38px;padding:0 10px}.payroll-settings-table .sticky-col span{color:#64748b;margin-top:4px;font-size:12px;display:block}.payroll-inline-fields{grid-template-columns:minmax(120px,1fr) 86px;gap:8px;display:grid}.payroll-link-btn{color:#1d4ed8;background:0 0;border:0;padding:0;font-weight:900}.payroll-payslip-layout{grid-template-columns:minmax(0,1fr) 320px;gap:18px;display:grid}.payslip-sheet{background:#fff;border:1px solid #cbd5e1;border-radius:12px;overflow:hidden}.payslip-head{color:#fff;background:#0f172a;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px;display:flex}.payslip-head h3{margin:0 0 6px}.payslip-head p{color:#cbd5e1;margin:0}.payslip-head strong{font-size:28px}.payslip-info-grid{border-bottom:1px solid #e5e7eb;grid-template-columns:repeat(4,1fr);display:grid}.payslip-info-grid span{color:#64748b;border-right:1px solid #e5e7eb;padding:14px}.payslip-info-grid span:last-child{border-right:0}.payslip-info-grid b{color:#111827;margin-top:5px;display:block}.payslip-lines{grid-template-columns:1fr 1fr;padding:6px 18px;display:grid}.payslip-lines div{border-bottom:1px solid #eef2f7;justify-content:space-between;gap:14px;padding:12px 0;display:flex}.payslip-lines div:nth-child(odd){padding-right:18px}.payslip-lines div:nth-child(2n){border-left:1px solid #eef2f7;padding-left:18px}.payslip-total{color:#1e3a8a;background:#eff6ff;justify-content:space-between;align-items:center;padding:18px;display:flex}.payslip-total b{font-size:30px}.payroll-side-card{align-self:start}.payroll-side-card p{color:#334155;justify-content:space-between;gap:12px;margin:12px 0;display:flex}.payroll-status{color:#374151;background:#e5e7eb;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:900;display:inline-flex}.payroll-status.late{color:#92400e;background:#fef3c7}.payroll-status.absent{color:#991b1b;background:#fee2e2}.payroll-status.overtime,.payroll-status.restOvertime{color:#6d28d9;background:#ede9fe}.payroll-status.leave{color:#1d4ed8;background:#dbeafe}.payroll-stats-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.payroll-empty{color:#64748b}.payroll-settings-stack{gap:18px;display:grid}.legal-rule-card{background:linear-gradient(#eff6ff,#fff);border:1px solid #bfdbfe}.locked-rule-badge{color:#166534;white-space:nowrap;background:#dcfce7;border-radius:999px;justify-content:center;align-items:center;width:max-content;padding:6px 10px;font-size:12px;font-weight:900;display:inline-flex}.payroll-warning{color:#991b1b;white-space:normal;background:#fee2e2;border-radius:10px;align-items:center;width:max-content;max-width:360px;padding:7px 10px;font-size:12px;font-weight:900;line-height:1.4;display:inline-flex}.payroll-law-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.payroll-law-grid div{background:#fff;border:1px solid #dbeafe;border-radius:12px;gap:7px;padding:14px;display:grid}.payroll-law-grid span{color:#64748b;font-size:13px;font-weight:800}.payroll-law-grid b{color:#0f172a;line-height:1.5}.payroll-policy-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.payroll-policy-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;gap:12px;padding:14px;display:grid}.payroll-policy-card h3{margin:0}.payroll-policy-card label{color:#475569;gap:7px;font-weight:800;display:grid}.payroll-policy-card input,.payroll-policy-card select{background:#fff;border:1px solid #dbe3ef;border-radius:9px;height:38px;padding:0 10px}.payroll-employee-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.payroll-employee-setting-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;gap:14px;padding:16px;display:grid}.payroll-setting-card-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.payroll-setting-card-head h3{margin:0 0 4px}.payroll-setting-card-head p{color:#64748b;margin:0}.payroll-employee-setting-card label,.payroll-policy-card label{align-content:start;gap:8px;display:grid}.payroll-employee-setting-card input,.payroll-employee-setting-card select,.payroll-policy-card input,.payroll-policy-card select{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:12px;width:100%;min-height:48px;padding:0 12px;font-size:16px}.payroll-employee-setting-card small{color:#64748b;line-height:1.5}.payroll-input-invalid{background:#fff1f2!important;border-color:#dc2626!important}.payroll-setting-law-meta{background:#f8fafc;border-radius:12px;grid-template-columns:auto 1fr;gap:6px 10px;padding:12px;display:grid}.payroll-setting-law-meta span{color:#64748b;font-weight:800}.payroll-setting-law-meta b{overflow-wrap:anywhere;min-width:0}.payroll-employee-setting-card input:disabled,.payroll-employee-setting-card select:disabled,.payroll-policy-card input:disabled,.payroll-policy-card select:disabled{color:#6b7280;opacity:1;cursor:not-allowed;background:#f3f4f6;border-color:#d1d5db}.payroll-employee-select{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:12px;min-width:240px;min-height:48px;padding:0 12px;font-size:16px}.liff-clock-page{gap:16px;display:grid}.liff-clock-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;gap:14px;padding:18px;display:grid;box-shadow:0 10px 28px #0f172a14}.liff-clock-card h2{margin:0}.liff-clock-form-grid,.liff-clock-info-grid{grid-template-columns:1fr;gap:12px;display:grid}.liff-clock-full{grid-column:1/-1}.liff-clock-form-grid label{color:#334155;gap:8px;font-weight:900;display:grid}.liff-clock-form-grid input,.liff-clock-form-grid select{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:12px;width:100%;min-height:48px;padding:0 12px;font-size:16px}.liff-clock-info-grid p{border:1px solid #e5e7eb;border-radius:12px;gap:5px;margin:0;padding:12px;display:grid}.liff-clock-info-grid span{color:#64748b;font-weight:800}.liff-clock-status{border-width:2px}.gps-pass{color:#166534;background:#dcfce7;border-color:#86efac}.gps-fail{color:#991b1b;background:#fee2e2;border-color:#fecaca}.trust-score-card{color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:16px;gap:6px;min-width:180px;padding:16px;display:grid}.trust-score-card span,.trust-score-card small{color:#dbeafe}.trust-score-card b{font-size:34px}.clock-action-button{color:#fff;background:#0f172a;border:0;border-radius:14px;width:100%;min-height:56px;font-size:18px;font-weight:900}.clock-action-button.primary{background:#14532d}.clock-action-button:disabled{color:#475569;cursor:not-allowed;opacity:1;background:#cbd5e1}.liff-map-preview{background:#f8fafc;border:1px solid #d1d5db;border-radius:14px;width:100%;height:320px;overflow:hidden}.liff-map-hint{color:#1e3a8a;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;margin:0;padding:12px;font-weight:900;line-height:1.5}.geocode-candidate-list{gap:10px;display:grid}.geocode-candidate-list h3{margin:4px 0}.geocode-candidate-list div{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;gap:8px;padding:12px;display:grid}.geocode-candidate-list p{color:#111827;margin:0;line-height:1.5}.geocode-candidate-list span{color:#64748b;font-weight:800}.geocode-candidate-list button{color:#fff;background:#14532d;border:0;border-radius:12px;width:100%;min-height:44px;font-weight:900}.payroll-rule-note{color:#64748b;margin:14px 0 0;line-height:1.6}.payslip-warning{margin:14px 18px 0}.leave-summary-card{background:#fff;border:1px solid #dbeafe;border-radius:16px;gap:8px;padding:18px;display:grid}.leave-summary-card span,.leave-summary-card small{color:#64748b}.leave-summary-card b{color:#0f172a;font-size:28px}.leave-summary-card.danger b{color:#dc2626}.leave-warning{color:#991b1b;white-space:normal;background:#fee2e2;border-radius:10px;align-items:center;width:max-content;max-width:360px;padding:7px 10px;font-size:12px;font-weight:900;line-height:1.4;display:inline-flex}.leave-law-badge{color:#166534;white-space:nowrap;background:#dcfce7;border-radius:999px;justify-content:center;align-items:center;width:max-content;padding:7px 11px;font-size:12px;font-weight:900;display:inline-flex}.leave-print-layout{gap:18px;display:grid}.leave-section-title{margin:18px 0 12px}.leave-expiry-list{gap:10px;display:grid}.leave-expiry-list div{background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;gap:5px;padding:12px;display:grid}.leave-expiry-list strong{color:#9a3412}.leave-expiry-list span{color:#7c2d12}.leave-rights-card{border:1px solid #c7d2fe}.leave-balance-table{min-width:1280px}.leave-balance-table .sticky-col span{color:#64748b;margin-top:4px;font-size:12px;display:block}.leave-balance-used{color:#92400e;font-weight:800}.leave-balance-remain{color:#166534;font-weight:900}.leave-balance-empty{color:#991b1b;font-weight:900}.leave-record-list{white-space:normal;gap:6px;min-width:220px;display:grid}.leave-record-list span{color:#475569;background:#f8fafc;border-radius:8px;padding:7px 9px;font-size:12px;line-height:1.45;display:block}.law-version-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:18px}.law-active-badge,.law-draft-badge,.law-archived-badge{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;width:max-content;padding:7px 11px;font-size:12px;font-weight:900;display:inline-flex}.law-active-badge{color:#166534;background:#dcfce7}.law-draft-badge{color:#92400e;background:#fef3c7}.law-archived-badge{color:#374151;background:#e5e7eb}.law-rule-grid{gap:18px;display:grid}.law-locked-notice{color:#1e3a8a;background:#eff6ff;border:1px solid #bfdbfe;border-radius:14px;padding:14px 16px;font-weight:800;line-height:1.6}body.dark .payroll-summary-card,body.dark .leave-summary-card,body.dark .payroll-view-tabs,body.dark .payslip-sheet,body.dark .legal-rule-card,body.dark .payroll-law-grid div,body.dark .payroll-policy-card,body.dark .leave-rights-card,body.dark .law-version-card{background:#1e293b;border-color:#334155}body.dark .payroll-view-tabs button,body.dark .payroll-table th,body.dark .payroll-table th.sticky-col{color:#cbd5e1;background:#0f172a}body.dark .payroll-table .sticky-col,body.dark .payroll-settings-table input,body.dark .payroll-settings-table select,body.dark .payroll-payslip-panel select,body.dark .payroll-policy-card input,body.dark .payroll-policy-card select,body.dark .payroll-employee-setting-card,body.dark .payroll-employee-setting-card input,body.dark .payroll-employee-setting-card select,body.dark .payroll-employee-select,body.dark .liff-clock-card,body.dark .liff-clock-form-grid input,body.dark .liff-clock-form-grid select,body.dark .liff-clock-info-grid p,body.dark .liff-map-preview,body.dark .geocode-candidate-list div{color:#fff;background:#1e293b;border-color:#334155}body.dark .liff-clock-form-grid label,body.dark .liff-clock-info-grid span{color:#cbd5e1}body.dark .liff-map-hint{color:#bfdbfe;background:#172554;border-color:#1d4ed8}body.dark .geocode-candidate-list p{color:#fff}body.dark .payroll-setting-law-meta{background:#0f172a}body.dark .payslip-info-grid b,body.dark .payroll-side-card p,body.dark .payroll-law-grid b,body.dark .leave-summary-card b{color:#fff}body.dark .leave-expiry-list div{background:#431407;border-color:#9a3412}body.dark .leave-expiry-list strong,body.dark .leave-expiry-list span{color:#fed7aa}body.dark .leave-record-list span{color:#cbd5e1;background:#0f172a}body.dark .law-locked-notice{color:#bfdbfe;background:#172554;border-color:#1d4ed8}body.dark .payslip-total{color:#bfdbfe;background:#172554}@media (width<=1100px){.payroll-summary-grid,.payroll-stats-grid,.payroll-law-grid,.payroll-policy-grid{grid-template-columns:1fr 1fr}.payroll-payslip-layout{grid-template-columns:1fr}.payslip-info-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.payroll-hero,.payroll-section-head{display:grid}.payroll-summary-grid,.payroll-stats-grid,.payroll-law-grid,.payroll-policy-grid,.payslip-info-grid,.payslip-lines,.payroll-print-actions{grid-template-columns:1fr}.payroll-summary-card b{font-size:24px}.payslip-info-grid span,.payslip-lines div:nth-child(2n),.payslip-lines div:nth-child(odd){border-left:0;border-right:0;padding-left:0;padding-right:0}.payslip-lines{padding:6px 14px}.payslip-head{display:grid}}@media print{.payroll-landscape-table{min-width:0;font-size:9px}.payroll-table .sticky-col{box-shadow:none;position:static}.payslip-sheet{page-break-inside:avoid;border:1px solid #111827}}.main,.merchant-main,.merchant-content,.hr-module-page,.hr-page,.hr-card{min-width:0;max-width:100%}.hr-module-page{width:100%;padding:16px;overflow-x:hidden}.hr-page{gap:16px;display:grid}.hr-module-header,.hr-page-header,.hr-card{border-radius:16px;padding:16px}.hr-module-header{background:#fff;gap:14px;display:grid}.hr-module-header h1,.hr-page-header h1,.payroll-hero h1{overflow-wrap:anywhere;max-width:100%;line-height:1.15}.hr-module-header h1{margin:0;font-size:clamp(28px,8vw,34px)}.hr-page-header h1,.payroll-hero h1{font-size:clamp(26px,7vw,34px)}.hr-module-header p,.hr-page-header p{color:#64748b;overflow-wrap:anywhere;margin:8px 0 0;line-height:1.6}.hr-card{overflow-x:auto}.hr-card h2,.payroll-section-head h2{overflow-wrap:anywhere;font-size:clamp(22px,5.6vw,28px);line-height:1.2}.hr-module-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:thin;gap:10px;max-width:100%;margin-bottom:16px;padding:2px 2px 10px;display:flex;overflow:auto hidden}.hr-module-tabs button{white-space:nowrap;border:0;border-radius:999px;flex:none;min-height:44px;padding:10px 16px;font-size:16px;font-weight:900;color:#111827!important;opacity:1!important;background:#e5e7eb!important}.hr-module-tabs button.active{color:#fff!important;background:#14532d!important}.hr-module-tabs button:disabled,.hr-module-tabs button[disabled]{opacity:1!important}.payroll-hero{color:#fff;background:linear-gradient(135deg,#0f172a,#1e3a8a);grid-template-columns:1fr;align-items:start;min-width:0;height:auto;padding:24px;display:grid;overflow:visible}.payroll-hero p,.payroll-hero .payroll-eyebrow{color:#dbeafe}.payroll-period-panel{width:100%;min-width:0}.payroll-law-grid,.payroll-policy-grid,.payroll-employee-settings-grid,.payroll-summary-grid,.payroll-stats-grid,.law-rule-grid,.hr-info-grid,.hr-kpi-grid,.payslip-info-grid,.payslip-lines,.payroll-payslip-layout,.hr-grid-4,.hr-detail-grid{grid-template-columns:1fr}.payroll-law-grid,.payroll-law-grid div,.law-rule-grid,.law-version-card,.legal-rule-card,.leave-rights-card{min-width:0;max-width:100%;overflow:visible}.payroll-law-grid b,.payroll-law-grid span,.law-version-card b,.law-version-card span,.law-locked-notice,.leave-warning,.payroll-warning{white-space:normal;overflow-wrap:anywhere}.payroll-table-wrap,.table-wrap{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.hr-table,.company-table{width:100%;min-width:720px}.hr-card>.hr-table,.hr-card>.company-table{-webkit-overflow-scrolling:touch;max-width:100%;display:block;overflow-x:auto}.payroll-table,.payroll-landscape-table,.payroll-settings-table,.leave-balance-table{width:max-content;max-width:none}.hr-filter-row,.hr-action-row,.hr-table-actions,.module-actions,.company-header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.hr-filter-row input,.hr-filter-row select,.hr-field input,.hr-field select,.hr-field textarea,.hr-form input,.hr-form select,.hr-form textarea{max-width:100%;min-height:44px;font-size:16px}.hr-form,.hr-form-wide{grid-template-columns:1fr;gap:14px;display:grid}.hr-field{min-width:0}.hr-field label{font-size:16px;line-height:1.3}.hr-module-page button,.hr-page button,.hr-card button{min-height:44px;font-size:16px}.payslip-lines div:nth-child(2n),.payslip-lines div:nth-child(odd){border-left:0;padding-left:0;padding-right:0}@media (width<=768px){.main,.merchant-content,.merchant-main,.hr-module-page{padding:12px}.hr-module-header,.hr-page-header,.hr-card{border-radius:14px;padding:16px}.hr-page-header h1,.payroll-hero h1{font-size:32px}.payroll-hero{border-radius:16px;padding:24px}.payroll-hero p{font-size:15px;line-height:1.6}.payroll-eyebrow{font-size:12px}.payroll-section-head{display:grid}.payroll-print-actions{grid-template-columns:1fr}.payroll-table-card{overflow:visible}.payroll-summary-card,.leave-summary-card{padding:16px}.payroll-summary-card b,.leave-summary-card b{font-size:24px}.hr-module-status-box span,.leave-law-badge,.locked-rule-badge,.law-active-badge,.law-draft-badge,.law-archived-badge{white-space:normal;width:auto}}@media (width>=769px){.hr-module-page{padding:24px}.hr-module-header{justify-content:space-between;align-items:flex-start;display:flex}.hr-module-tabs{flex-wrap:wrap;padding-bottom:0;overflow-x:visible}.hr-module-header h1,.hr-page-header h1,.payroll-hero h1{font-size:34px}.hr-card{padding:24px}.hr-form,.hr-form-wide{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.payroll-hero{justify-content:space-between;display:flex}.payroll-period-panel{width:min(360px,100%)}.payroll-summary-grid,.hr-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.payroll-law-grid,.payroll-policy-grid,.payroll-employee-settings-grid,.hr-info-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.payroll-stats-grid,.payroll-payslip-layout{grid-template-columns:minmax(0,1fr) minmax(280px,360px)}.attendance-records-page{gap:18px;display:grid}.attendance-records-hero{color:#fff;background:linear-gradient(135deg,#0f172a,#14532d);justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.attendance-records-hero h1,.attendance-records-hero p{color:#fff}.attendance-eyebrow{letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:13px;font-weight:900;color:#bbf7d0!important}.attendance-api-card{background:#ffffff1f;border:1px solid #ffffff3d;border-radius:14px;min-width:260px;padding:14px 16px;box-shadow:0 18px 42px #0f172a38}.attendance-api-card span{color:#d1fae5;text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:900;display:block}.attendance-api-card strong{color:#fff;overflow-wrap:anywhere;font-size:14px;line-height:1.45;display:block}.attendance-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.attendance-summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:18px;box-shadow:0 12px 28px #0f172a14}.attendance-summary-card span{color:#6b7280;font-size:13px;font-weight:800;display:block}.attendance-summary-card b{color:#111827;margin-top:8px;font-size:30px;line-height:1;display:block}.attendance-summary-card.danger{background:#fff5f5;border-color:#fecaca}.attendance-summary-card.danger b{color:#b91c1c}.attendance-section-head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.attendance-section-head h2{color:#111827;margin:0 0 4px;font-size:22px}.attendance-section-head p{color:#6b7280;margin:0}.attendance-search-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.attendance-search-grid label{color:#374151;gap:7px;font-size:14px;font-weight:900;display:grid}.attendance-search-grid input,.attendance-search-grid select,.attendance-page-size select{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:12px;width:100%;min-height:44px;padding:10px 12px;font-size:16px}.attendance-search-grid input:focus,.attendance-search-grid select:focus,.attendance-page-size select:focus{border-color:#14532d;outline:3px solid #14532d29}.attendance-search-actions{align-items:end;gap:10px;display:flex}.attendance-primary-button,.attendance-refresh-button{color:#fff;background:#14532d;border:0;border-radius:12px;padding:10px 18px;font-weight:900}.attendance-secondary-button{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:12px;padding:10px 18px;font-weight:900}.attendance-primary-button:disabled,.attendance-secondary-button:disabled,.attendance-refresh-button:disabled,.attendance-pagination button:disabled{cursor:not-allowed;opacity:.55}.attendance-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin-bottom:14px;padding:12px 14px;font-weight:900}.attendance-page-size{color:#4b5563;align-items:center;gap:8px;font-weight:900;display:flex}.attendance-page-size select{width:92px}.attendance-table-wrap{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:100%;overflow-x:auto}.attendance-records-table{border-collapse:separate;border-spacing:0;width:100%;min-width:1320px}.attendance-records-table th{z-index:1;color:#374151;text-align:left;white-space:nowrap;background:#f9fafb;padding:13px 14px;font-size:13px;font-weight:900;position:sticky;top:0}.attendance-records-table td{color:#111827;vertical-align:top;white-space:nowrap;border-top:1px solid #eef2f7;padding:13px 14px;font-size:14px}.attendance-records-table tbody tr:hover td{background:#f9fafb}.attendance-row-abnormal td{color:#991b1b;background:#fff7f7}.attendance-row-abnormal:hover td{background:#fef2f2!important}.attendance-employee-cell{font-weight:900}.attendance-status-normal,.attendance-status-abnormal{border-radius:999px;align-items:center;min-height:28px;padding:4px 10px;font-size:13px;font-weight:900;display:inline-flex}.attendance-status-normal{color:#166534;background:#dcfce7}.attendance-status-abnormal,.attendance-danger-text{color:#b91c1c;background:#fee2e2}.attendance-danger-text{background:0 0;font-weight:900}.attendance-reject-reason{font-weight:900;color:#b91c1c!important}.attendance-map-button,.attendance-photo-button{color:#fff;white-space:nowrap;background:#14532d;border:0;border-radius:10px;min-height:36px;padding:7px 12px;font-weight:900}.attendance-photo-button{background:#1d4ed8}.attendance-map-button:disabled,.attendance-photo-button:disabled{cursor:not-allowed;color:#f9fafb;background:#9ca3af}.attendance-no-photo{color:#6b7280;font-weight:900}.attendance-map-modal-overlay{z-index:9999;background:#0f172aad;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.attendance-photo-modal-overlay{z-index:10000;background:#0f172ab8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.attendance-photo-modal{background:#fff;border-radius:22px;width:min(760px,100%);max-height:92vh;padding:22px;overflow:auto;box-shadow:0 30px 90px #0f172a57}.attendance-photo-modal-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.attendance-photo-modal-head h2{color:#111827;margin:10px 0 4px;font-size:26px}.attendance-photo-modal-head p{color:#6b7280;margin:0}.attendance-photo-frame{background:#f9fafb;border:1px solid #e5e7eb;border-radius:18px;padding:12px}.attendance-photo-frame img{object-fit:contain;background:#111827;border-radius:14px;width:100%;max-height:62vh;display:block}.attendance-photo-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.attendance-photo-meta div{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:12px}.attendance-photo-meta span{color:#6b7280;margin-bottom:5px;font-size:13px;font-weight:900;display:block}.attendance-photo-meta b{color:#111827;overflow-wrap:anywhere}.attendance-map-modal{background:#fff;border-radius:22px;width:min(1180px,100%);max-height:92vh;padding:22px;overflow:auto;box-shadow:0 30px 90px #0f172a52}.attendance-map-modal-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.attendance-map-modal-head h2{color:#111827;margin:10px 0 4px;font-size:26px}.attendance-map-modal-head p{color:#6b7280;margin:0}.attendance-map-close{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:12px;min-height:42px;padding:8px 14px;font-weight:900}.attendance-map-warning-badge,.attendance-map-normal-badge{border-radius:999px;align-items:center;min-height:30px;padding:5px 12px;font-size:13px;font-weight:900;display:inline-flex}.attendance-map-warning-badge{color:#b91c1c;background:#fee2e2}.attendance-map-normal-badge{color:#166534;background:#dcfce7}.attendance-map-alert{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:14px;margin-bottom:16px;padding:13px 15px;font-weight:900}.attendance-map-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.attendance-distance-badge,.attendance-gps-accuracy-badge,.attendance-map-status-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;min-width:0;padding:13px 14px}.attendance-distance-badge{background:#eff6ff;border-color:#bfdbfe}.attendance-gps-accuracy-badge{background:#f0fdf4;border-color:#d1fae5}.attendance-map-status-card.abnormal{background:#fef2f2;border-color:#fecaca}.attendance-map-status-card.normal{background:#f0fdf4;border-color:#bbf7d0}.attendance-distance-badge span,.attendance-gps-accuracy-badge span,.attendance-map-status-card span{color:#6b7280;margin-bottom:5px;font-size:13px;font-weight:900;display:block}.attendance-distance-badge b,.attendance-gps-accuracy-badge b,.attendance-map-status-card b{color:#111827;overflow-wrap:anywhere;display:block}.attendance-map-status-card.abnormal b{color:#b91c1c}.attendance-map-status-card.normal b{color:#166534}.attendance-map-route-line{color:#374151;grid-template-columns:auto minmax(80px,1fr) auto;align-items:center;gap:12px;margin-bottom:16px;font-weight:900;display:grid}.attendance-map-route-line i{background:linear-gradient(90deg,#14532d,#2563eb);border-radius:999px;height:3px;display:block}.attendance-map-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.attendance-map-panel{background:#fff;border:1px solid #e5e7eb;border-radius:18px;min-width:0;padding:16px}.attendance-map-panel h3{color:#111827;margin:0 0 6px;font-size:20px}.attendance-map-panel p{color:#6b7280;overflow-wrap:anywhere;margin:0 0 12px}.attendance-map-iframe{background:#e5e7eb;border:0;border-radius:16px;width:100%;height:360px}.attendance-map-empty{color:#6b7280;background:#f3f4f6;border-radius:16px;place-items:center;height:360px;font-weight:900;display:grid}@media (width<=768px){.attendance-map-modal-overlay{align-items:end;padding:10px}.attendance-map-modal{border-radius:18px 18px 0 0;max-height:94vh;padding:16px}.attendance-map-modal-head,.attendance-map-metrics,.attendance-map-grid{grid-template-columns:1fr;display:grid}.attendance-map-close{width:100%}.attendance-map-route-line{grid-template-columns:1fr}.attendance-map-route-line i{background:linear-gradient(#14532d,#2563eb);justify-self:center;width:3px;height:36px}.attendance-map-iframe,.attendance-map-empty{height:300px}.attendance-photo-modal-overlay{align-items:end;padding:10px}.attendance-photo-modal{border-radius:18px 18px 0 0;max-height:94vh;padding:16px}.attendance-photo-modal-head,.attendance-photo-meta{grid-template-columns:1fr;display:grid}}.attendance-empty-cell{text-align:center;height:88px;color:#6b7280!important}.attendance-pagination{color:#4b5563;justify-content:space-between;align-items:center;gap:14px;margin-top:16px;font-weight:800;display:flex}.attendance-pagination-buttons{flex-wrap:wrap;gap:8px;display:flex}.attendance-pagination button{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:10px;padding:9px 13px;font-weight:900}@media (width<=768px){.attendance-records-hero,.attendance-section-head,.attendance-pagination{display:grid}.attendance-records-hero{padding:20px}.attendance-api-card{width:100%;min-width:0}.attendance-summary-grid,.attendance-search-grid{grid-template-columns:1fr}.attendance-search-actions{grid-template-columns:1fr 1fr;display:grid}.attendance-page-size{justify-content:space-between}.attendance-pagination-buttons{grid-template-columns:1fr 1fr;display:grid}.attendance-pagination button,.attendance-primary-button,.attendance-secondary-button,.attendance-refresh-button{min-height:44px}}.payslip-info-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.payslip-lines{grid-template-columns:1fr 1fr}.liff-clock-form-grid,.liff-clock-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.attendance-records-page{gap:18px;display:grid}.attendance-records-hero{color:#fff;background:linear-gradient(135deg,#0f172a,#14532d);gap:18px;padding:20px;display:grid}.attendance-records-hero h1,.attendance-records-hero p{color:#fff}.attendance-eyebrow{letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:13px;font-weight:900;color:#bbf7d0!important}.attendance-api-card,.attendance-summary-card{border-radius:14px;width:100%;min-width:0}.attendance-api-card{background:#ffffff1f;border:1px solid #ffffff3d;padding:14px 16px}.attendance-api-card span,.attendance-api-card strong{color:#fff;overflow-wrap:anywhere;display:block}.attendance-summary-grid,.attendance-search-grid{grid-template-columns:1fr;gap:14px;display:grid}.attendance-summary-card{background:#fff;border:1px solid #e5e7eb;padding:18px;box-shadow:0 12px 28px #0f172a14}.attendance-summary-card span{color:#6b7280;font-size:13px;font-weight:800;display:block}.attendance-summary-card b{color:#111827;margin-top:8px;font-size:30px;line-height:1;display:block}.attendance-summary-card.danger{background:#fff5f5;border-color:#fecaca}.attendance-summary-card.danger b{color:#b91c1c}.attendance-section-head,.attendance-pagination{gap:14px;display:grid}.attendance-section-head h2{color:#111827;margin:0 0 4px;font-size:22px}.attendance-section-head p{color:#6b7280;margin:0}.attendance-search-grid label{color:#374151;gap:7px;font-size:14px;font-weight:900;display:grid}.attendance-search-grid input,.attendance-search-grid select,.attendance-page-size select{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:12px;width:100%;min-height:44px;padding:10px 12px;font-size:16px}.attendance-search-actions,.attendance-pagination-buttons{grid-template-columns:1fr 1fr;gap:10px;display:grid}.attendance-primary-button,.attendance-secondary-button,.attendance-refresh-button,.attendance-pagination button{border-radius:12px;min-height:44px;padding:10px 14px;font-weight:900}.attendance-primary-button,.attendance-refresh-button{color:#fff;background:#14532d;border:0}.attendance-secondary-button,.attendance-pagination button{color:#111827;background:#fff;border:1px solid #d1d5db}.attendance-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin-bottom:14px;padding:12px 14px;font-weight:900}.attendance-page-size{color:#4b5563;justify-content:space-between;align-items:center;gap:8px;font-weight:900;display:flex}.attendance-table-wrap{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:100%;overflow-x:auto}.attendance-records-table{border-collapse:separate;border-spacing:0;width:100%;min-width:1320px}.attendance-records-table th,.attendance-records-table td{white-space:nowrap}.attendance-records-table th{z-index:1;color:#374151;text-align:left;background:#f9fafb;padding:13px 14px;font-size:13px;font-weight:900;position:sticky;top:0}.attendance-records-table td{color:#111827;border-top:1px solid #eef2f7;padding:13px 14px;font-size:14px}.attendance-row-abnormal td{color:#991b1b;background:#fff7f7}.attendance-status-normal,.attendance-status-abnormal{border-radius:999px;align-items:center;min-height:28px;padding:4px 10px;font-size:13px;font-weight:900;display:inline-flex}.attendance-status-normal{color:#166534;background:#dcfce7}.attendance-status-abnormal,.attendance-danger-text{color:#b91c1c;font-weight:900}.attendance-status-abnormal{background:#fee2e2}.attendance-empty-cell{text-align:center;height:88px;color:#6b7280!important}}.employee-punch-page{gap:18px;display:grid}.employee-punch-hero{color:#fff;background:linear-gradient(135deg,#0f172a,#14532d);border-radius:18px;padding:24px;box-shadow:0 18px 48px #0f172a2e}.employee-punch-hero h1{color:#fff;margin:0 0 8px;font-size:clamp(30px,6vw,42px);line-height:1.12}.employee-punch-hero p{color:#d1fae5;margin:0;font-size:16px;line-height:1.6}.employee-punch-eyebrow{letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:13px;font-weight:900;color:#bbf7d0!important}.employee-punch-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.employee-punch-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;min-width:0;padding:22px;box-shadow:0 12px 30px #0f172a14}.employee-punch-section-head{margin-bottom:16px}.employee-punch-section-head h2{color:#111827;margin:0 0 5px;font-size:22px}.employee-punch-section-head p{color:#6b7280;margin:0;line-height:1.55}.employee-punch-info-list,.employee-punch-location-grid,.employee-punch-result-grid{gap:12px;display:grid}.employee-punch-info-list{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-punch-location-grid,.employee-punch-result-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.employee-punch-info-list div,.employee-punch-location-grid div,.employee-punch-result-grid div{background:#f9fafb;border:1px solid #eef2f7;border-radius:14px;min-width:0;padding:13px 14px}.employee-punch-info-list span,.employee-punch-location-grid span,.employee-punch-result-grid span{color:#6b7280;margin-bottom:5px;font-size:13px;font-weight:900;display:block}.employee-punch-info-list b,.employee-punch-location-grid b,.employee-punch-result-grid b{color:#111827;overflow-wrap:anywhere;font-size:16px;line-height:1.4;display:block}.employee-punch-device{font-size:13px!important;font-weight:800!important}.employee-punch-location-status{color:#374151;background:#f9fafb;border:1px solid #d1d5db;border-radius:14px;gap:4px;margin-bottom:14px;padding:14px 16px;font-weight:900;display:grid}.employee-punch-location-status.success{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.employee-punch-location-status.danger{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.employee-punch-location-status b{font-size:14px}.employee-punch-loading,.employee-punch-setting-warning,.employee-punch-disabled-hint,.employee-punch-accuracy-warning,.employee-punch-photo-hint,.employee-punch-photo-note,.employee-punch-photo-error{border-radius:12px;margin-bottom:14px;padding:12px 14px;font-weight:900;line-height:1.45}.employee-punch-loading{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.employee-punch-photo-note{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.employee-punch-setting-warning,.employee-punch-disabled-hint,.employee-punch-accuracy-warning,.employee-punch-photo-hint,.employee-punch-photo-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.employee-punch-camera-card{gap:14px;display:grid}.employee-punch-camera-button{color:#fff;cursor:pointer;background:#1d4ed8;border:0;border-radius:14px;place-items:center;min-height:54px;padding:12px 18px;font-size:17px;font-weight:900;display:grid}.employee-punch-camera-button input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.employee-punch-photo-preview{background:#f0fdf4;border:1px solid #d1fae5;border-radius:16px;grid-template-columns:160px minmax(0,1fr);align-items:center;gap:14px;padding:12px;display:grid}.employee-punch-photo-preview img{object-fit:cover;background:#111827;border-radius:14px;width:160px;height:160px}.employee-punch-photo-preview span{color:#166534;margin-bottom:6px;font-weight:900;display:block}.employee-punch-photo-preview b{color:#111827;overflow-wrap:anywhere}.employee-punch-gps-info-card{background:#f0fdf4!important;border-color:#d1fae5!important}.employee-punch-gps-info-card .gps-enabled{color:#166534}.employee-punch-gps-info-card .gps-disabled{color:#b91c1c}.employee-punch-location-button,.employee-punch-checkin,.employee-punch-checkout{color:#fff;border:0;border-radius:14px;width:100%;min-height:52px;padding:12px 18px;font-size:17px;font-weight:900}.employee-punch-location-button{background:#14532d;margin-top:16px}.employee-punch-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.employee-punch-checkin{background:#166534}.employee-punch-checkout{background:#1d4ed8}.employee-punch-location-button:disabled,.employee-punch-checkin:disabled,.employee-punch-checkout:disabled{cursor:not-allowed;opacity:.7;background:#9ca3af}.employee-punch-result{border-radius:16px;margin-top:18px;padding:16px}.employee-punch-result h3{margin:0 0 12px;font-size:20px}.employee-punch-result.success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.employee-punch-result.danger{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.punch-store-setting-card{gap:16px;display:grid}.store-rule-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.store-rule-row div,.gps-rule-box div{background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;min-width:0;padding:12px 14px}.store-rule-row span,.gps-rule-box span{color:#6b7280;margin-bottom:6px;font-size:13px;font-weight:900;display:block}.store-rule-row b,.gps-rule-box strong{color:#111827;overflow-wrap:anywhere;font-size:16px;line-height:1.45;display:block}.store-rule-badge{border-radius:999px;justify-content:center;align-items:center;min-height:32px;padding:0 12px;font-size:13px;font-weight:900;display:inline-flex}.store-rule-badge.success{color:#166534;background:#dcfce7}.store-rule-badge.danger{color:#b91c1c;background:#fef2f2}.gps-rule-box{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.gps-rule-box strong.gps-enabled{color:#166534}.gps-rule-box strong.gps-disabled{color:#b91c1c}.punch-warning-card{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:14px;padding:12px 14px;font-weight:900;line-height:1.5}body.dark .store-rule-row div,body.dark .gps-rule-box div{background:#0f172a;border-color:#334155}body.dark .store-rule-row span,body.dark .gps-rule-box span{color:#cbd5e1}body.dark .store-rule-row b,body.dark .gps-rule-box strong{color:#f8fafc}body.dark .store-rule-badge.success{color:#dcfce7;background:#14532d}body.dark .store-rule-badge.danger{color:#fee2e2;background:#7f1d1d}body.dark .punch-warning-card{color:#fecaca;background:#2b1111;border-color:#7f1d1d}@media (width<=768px){.employee-punch-page{gap:14px}.employee-punch-hero,.employee-punch-card{border-radius:16px;padding:18px}.employee-punch-grid,.employee-punch-info-list,.employee-punch-location-grid,.employee-punch-result-grid,.employee-punch-actions,.employee-punch-photo-preview{grid-template-columns:1fr}.employee-punch-photo-preview img{width:100%;height:auto;max-height:360px}.employee-punch-location-button,.employee-punch-checkin,.employee-punch-checkout{min-height:56px;font-size:18px}.store-rule-row,.gps-rule-box{grid-template-columns:1fr}}.attendance-setting-page{gap:18px;display:grid}.attendance-setting-hero{color:#fff;background:linear-gradient(135deg,#0f172a,#14532d);border-radius:18px;padding:24px;box-shadow:0 18px 48px #0f172a2e}.attendance-setting-hero h1{color:#fff;margin:0 0 8px;font-size:clamp(30px,6vw,42px);line-height:1.12}.attendance-setting-hero p{color:#d1fae5;margin:0;font-size:16px;line-height:1.6}.attendance-setting-eyebrow{letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:13px;font-weight:900;color:#bbf7d0!important}.attendance-setting-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:22px;box-shadow:0 12px 30px #0f172a14}.attendance-setting-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.attendance-setting-head h2{color:#111827;margin:0 0 5px;font-size:22px}.attendance-setting-head p{color:#6b7280;margin:0;line-height:1.55}.attendance-setting-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.attendance-setting-field{color:#374151;gap:7px;font-size:14px;font-weight:900;display:grid}.attendance-setting-field input{color:#111827;border:1px solid #d1d5db;border-radius:12px;width:100%;min-height:48px;padding:10px 12px;font-size:16px}.attendance-setting-field input:focus{border-color:#14532d;outline:3px solid #14532d29}.attendance-setting-toggle{background:#f0fdf4;border:1px solid #d1fae5;border-radius:14px;align-items:flex-start;gap:12px;padding:14px;display:flex}.attendance-setting-toggle input{accent-color:#14532d;width:22px;height:22px;margin-top:2px}.attendance-setting-toggle span{gap:4px;display:grid}.attendance-setting-toggle b{color:#14532d;font-size:16px}.attendance-setting-toggle small{color:#4b5563;line-height:1.45}.punch-photo-required-alert{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:14px;margin:0 0 14px;padding:12px 14px;font-weight:900}.attendance-setting-location-button,.attendance-setting-save-button{color:#fff;background:#14532d;border:0;border-radius:12px;min-height:48px;padding:10px 18px;font-size:16px;font-weight:900}.attendance-setting-location-button:disabled,.attendance-setting-save-button:disabled{cursor:not-allowed;opacity:.6}.attendance-setting-notice,.attendance-setting-success,.attendance-setting-error{border-radius:12px;margin-bottom:14px;padding:12px 14px;font-weight:900}.attendance-setting-notice{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.attendance-setting-success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.attendance-setting-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.attendance-setting-preview{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.attendance-setting-preview div{background:#f9fafb;border:1px solid #eef2f7;border-radius:14px;padding:13px 14px}.attendance-setting-preview span{color:#6b7280;margin-bottom:5px;font-size:13px;font-weight:900;display:block}.attendance-setting-preview b{color:#111827;overflow-wrap:anywhere;display:block}.attendance-setting-preview .gps-enabled{color:#166534}.attendance-setting-preview .gps-disabled{color:#b91c1c}.attendance-setting-actions{justify-content:flex-end;margin-top:18px;display:flex}@media (width<=768px){.attendance-setting-page{gap:14px}.attendance-setting-hero,.attendance-setting-card{border-radius:16px;padding:18px}.attendance-setting-head,.attendance-setting-actions{display:grid}.attendance-setting-form-grid,.attendance-setting-preview{grid-template-columns:1fr}.attendance-setting-location-button,.attendance-setting-save-button{width:100%;min-height:52px}}.liff-page{color:#0f172a;background:#eef7f1;min-height:100vh;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.liff-header{color:#fff;background:linear-gradient(135deg,#06c755 0%,#16a34a 48%,#064e3b 100%);border-bottom-right-radius:30px;border-bottom-left-radius:30px;padding:18px 16px 74px;box-shadow:0 18px 36px #064e3b38}.liff-header-top{justify-content:space-between;align-items:flex-start;gap:18px;width:min(100%,560px);margin:0 auto;display:flex}.liff-header h1{color:#fff;letter-spacing:0;margin:12px 0 6px;font-size:32px;line-height:1.1}.liff-header p{color:#dcfce7;margin:0;font-size:15px;line-height:1.45}.liff-mode-pill{color:#fff;background:#ffffff29;border:1px solid #ffffff6b;border-radius:999px;align-items:center;min-height:28px;padding:4px 10px;font-size:12px;font-weight:900;display:inline-flex}.liff-header-mark{color:#fff;background:#ffffff2e;border-radius:20px;flex:none;place-items:center;width:58px;height:58px;font-size:14px;font-weight:1000;display:grid;box-shadow:inset 0 0 0 1px #ffffff38}.liff-main{gap:14px;width:min(100%,560px);margin:-52px auto 0;padding:0 14px 28px;display:grid}.liff-profile-card,.liff-status-card,.liff-info-card,.liff-error-card,.bind-card{background:#fff;border:1px solid #0f172a14;border-radius:24px;box-shadow:0 16px 38px #0f172a1a}.liff-profile-card{align-items:center;gap:14px;padding:16px;display:flex}.liff-avatar{color:#047857;background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-radius:24px;flex:none;place-items:center;width:68px;height:68px;display:grid;overflow:hidden}.liff-avatar img{object-fit:cover;width:100%;height:100%}.liff-profile-info{gap:2px;min-width:0;display:grid}.liff-profile-info span,.liff-info-grid span,.liff-status-card span{color:#64748b;font-size:12px;font-weight:900}.liff-profile-info strong{color:#0f172a;overflow-wrap:anywhere;font-size:21px;line-height:1.2}.liff-profile-info small{color:#64748b;overflow-wrap:anywhere;font-size:12px}.liff-store-chip{color:#166534;white-space:nowrap;background:#f0fdf4;border-radius:999px;align-items:center;gap:5px;margin-left:auto;padding:7px 10px;font-size:12px;font-weight:900;display:inline-flex}.bind-card{padding:16px}.line-profile-card{background:linear-gradient(#fff,#f8fafc)}.bound-badge,.unbound-warning{border-radius:999px;align-items:center;min-height:30px;padding:5px 10px;font-size:12px;font-weight:1000;display:inline-flex}.bound-badge{color:#166534;background:#dcfce7}.unbound-warning{color:#c2410c;background:#fff7ed}.liff-browser-test-note,.liff-bind-success{border-radius:16px;padding:12px;font-size:14px;font-weight:900;line-height:1.45}.liff-browser-test-note{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa}.liff-bind-success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;margin-top:10px}.liff-bound-employee{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.liff-bound-employee div{background:#f0fdf4;border-radius:16px;padding:12px}.liff-bound-employee span,.bind-form span{color:#64748b;margin-bottom:5px;font-size:12px;font-weight:900;display:block}.liff-bound-employee b{color:#14532d;overflow-wrap:anywhere;display:block}.bind-form{gap:12px;display:grid}.bind-form label{gap:6px;display:grid}.bind-form input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:16px;width:100%;min-height:48px;padding:10px 12px;font-size:16px}.bind-form input:focus{border-color:#06c755;outline:3px solid #06c75529}.bind-form button{color:#fff;background:#06c755;border:0;border-radius:18px;min-height:52px;font-size:16px;font-weight:1000}.bind-form button:disabled{cursor:not-allowed;opacity:.58}.employee-admin-page{gap:18px;display:grid}.employee-admin-hero{color:#fff;background:linear-gradient(135deg,#064e3b,#0f172a);border-radius:18px;padding:24px;box-shadow:0 18px 44px #0f172a2e}.employee-admin-hero h1{color:#fff;margin:0 0 8px;font-size:clamp(30px,6vw,42px);line-height:1.12}.employee-admin-hero p{color:#d1fae5;margin:0;line-height:1.6}.employee-admin-eyebrow{letter-spacing:.08em;text-transform:uppercase;font-size:13px;font-weight:1000;color:#bbf7d0!important;margin:0 0 8px!important}.employee-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:20px;box-shadow:0 12px 30px #0f172a14}.employee-admin-section-head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.employee-admin-section-head h2{color:#111827;margin:0 0 5px;font-size:22px}.employee-admin-section-head p{color:#64748b;margin:0;line-height:1.5}.employee-admin-section-head button,.employee-row-actions button,.employee-admin-pagination button,.employee-form button{color:#fff;background:#14532d;border:0;border-radius:12px;min-height:44px;padding:9px 14px;font-size:15px;font-weight:900}.employee-admin-section-head button:disabled,.employee-row-actions button:disabled,.employee-admin-pagination button:disabled,.employee-form button:disabled{cursor:not-allowed;opacity:.55}.employee-form{grid-template-columns:repeat(4,minmax(0,1fr)) auto;align-items:end;gap:12px;display:grid}.employee-form label{gap:6px;display:grid}.employee-form span,.employee-admin-filters span{color:#374151;font-size:13px;font-weight:900}.employee-form input,.employee-form select,.employee-form textarea,.employee-admin-filters input,.employee-admin-filters select{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:12px;width:100%;min-height:48px;padding:10px 12px;font-size:16px}.employee-form input:focus,.employee-form select:focus,.employee-form textarea:focus,.employee-admin-filters input:focus,.employee-admin-filters select:focus{border-color:#14532d;outline:3px solid #14532d29}.employee-form input::placeholder,.employee-form textarea::placeholder{color:#9ca3af}.employee-form textarea{resize:vertical;min-height:120px}.employee-form input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.8;filter:brightness(.55)saturate(1.25)}.employee-form-check{background:#f0fdf4;border:1px solid #d1fae5;border-radius:12px;align-items:center;min-height:48px;padding:10px 12px;gap:9px!important;display:flex!important}.employee-form-check input{accent-color:#14532d;width:20px;height:20px;min-height:20px}.employee-admin-filters{grid-template-columns:2fr 1fr 1fr;gap:12px;margin-bottom:14px;display:grid}.employee-payroll-profile-page .employee-table .is-selected{background:#eff6ff}.employee-payroll-profile-page .payroll-burden-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px;display:grid}.employee-payroll-profile-page .payroll-burden-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;min-width:0;padding:20px 22px}.employee-payroll-profile-page .payroll-burden-card h3{color:#475569;letter-spacing:.02em;margin:0 0 16px;font-size:15px;font-weight:700}.employee-payroll-profile-page .payroll-burden-list{gap:12px;margin:0;display:grid}.employee-payroll-profile-page .payroll-burden-row,.employee-payroll-profile-page .payroll-burden-total{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:20px;display:grid}.employee-payroll-profile-page .payroll-burden-row dt,.employee-payroll-profile-page .payroll-burden-row dd,.employee-payroll-profile-page .payroll-burden-total dt,.employee-payroll-profile-page .payroll-burden-total dd{margin:0}.employee-payroll-profile-page .payroll-burden-row dt{color:#475569;font-size:15px;font-weight:600}.employee-payroll-profile-page .payroll-burden-row dd,.employee-payroll-profile-page .payroll-burden-total dd{color:#0f172a;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;justify-content:flex-end;align-items:baseline;gap:5px;display:flex}.employee-payroll-profile-page .payroll-burden-row dd span{font-size:17px;font-weight:700}.employee-payroll-profile-page .payroll-burden-row dd small,.employee-payroll-profile-page .payroll-burden-total dd small{color:#64748b;font-size:13px;font-weight:600}.employee-payroll-profile-page .payroll-burden-total{border-top:1px solid #dbe3ec;margin-top:4px;padding-top:16px}.employee-payroll-profile-page .payroll-burden-total dt{color:#0f172a;font-size:17px;font-weight:800}.employee-payroll-profile-page .payroll-burden-total dd span{letter-spacing:-.02em;font-size:28px;font-weight:800}.employee-payroll-profile-page .payroll-burden-empty{color:#64748b;margin:0;font-size:14px;line-height:1.6}.employee-payroll-profile-page .payroll-calculation-meta-grid{margin-top:14px}body.dark .employee-payroll-profile-page .payroll-burden-card{background:#1e293b;border-color:#334155}body.dark .employee-payroll-profile-page .payroll-burden-card h3,body.dark .employee-payroll-profile-page .payroll-burden-row dt{color:#cbd5e1}body.dark .employee-payroll-profile-page .payroll-burden-row dd,body.dark .employee-payroll-profile-page .payroll-burden-total dt,body.dark .employee-payroll-profile-page .payroll-burden-total dd{color:#f8fafc}body.dark .employee-payroll-profile-page .payroll-burden-total{border-top-color:#475569}@media (width<=768px){.employee-payroll-profile-page .payroll-burden-grid{grid-template-columns:1fr}.employee-payroll-profile-page .payroll-burden-card{padding:18px}.employee-payroll-profile-page .payroll-burden-total dd span{font-size:26px}}.employee-admin-table-wrap{border:1px solid #e5e7eb;border-radius:16px;max-width:100%;overflow-x:auto}.employee-table{border-collapse:collapse;background:#fff;width:100%;min-width:1500px}.employee-table th,.employee-table td{text-align:left;color:#111827;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #eef2f7;padding:12px 16px;font-size:14px;line-height:1.25}.employee-table th{z-index:1;color:#334155;background:#f8fafc;font-size:13px;font-weight:1000;position:sticky;top:0}.employee-table tbody tr:hover td{background:#f8fafc}.employee-table tbody tr{height:64px}.line-bound-badge,.line-unbound-badge,.employee-payroll-badge,.employee-active-badge,.employee-inactive-badge{border-radius:999px;align-items:center;min-height:28px;padding:5px 10px;font-size:12px;font-weight:1000;display:inline-flex}.line-bound-badge,.employee-active-badge{color:#166534;background:#dcfce7}.line-unbound-badge{color:#475569;background:#f1f5f9}.employee-payroll-badge.hourly{color:#1d4ed8;background:#dbeafe}.employee-payroll-badge.monthly{color:#7e22ce;background:#ede9fe}.employee-inactive-badge{color:#b91c1c;background:#fee2e2}.employee-line-avatar{object-fit:cover;background:#e5e7eb;border-radius:50%;width:38px;height:38px}.employee-no-avatar{color:#94a3b8;font-weight:900}.employee-row-actions{flex-wrap:wrap;justify-content:flex-start;gap:8px;min-width:220px;display:flex}.employee-row-actions button{white-space:nowrap;min-height:34px;padding:6px 10px;font-size:12px}.employee-row-actions button.danger{background:#b91c1c}.employee-admin-success,.employee-admin-error{border-radius:12px;margin-bottom:14px;padding:12px 14px;font-weight:900}.employee-admin-success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.employee-admin-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.required-field-error input{background:#fff1f2;border-color:#ef4444!important}.employee-empty-row{font-weight:900;color:#64748b!important;text-align:center!important;padding:24px!important}.employee-actions-col{z-index:3;background:#fff;width:240px;min-width:240px;position:sticky;right:0;box-shadow:-10px 0 18px #0f172a0d}.employee-admin-pagination{color:#475569;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;font-weight:900;display:flex}.employee-admin-pagination div{gap:8px;display:flex}.leave-page,.overtime-page{gap:18px;display:grid}.leave-hero,.overtime-hero{color:#fff;border-radius:18px;justify-content:space-between;align-items:flex-start;gap:18px;padding:24px;display:flex}.leave-hero{background:linear-gradient(135deg,#14532d,#16a34a)}.overtime-hero{background:linear-gradient(135deg,#0f172a,#7c3aed)}.leave-eyebrow,.overtime-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#fffc;margin:0 0 8px;font-size:12px}.leave-hero h1,.overtime-hero h1{margin:0;font-size:32px}.leave-hero p,.overtime-hero p{color:#ffffffe6;margin:8px 0 0;line-height:1.6}.leave-hero button,.overtime-hero button{color:#111827;background:#fff;border:0;border-radius:12px;min-height:44px;padding:0 16px;font-weight:1000}.leave-type-form,.leave-request-form,.overtime-form{grid-template-columns:repeat(3,minmax(0,1fr)) auto}.leave-type-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.leave-type-note{color:#14532d;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:14px;margin-top:12px;padding:12px 14px;font-size:14px;font-weight:900;line-height:1.5}.leave-type-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:14px}.leave-type-card-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.leave-type-card-head strong{font-size:16px}.leave-type-code{color:#64748b;word-break:break-word;text-align:right;font-size:12px;font-weight:900}.leave-type-meta{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.leave-type-meta span{border-radius:999px;align-items:center;min-height:28px;padding:4px 10px;font-size:12px;font-weight:1000;display:inline-flex}.leave-filter-row{margin-bottom:16px}.leave-filter-row label{min-width:0}.leave-filter-row span{color:#374151;font-size:13px;font-weight:900}.leave-table-wrap{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:100%;overflow-x:auto}.leave-table{border-collapse:separate;border-spacing:0;width:100%;min-width:1280px}.leave-table th{z-index:1;color:#334155;text-align:left;white-space:nowrap;background:#f8fafc;padding:13px 14px;font-size:13px;font-weight:1000;position:sticky;top:0}.leave-table td{color:#111827;vertical-align:top;white-space:nowrap;border-top:1px solid #eef2f7;padding:13px 14px;font-size:14px}.leave-table tbody tr:hover td{background:#f8fafc}.leave-employee-cell{gap:4px;display:grid}.leave-employee-cell span{color:#64748b;font-size:12px;font-weight:900}.leave-type-badge,.leave-status-badge,.overtime-status-badge{border-radius:999px;align-items:center;min-height:28px;padding:5px 10px;font-size:12px;font-weight:1000;display:inline-flex}.leave-status-pending,.overtime-status-pending{color:#92400e;background:#fef3c7}.leave-status-approved,.overtime-status-approved{color:#166534;background:#dcfce7}.leave-status-rejected,.overtime-status-rejected{color:#991b1b;background:#fee2e2}.leave-status-cancelled,.overtime-status-cancelled{color:#374151;background:#e5e7eb}.leave-action-row{flex-wrap:wrap;gap:8px;display:flex}.leave-action-row button,.approve-button,.reject-button,.cancel-button{color:#fff;border:0;border-radius:10px;min-height:38px;padding:7px 10px;font-size:13px;font-weight:1000}.approve-button{background:#166534}.reject-button{background:#b91c1c}.cancel-button{background:#475569}.leave-action-empty{color:#94a3b8;font-weight:900}.leave-reject-reason{color:#b91c1c;white-space:normal;margin-top:6px;font-weight:900}.required-field-error span{color:#b91c1c!important}.required-field-error input,.required-field-error select,.required-field-error textarea{background:#fff1f2;border-color:#ef4444!important}.missing-code-badge{color:#c2410c;background:#ffedd5;border-radius:999px;align-items:center;min-height:28px;padding:5px 10px;font-size:12px;font-weight:1000;display:inline-flex}.form-error-message{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;margin-bottom:14px;padding:12px 14px;font-weight:1000}.leave-page .employee-admin-success,.leave-page .employee-admin-error,.overtime-page .employee-admin-success,.overtime-page .employee-admin-error{margin-bottom:0}.leave-page .employee-card,.overtime-page .employee-card{overflow-x:auto}.leave-page input,.leave-page select,.leave-page textarea{color:#111827;box-shadow:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;border:1px solid #cbd5e1}.leave-page input::placeholder,.leave-page textarea::placeholder{color:#94a3b8;opacity:1}.leave-page input:focus,.leave-page select:focus,.leave-page textarea:focus{border-color:#22c55e;outline:none;box-shadow:0 0 0 3px #22c55e2e}.leave-page input[type=date],.leave-page input[type=time]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.leave-page input[type=date]::-webkit-calendar-picker-indicator{opacity:1;cursor:pointer;filter:brightness(0)saturate()invert(28%)sepia(9%)saturate(1232%)hue-rotate(174deg)brightness(95%)contrast(93%)}.leave-page input[type=time]::-webkit-calendar-picker-indicator{opacity:1;cursor:pointer;filter:brightness(0)saturate()invert(28%)sepia(9%)saturate(1232%)hue-rotate(174deg)brightness(95%)contrast(93%)}.module-admin-page{gap:18px;display:grid}.module-admin-page .company-page-header{color:#fff;background:linear-gradient(135deg,#0f172a,#1d4ed8);border-radius:18px;padding:24px}.module-admin-page .company-page-header p{color:#ffffffd9}.module-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:18px}.module-card-head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.module-card-head h2{margin:0}.module-card-head p{color:#64748b;margin:8px 0 0}.module-summary{flex-wrap:wrap;gap:8px;display:flex}.module-admin-toolbar{grid-template-columns:minmax(280px,1fr) auto;align-items:end;gap:16px;margin-bottom:18px;display:grid}.module-merchant-select{gap:6px;display:grid}.module-merchant-select span{color:#374151;font-size:13px;font-weight:900}.module-select-wrap{background:#fff;border:1px solid #d1d5db;border-radius:12px;align-items:center;gap:10px;height:48px;padding:0 12px;display:flex}.module-select-wrap select{color:#111827;background:0 0;border:0;outline:none;width:100%;font-size:16px}.module-action-stack{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.module-action-stack button{min-width:160px}.module-status-card{background:linear-gradient(#f8fbff,#fff);border:1px solid #dbeafe;border-radius:18px;margin-top:18px;padding:18px}.module-status-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.module-status-head h3{margin:4px 0 0;font-size:24px}.module-status-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.module-status-grid div{background:#fff;border:1px solid #e5e7eb;border-radius:14px;min-width:0;padding:12px 14px}.module-status-grid span{color:#64748b;font-size:12px;font-weight:900;display:block}.module-status-grid b{color:#0f172a;word-break:break-word;margin-top:8px;font-size:15px;display:block}.module-status-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.module-status-actions button{min-width:160px}.module-status-list{gap:10px;display:grid}.module-status-list-head,.module-status-list-row{grid-template-columns:minmax(140px,1.4fr) minmax(180px,1.3fr) 110px 90px 130px 130px 180px;align-items:center;gap:12px;display:grid}.module-status-list-head{color:#64748b;text-transform:uppercase;letter-spacing:.04em;padding:0 10px 8px;font-size:12px;font-weight:900}.module-status-list-row{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:14px;box-shadow:0 10px 24px #0f172a0d}.module-status-list-row>div{min-width:0}.module-status-row-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.module-status-row-actions button{min-width:74px;height:40px}.module-error{color:#b91c1c;margin:0 0 14px;font-weight:900}.module-select-hint{color:#0f172a;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:14px;margin-top:14px;padding:12px 14px;font-weight:900}.module-status-empty{text-align:center;color:#64748b;padding:24px}.module-enabled-badge,.module-disabled-badge{border-radius:999px;align-items:center;min-height:30px;padding:5px 10px;font-size:12px;font-weight:1000;display:inline-flex}.module-enabled-badge{color:#166534;background:#dcfce7}.module-disabled-badge{color:#991b1b;background:#fee2e2}.module-locked-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;width:min(720px,100%);margin:24px auto;padding:28px;box-shadow:0 12px 30px #0f172a14}.module-locked-card h1{margin:0;font-size:32px}.module-locked-card p{color:#475569;margin:12px 0 0;line-height:1.7}.module-locked-actions{gap:10px;margin-top:18px;display:flex}.module-locked-actions button,.module-card button{color:#fff;background:#14532d;border:0;border-radius:12px;min-height:44px;padding:0 16px;font-weight:1000}.module-locked-error{color:#b91c1c;margin-top:12px;font-weight:900}.module-admin-form{grid-template-columns:repeat(4,minmax(0,1fr)) auto;align-items:end;gap:12px;display:grid}.module-admin-form label{gap:6px;display:grid}.module-admin-form span{color:#374151;font-size:13px;font-weight:900}.module-admin-form input{color:#111827;border:1px solid #d1d5db;border-radius:12px;width:100%;min-height:48px;padding:10px 12px;font-size:16px}.module-toggle-field{background:#f0fdf4;border:1px solid #d1fae5;border-radius:12px;align-items:center;min-height:48px;padding:10px 12px;gap:9px!important;display:flex!important}.module-toggle-field input{accent-color:#14532d;width:20px;height:20px;min-height:20px}.module-table-wrap{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:100%;overflow-x:auto}.module-table{min-width:1100px}.module-action-row{gap:8px;display:flex}.module-action-row button{min-height:38px;font-size:13px}.invoice-page{gap:18px;display:grid}.invoice-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:18px}.invoice-filter-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end}.invoice-summary-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0;display:grid}.invoice-summary-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;padding:14px}.invoice-summary-card p{color:#64748b;margin:0;font-size:13px;font-weight:900}.invoice-summary-card h3{margin:8px 0 0;font-size:28px}.invoice-summary-card.danger h3{color:#dc2626}.invoice-summary-card.warning h3{color:#d97706}.invoice-status-badge{white-space:nowrap;border-radius:999px;align-items:center;min-height:30px;padding:5px 10px;font-size:12px;font-weight:1000;display:inline-flex}.paid-badge{color:#166534;background:#dcfce7}.unpaid-badge{color:#92400e;background:#fef3c7}.overdue-badge{color:#991b1b;background:#fee2e2}.cancelled-badge{color:#374151;background:#e5e7eb}.invoice-table{min-width:1200px}body.dark .invoice-card,body.dark .invoice-summary-card{background:#0f172a;border-color:#334155}body.dark .invoice-summary-card p{color:#94a3b8}@media (width<=768px){.employee-admin-page{gap:14px}.employee-admin-hero,.employee-card{border-radius:16px;padding:18px}.employee-admin-hero h1{font-size:32px}.employee-admin-section-head,.employee-admin-pagination{display:grid}.employee-form,.employee-admin-filters{grid-template-columns:1fr}.employee-form button,.employee-admin-section-head button,.employee-admin-pagination button{width:100%;min-height:48px;font-size:16px}.employee-admin-pagination div{grid-template-columns:1fr 1fr;display:grid}.employee-table{min-width:1040px}.leave-hero,.overtime-hero{display:grid}.leave-hero h1,.overtime-hero h1{font-size:30px}.leave-type-form,.leave-request-form,.overtime-form,.leave-type-grid{grid-template-columns:1fr}.leave-table{min-width:1120px}.leave-action-row{display:grid}.approve-button,.reject-button,.cancel-button{width:100%;min-height:44px;font-size:16px}.module-admin-page .company-page-header{padding:18px}.module-card-head,.module-admin-form{display:grid}.module-admin-form{grid-template-columns:1fr}.module-card button{width:100%}.module-admin-toolbar{grid-template-columns:1fr}.module-action-stack{justify-content:stretch}.module-action-stack button{width:100%;min-width:0}.module-status-card{padding:16px}.module-status-head{flex-direction:column}.module-status-grid{grid-template-columns:1fr}.module-status-actions{display:grid}.module-status-actions button{width:100%;min-width:0}.module-status-list-head{display:none}.module-status-list-row{grid-template-columns:1fr;gap:8px}.module-status-row-actions{justify-content:stretch}.module-status-row-actions button{width:100%;min-width:0}.module-locked-card h1{font-size:30px}.invoice-filter-grid,.invoice-summary-row{grid-template-columns:1fr}.invoice-card{padding:16px}.invoice-table{min-width:1120px}}.shift-admin-page{gap:18px;display:grid}.shift-admin-hero{color:#fff;background:linear-gradient(135deg,#0f172a,#1d4ed8);border-radius:18px;justify-content:space-between;align-items:flex-start;gap:18px;padding:24px;display:flex;box-shadow:0 18px 44px #0f172a2e}.shift-admin-hero h1{color:#fff;margin:0 0 8px;font-size:clamp(30px,6vw,42px);line-height:1.12}.shift-admin-hero p{color:#dbeafe;margin:0;line-height:1.6}.shift-admin-hero button,.shift-form button,.shift-row-actions button,.shift-delete-button{color:#fff;background:#14532d;border:0;border-radius:12px;min-height:44px;padding:9px 14px;font-size:15px;font-weight:900}.shift-delete-button{background:#b91c1c}.shift-admin-hero button:disabled,.shift-form button:disabled{cursor:not-allowed;opacity:.58}.shift-admin-eyebrow{letter-spacing:.08em;text-transform:uppercase;font-size:13px;font-weight:1000;color:#bfdbfe!important;margin:0 0 8px!important}.shift-template-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:20px;box-shadow:0 12px 30px #0f172a14}.shift-form{grid-template-columns:repeat(4,minmax(0,1fr)) auto;align-items:end;gap:12px;margin-bottom:16px;display:grid}.shift-form label{gap:6px;display:grid}.shift-form span{color:#374151;font-size:13px;font-weight:900}.shift-form input,.shift-form select,.shift-form textarea,.shift-admin-filter-row input,.shift-admin-filter-row select{color:#111827;border:1px solid #d1d5db;border-radius:12px;width:100%;min-height:48px;padding:10px 12px;font-size:16px}.shift-form input:focus,.shift-form select:focus,.shift-form textarea:focus,.shift-admin-filter-row input:focus,.shift-admin-filter-row select:focus{border-color:#1d4ed8;outline:3px solid #2563eb29}.shift-form textarea{resize:vertical;min-height:96px}.shift-form-check{background:#eff6ff;border:1px solid #dbeafe;border-radius:12px;align-items:center;min-height:48px;padding:10px 12px;gap:9px!important;display:flex!important}.shift-form-check input{accent-color:#1d4ed8;width:20px;height:20px;min-height:20px}.shift-admin-filter-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0;display:grid}.schedule-calendar-like-list{gap:12px;display:grid}.shift-template-item{background:#eff6ff;border:1px solid #dbeafe;border-radius:16px;grid-template-columns:1.4fr auto auto;align-items:center;gap:12px;padding:14px;display:grid}.shift-template-item.inactive{color:#64748b;background:#f8fafc;border-color:#e5e7eb}.shift-template-item span{color:#64748b;font-size:12px;font-weight:900}.shift-template-item h3{color:#111827;margin:4px 0;font-size:20px}.shift-template-item p{color:#1d4ed8;margin:0;font-weight:900}.shift-template-meta{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.shift-template-meta b,.shift-template-meta span{color:#334155;background:#fff;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:1000}.shift-row-actions{gap:8px;display:flex}.shift-empty{color:#64748b;text-align:center;border:1px dashed #cbd5e1;border-radius:16px;padding:22px;font-weight:900}.shift-schedule-table{border-collapse:collapse;background:#fff;width:100%;min-width:1040px}.shift-schedule-table th,.shift-schedule-table td{text-align:left;color:#111827;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #eef2f7;padding:12px;font-size:14px}.shift-schedule-table th{color:#334155;background:#f8fafc;font-size:13px;font-weight:1000;position:sticky;top:0}@media (width<=768px){.shift-admin-page{gap:14px}.shift-admin-hero,.shift-template-card{border-radius:16px;padding:18px;display:grid}.shift-admin-hero h1{font-size:32px}.shift-form,.schedule-form,.shift-admin-filter-row,.shift-template-item{grid-template-columns:1fr}.shift-admin-hero button,.shift-form button,.shift-row-actions button{width:100%;min-height:48px;font-size:16px}.shift-row-actions,.shift-template-meta{justify-content:stretch}}.attendance-summary-page{gap:18px;display:grid}.attendance-summary-hero{color:#fff;background:linear-gradient(135deg,#111827,#7c2d12);border-radius:18px;justify-content:space-between;align-items:flex-start;gap:18px;padding:24px;display:flex;box-shadow:0 18px 44px #0f172a2e}.attendance-summary-hero h1{color:#fff;margin:0 0 8px;font-size:clamp(30px,6vw,42px);line-height:1.12}.attendance-summary-hero p{color:#ffedd5;margin:0;line-height:1.6}.attendance-summary-hero button{color:#fff;background:#14532d;border:0;border-radius:12px;min-height:44px;padding:9px 14px;font-size:15px;font-weight:900}.attendance-summary-hero button:disabled{cursor:not-allowed;opacity:.58}.attendance-summary-filters{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.attendance-summary-filters input,.attendance-summary-filters select{color:#111827;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;border:1px solid #d1d5db;border-radius:12px;width:100%;min-height:48px;padding:10px 12px;font-size:16px}.attendance-summary-filters input:focus,.attendance-summary-filters select:focus{border-color:#7c2d12;outline:3px solid #7c2d1229}.attendance-summary-filters input::placeholder{color:#94a3b8}.attendance-summary-filters input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:1;filter:brightness(.65)contrast(1.1)}.attendance-summary-table{border-collapse:collapse;background:#fff;width:100%;min-width:1280px}.attendance-summary-table th,.attendance-summary-table td{text-align:left;color:#111827;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #eef2f7;padding:12px;font-size:14px}.attendance-summary-table th{color:#334155;background:#f8fafc;font-size:13px;font-weight:1000;position:sticky;top:0}.attendance-summary-table td div+div{color:#64748b;margin-top:4px;font-size:12px}.attendance-warning-late td{background:#fefce8}.attendance-warning-early-leave td{background:#fff7ed}.attendance-warning-missing td{background:#fef2f2}.attendance-warning-absent td{color:#fff;background:#7f1d1d}.attendance-warning-absent td div,.attendance-warning-absent td div+div{color:#fee2e2}.monthly-attendance-page{gap:18px;display:grid}.monthly-attendance-hero{color:#fff;background:linear-gradient(135deg,#0f172a,#14532d);border-radius:18px;justify-content:space-between;align-items:flex-start;gap:18px;padding:24px;display:flex;box-shadow:0 18px 44px #0f172a2e}.monthly-attendance-hero h1{color:#fff;margin:0 0 8px;font-size:clamp(30px,6vw,42px);line-height:1.12}.monthly-attendance-hero p{color:#d1fae5;margin:0;line-height:1.6}.monthly-attendance-eyebrow{letter-spacing:.08em;text-transform:uppercase;font-size:13px;font-weight:1000;color:#bbf7d0!important;margin:0 0 8px!important}.monthly-attendance-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.monthly-attendance-actions button{color:#fff;background:#14532d;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:9px 14px;font-size:15px;font-weight:900;display:inline-flex}.monthly-attendance-actions button:disabled{cursor:not-allowed;opacity:.58}.monthly-attendance-filters{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.monthly-attendance-filters label{color:#374151;gap:6px;font-size:13px;font-weight:900;display:grid}.monthly-attendance-filters input,.monthly-attendance-filters select{color:#0f172a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;border:1px solid #d1d5db;border-radius:12px;width:100%;min-height:48px;padding:10px 12px;font-size:16px}.monthly-attendance-filters input:focus,.monthly-attendance-filters select:focus{border-color:#14532d;outline:3px solid #14532d29}.monthly-attendance-search{color:#64748b;background:#fff;border:1px solid #d1d5db;border-radius:12px;align-items:center;gap:8px;min-height:48px;padding:0 12px;display:flex}.monthly-attendance-search input{color:#0f172a;background:0 0;border:0;width:100%;min-height:46px;padding:0;font-size:16px}.monthly-attendance-search input:focus{outline:none}.monthly-attendance-search input::placeholder{color:#94a3b8}.monthly-attendance-summary-card{gap:14px;display:grid}.monthly-attendance-summary-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.monthly-attendance-summary-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;gap:6px;padding:14px;display:grid}.monthly-attendance-summary-item span{color:#64748b;font-size:13px;font-weight:800}.monthly-attendance-summary-item b{color:#0f172a;font-size:18px}.monthly-attendance-month-meta{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.monthly-attendance-month-meta div{background:#fff;border:1px solid #e2e8f0;border-radius:14px;gap:4px;padding:12px 14px;display:grid}.monthly-attendance-month-meta span{color:#64748b;font-size:13px;font-weight:800}.monthly-attendance-month-meta b{color:#0f172a;overflow-wrap:anywhere}.monthly-attendance-table-wrap{-webkit-overflow-scrolling:touch;border:1px solid #e5e7eb;border-radius:16px;width:100%;overflow-x:auto}.monthly-attendance-table{border-collapse:collapse;background:#fff;width:100%;min-width:1700px}.monthly-attendance-table th,.monthly-attendance-table td{text-align:left;color:#111827;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #eef2f7;padding:12px;font-size:14px}.monthly-attendance-table th{z-index:1;color:#334155;background:#f8fafc;font-size:13px;font-weight:1000;position:sticky;top:0}.monthly-attendance-sort-button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-weight:1000;display:inline-flex}.monthly-attendance-expand-button{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.monthly-attendance-row-expanded td{background:#f8fafc}.monthly-attendance-detail-row td{background:#f8fafc;padding:0}.monthly-attendance-detail-shell{gap:12px;padding:16px;display:grid}.monthly-attendance-detail-head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.monthly-attendance-detail-head h3{color:#0f172a;margin:0;font-size:18px}.monthly-attendance-detail-head p{color:#475569;margin:6px 0 0;line-height:1.5}.monthly-attendance-detail-stats{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.monthly-attendance-detail-stats span{color:#334155;background:#fff;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900}.monthly-attendance-detail-table-wrap{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #e5e7eb;border-radius:14px;width:100%;overflow-x:auto}.monthly-attendance-detail-table{border-collapse:collapse;width:100%;min-width:1200px}.monthly-attendance-detail-table th,.monthly-attendance-detail-table td{text-align:left;color:#111827;white-space:nowrap;border-bottom:1px solid #eef2f7;padding:10px 12px;font-size:13px}.monthly-attendance-detail-table th{color:#334155;background:#f8fafc;font-weight:1000}.monthly-attendance-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.monthly-attendance-pagination-meta,.monthly-attendance-pagination-controls,.monthly-attendance-pagination-buttons{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.monthly-attendance-pagination-controls label{color:#374151;gap:6px;font-size:13px;font-weight:900;display:grid}.monthly-attendance-pagination-controls select{color:#0f172a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;border:1px solid #d1d5db;border-radius:12px;min-height:44px;padding:10px 12px}.monthly-attendance-pagination-buttons button{color:#fff;background:#14532d;border:0;border-radius:12px;min-height:44px;padding:9px 14px;font-size:15px;font-weight:900}.monthly-attendance-pagination-buttons button:disabled{cursor:not-allowed;opacity:.58}.monthly-attendance-empty-row{text-align:center;color:#64748b;padding:30px 14px}.monthly-attendance-print-area{display:none}@media print{@page{size:A4 landscape;margin:10mm}body{background:#fff}.monthly-attendance-no-print{display:none!important}.monthly-attendance-print-area{color:#0f172a;display:block!important}.monthly-attendance-page{padding:0;display:block}.monthly-attendance-print-head{text-align:center;margin-bottom:8mm}.monthly-attendance-print-head h1{color:#0f172a;margin:0 0 2mm;font-size:20px}.monthly-attendance-print-head p{color:#475569;margin:0;font-size:11px}.monthly-attendance-print-summary,.monthly-attendance-print-detail table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:10px}.monthly-attendance-print-summary th,.monthly-attendance-print-summary td,.monthly-attendance-print-detail th,.monthly-attendance-print-detail td{text-align:center;vertical-align:middle;border:1px solid #1e293b;padding:4px 5px}.monthly-attendance-print-summary th,.monthly-attendance-print-detail th{background:#e2e8f0;font-weight:700}.monthly-attendance-print-summary-wrap,.monthly-attendance-print-detail{page-break-inside:avoid;margin-bottom:8mm}.monthly-attendance-print-detail h2{margin:0 0 2mm;font-size:16px}.monthly-attendance-print-detail p{color:#334155;margin:0 0 3mm;font-size:10px}.monthly-attendance-print-detail td:last-child,.monthly-attendance-print-detail th:last-child{text-align:left}}@media (width<=768px){.attendance-summary-page{gap:14px}.attendance-summary-hero{border-radius:16px;padding:18px;display:grid}.attendance-summary-hero h1{font-size:32px}.attendance-summary-filters{grid-template-columns:1fr}.attendance-summary-hero button{width:100%;min-height:48px;font-size:16px}.monthly-attendance-page{gap:14px}.monthly-attendance-hero{border-radius:16px;padding:18px;display:grid}.monthly-attendance-hero h1{font-size:32px}.monthly-attendance-actions,.monthly-attendance-filters,.monthly-attendance-summary-grid,.monthly-attendance-month-meta{grid-template-columns:1fr}.monthly-attendance-actions{display:grid}.monthly-attendance-actions button,.monthly-attendance-pagination-buttons button{width:100%;min-height:48px;font-size:16px}.monthly-attendance-summary-grid,.monthly-attendance-month-meta{grid-template-columns:1fr}.monthly-attendance-detail-head{display:grid}.monthly-attendance-detail-stats{justify-content:flex-start}}.liff-status-card{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px;display:grid}.liff-status-card div{background:#f8fafc;border-radius:18px;padding:13px}.liff-status-card strong{color:#b91c1c;margin-top:5px;font-size:17px;display:block}.liff-status-card strong.done{color:#15803d}.liff-info-card{padding:16px}.liff-info-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.liff-info-head h2{color:#0f172a;margin:0;font-size:18px}.liff-info-head span{color:#64748b;font-size:13px;font-weight:900}.liff-info-head button{color:#fff;background:#14532d;border:0;border-radius:999px;min-height:40px;padding:8px 12px;font-weight:900}.liff-info-head button:disabled,.liff-action-card:disabled,.liff-camera-button:disabled{cursor:not-allowed;opacity:.55}.liff-info-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.liff-info-grid div{background:#f8fafc;border-radius:16px;min-width:0;padding:12px}.liff-info-grid b{color:#111827;overflow-wrap:anywhere;margin-top:5px;font-size:14px;display:block}.liff-location-card{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.liff-location-card.ready{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.liff-location-card.danger{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.liff-location-card span{margin-bottom:4px;font-size:12px;font-weight:900;display:block}.liff-location-card strong{overflow-wrap:anywhere;font-size:14px;display:block}.liff-accuracy-warning,.liff-accuracy-good,.liff-disabled-hint,.liff-photo-note,.liff-camera-empty{border-radius:16px;padding:11px 12px;font-size:14px;font-weight:900;line-height:1.45}.liff-accuracy-warning,.liff-disabled-hint{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa;margin-top:10px}.liff-accuracy-good{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;margin-top:10px}.liff-disabled-hint{margin:0}.liff-camera-row{margin-top:12px;display:flex}.liff-camera-button{color:#fff;background:#111827;border:0;border-radius:18px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:52px;font-size:16px;font-weight:1000;display:inline-flex}.liff-photo-note{color:#475569;background:#f1f5f9;margin:10px 0 0}.liff-camera-preview{gap:8px;margin-top:12px;display:grid}.liff-camera-preview img{object-fit:cover;background:#e5e7eb;border-radius:20px;width:100%;max-height:280px}.liff-camera-preview span,.liff-camera-empty{color:#64748b}.liff-camera-empty{text-align:center;background:#f8fafc;margin-top:10px}.liff-icon-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.liff-action-card{color:#0f172a;background:#fff;border:0;border-radius:24px;align-content:center;place-items:center;gap:8px;min-height:118px;padding:14px 10px;display:grid;box-shadow:0 16px 32px #0f172a1a}.liff-action-icon{color:#047857;background:#ecfdf5;border-radius:19px;place-items:center;width:50px;height:50px;display:grid}.liff-action-card strong{font-size:15px;line-height:1.2}.liff-action-card small{color:#64748b;font-size:12px;font-weight:800}.liff-action-card.blue .liff-action-icon{color:#1d4ed8;background:#eff6ff}.liff-action-card.mint .liff-action-icon{color:#0e7490;background:#ecfeff}.liff-action-card.slate .liff-action-icon{color:#334155;background:#f1f5f9}.liff-action-card.amber .liff-action-icon{color:#b45309;background:#fffbeb}.liff-action-card.rose .liff-action-icon{color:#be123c;background:#fff1f2}.liff-error-card{color:#b91c1c;background:#fff1f2;border-color:#fecaca;padding:16px}.liff-error-card.compact{box-shadow:none;border-radius:16px;margin-bottom:10px;padding:11px 12px;font-size:14px;font-weight:900}.liff-error-card strong{margin-bottom:6px;font-size:18px;display:block}.liff-error-card p{margin:0 0 10px;line-height:1.5}.liff-result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.liff-result-grid span{background:#fff;border-radius:14px;padding:9px 10px;font-size:13px;font-weight:900}.liff-success-modal{z-index:2000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a7a;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.liff-success-card{color:#166534;text-align:center;background:#fff;border-radius:30px;width:min(100%,360px);padding:30px 22px;animation:.24s ease-out liffSuccessPop;box-shadow:0 26px 60px #0f172a42}.liff-success-card h2{color:#166534;margin:12px 0 4px;font-size:30px}.liff-success-card p{color:#334155;margin:0 0 14px;font-weight:900}.liff-success-detail{gap:8px;display:grid}.liff-success-detail span{color:#166534;background:#f0fdf4;border-radius:16px;padding:10px 12px;font-size:14px;font-weight:900}.liff-leave-modal{z-index:2100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a8f;justify-content:center;align-items:flex-start;padding:20px;display:flex;position:fixed;inset:0;overflow:auto}.liff-leave-card{color:#111827;background:#fff;border-radius:28px;width:min(100%,980px);margin:24px 0;padding:24px;box-shadow:0 26px 60px #0f172a47}.liff-leave-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.liff-leave-head h2{color:#111827;margin:0;font-size:26px}.liff-leave-head p{color:#64748b;margin:8px 0 0;line-height:1.6}.liff-leave-close{color:#111827;background:#e5e7eb;border:0;border-radius:12px;min-height:42px;padding:0 14px;font-weight:1000}.liff-leave-success,.liff-leave-error{border-radius:14px;margin-top:16px;padding:12px 14px;font-weight:1000}.liff-leave-success{color:#166534;background:#ecfdf5}.liff-leave-error{color:#b91c1c;background:#fef2f2}.liff-leave-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;margin-top:18px;display:grid}.liff-leave-form label{gap:8px;display:grid}.liff-leave-form span{color:#374151;font-size:13px;font-weight:1000}.liff-leave-form input,.liff-leave-form select,.liff-leave-form textarea{color:#111827;width:100%;box-shadow:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;border:1px solid #cbd5e1;border-radius:12px;outline:none;padding:12px 14px}.liff-leave-form input::placeholder,.liff-leave-form textarea::placeholder{color:#94a3b8;opacity:1}.liff-leave-form input:focus,.liff-leave-form select:focus,.liff-leave-form textarea:focus{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e2e}.liff-leave-form input[type=date],.liff-leave-form input[type=time]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.liff-leave-form input[type=date]::-webkit-calendar-picker-indicator{opacity:1;cursor:pointer;filter:brightness(0)saturate()invert(28%)sepia(9%)saturate(1232%)hue-rotate(174deg)brightness(95%)contrast(93%)}.liff-leave-form input[type=time]::-webkit-calendar-picker-indicator{opacity:1;cursor:pointer;filter:brightness(0)saturate()invert(28%)sepia(9%)saturate(1232%)hue-rotate(174deg)brightness(95%)contrast(93%)}.liff-leave-wide{grid-column:1/-1}.liff-leave-form button{color:#fff;background:#16a34a;border:0;border-radius:12px;grid-column:1/-1;min-height:46px;padding:0 16px;font-size:15px;font-weight:1000}.liff-leave-form button:disabled{opacity:.7;cursor:not-allowed}.liff-leave-history{margin-top:24px}.liff-leave-history-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.liff-leave-history-head h3{color:#111827;margin:0;font-size:18px}.liff-leave-history-head button{color:#111827;background:#e5e7eb;border:0;border-radius:12px;min-height:40px;padding:0 12px;font-weight:1000}.liff-leave-history-list{gap:12px;margin-top:14px;display:grid}.liff-leave-empty{color:#64748b;text-align:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:16px;padding:18px;font-weight:900}.liff-leave-history-item{background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;padding:14px}.liff-leave-history-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.liff-leave-history-top strong{color:#111827;font-size:16px}.liff-leave-history-meta{color:#334155;flex-wrap:wrap;gap:10px 16px;margin-top:8px;font-size:13px;font-weight:900;display:flex}.liff-leave-history-reason,.liff-leave-history-reject{color:#334155;margin-top:8px;line-height:1.6}@keyframes liffSuccessPop{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=480px){.liff-header{border-bottom-right-radius:26px;border-bottom-left-radius:26px;padding:16px 14px 70px}.liff-header h1{font-size:29px}.liff-main{padding:0 12px 24px}.liff-profile-card{flex-wrap:wrap;align-items:flex-start}.liff-store-chip{justify-content:center;width:100%;margin-left:0}.liff-info-grid,.liff-result-grid,.liff-bound-employee{grid-template-columns:1fr}.liff-icon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.liff-action-card{min-height:112px}.liff-leave-card{padding:18px}.liff-leave-form{grid-template-columns:1fr}.liff-leave-history-head{flex-direction:column;align-items:stretch}}.payroll-page{gap:18px;display:grid}.payroll-hero{color:#fff;background:linear-gradient(135deg,#111827,#14532d);border-radius:18px;justify-content:space-between;align-items:flex-start;gap:18px;padding:24px;display:flex;box-shadow:0 18px 44px #0f172a2e}.payroll-hero h1{color:#fff;margin:0 0 8px;font-size:clamp(30px,6vw,42px);line-height:1.12}.payroll-hero p{color:#d1fae5;margin:0;line-height:1.6}.payroll-period-panel{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.payroll-period-panel button,.payroll-period-form button{color:#fff;background:#14532d;border:0;border-radius:12px;min-height:44px;padding:9px 14px;font-size:15px;font-weight:900}.payroll-period-panel button:disabled{cursor:not-allowed;opacity:.58}.payroll-period-form{grid-template-columns:repeat(4,minmax(0,1fr)) auto;align-items:end;gap:12px;margin-top:12px;display:grid}.payroll-period-form label{gap:6px;display:grid}.payroll-period-form span,.payroll-filter-row input{color:#374151;font-size:13px;font-weight:900}.payroll-period-form input,.payroll-period-form select,.payroll-filter-row input{color:#111827;border:1px solid #d1d5db;border-radius:12px;width:100%;min-height:48px;padding:10px 12px;font-size:16px}.payroll-period-form input:focus,.payroll-period-form select:focus,.payroll-filter-row input:focus{border-color:#14532d;outline:3px solid #14532d29}.payroll-filter-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:min(100%,420px);display:grid}.payroll-amount{color:#14532d;font-weight:900}.payroll-final-amount{color:#b45309;font-weight:1000}.payroll-warning{color:#c2410c;background:#fff7ed;border-radius:999px;align-items:center;min-height:28px;padding:5px 10px;font-size:12px;font-weight:1000;display:inline-flex}.payroll-period-list .shift-template-item.selected{background:#ecfdf5;border-color:#14532d}@media (width<=768px){.payroll-page{gap:14px}.payroll-hero{border-radius:16px;padding:18px;display:grid}.payroll-hero h1{font-size:32px}.payroll-period-panel,.payroll-period-form,.payroll-filter-row{grid-template-columns:1fr;display:grid}.payroll-period-panel button,.payroll-period-form button{width:100%;min-height:48px;font-size:16px}}.attendance-setting-scope-card{background:#fff;border:1px solid #dbe4f0;border-radius:18px;gap:18px;padding:22px;display:grid;box-shadow:0 12px 30px #0f172a0f}.attendance-setting-scope-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.attendance-setting-select{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:12px;width:100%;min-height:48px;padding:10px 12px;font-size:16px}.attendance-setting-select:focus{border-color:#14532d;outline:3px solid #14532d29}.attendance-setting-store-name-field{grid-column:1/-1}.attendance-setting-store-name-input{color:#6b7280;background:#f9fafb}.attendance-setting-badge{color:#166534;background:#dcfce7;border-radius:999px;justify-content:center;align-items:center;min-height:34px;padding:0 12px;font-size:13px;font-weight:900;display:inline-flex}.attendance-setting-current-setting{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.attendance-setting-current-setting>div{background:#f8fafc;border:1px solid #eef2f7;border-radius:14px;gap:4px;padding:12px 14px;display:grid}.attendance-setting-current-setting span{color:#64748b;font-size:13px;font-weight:800}.attendance-setting-current-setting b{color:#111827;overflow-wrap:anywhere;font-size:15px}.attendance-setting-switching{color:#1d4ed8;background:#eff6ff;border-radius:12px;padding:12px 14px;font-weight:900}@media (width<=768px){.attendance-setting-scope-card{border-radius:16px;padding:18px}.attendance-setting-scope-grid,.attendance-setting-current-setting{grid-template-columns:1fr}.attendance-setting-store-name-field{grid-column:auto}.attendance-setting-select{min-height:52px}}.employee-store-issue-page{gap:18px;display:grid}.issue-list{gap:16px;display:grid}.issue-card{background:#fff;border:1px solid #dbe4f0;border-radius:18px;gap:16px;padding:18px;display:grid;box-shadow:0 12px 30px #0f172a0f}.issue-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.issue-head h2{color:#0f172a;margin:0;font-size:18px}.issue-head p{color:#475569;margin:6px 0 0;font-size:14px}.possible-store-list{gap:12px;display:grid}.possible-store-list h3{color:#111827;margin:0;font-size:15px}.possible-store-row{background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;display:flex}.possible-store-row strong{color:#0f172a;font-size:15px;display:block}.possible-store-row p{color:#64748b;margin:6px 0 0;font-size:13px}.fix-store-button{color:#fff;cursor:pointer;background:#14532d;border:none;border-radius:12px;min-height:42px;padding:0 14px;font-weight:800}.fix-store-button:disabled{opacity:.65;cursor:not-allowed}@media (width<=768px){.issue-head{flex-direction:column}.possible-store-row{flex-direction:column;align-items:flex-start}.fix-store-button{width:100%}}@media (width>=1024px){.company-admin-layout,.company-admin-layout *{box-sizing:border-box}.company-admin-layout{width:100vw!important;max-width:100vw!important;display:flex!important;overflow-x:hidden!important}.company-sidebar{flex:0 0 260px!important;width:260px!important;min-width:260px!important}.company-main,.company-content,.company-page,.company-module-page,.company-section,.company-list-card,.company-card,.merchant-page,.merchant-card,.merchant-page-header{flex:auto!important;width:100%!important;min-width:0!important;max-width:none!important}.company-desktop-list{gap:12px!important;display:grid!important}.company-merchant-list .merchant-mobile-card{display:none!important}.company-main{width:calc(100vw - 260px)!important;max-width:calc(100vw - 260px)!important;padding-left:24px!important;padding-right:24px!important;overflow-x:hidden!important}.company-content,.company-toolbar{width:100%!important;max-width:none!important}.company-table-wrap,.company-desktop-table,.company-table{width:100%!important;max-width:100%!important}.company-table{table-layout:fixed!important}.company-merchant-actions,.company-action-buttons{justify-content:flex-end!important;width:170px!important;max-width:170px!important}.company-action-text-button,.company-action-buttons button{min-width:42px!important;height:38px!important}.company-action-state-button{width:54px!important;min-width:54px!important;max-width:54px!important;padding:0!important}.account-access-page .account-role-actions{width:auto!important;max-width:100%!important}.account-access-page .account-role-actions button{width:34px!important;min-width:34px!important;height:34px!important;padding:0!important}.account-access-page .account-role-actions button[aria-label=啟用]{width:42px!important;min-width:42px!important}.hide-under-1280{display:none!important}}@media (width>=1280px){.hide-under-1280{display:table-cell!important}}.employee-admin-page{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.employee-admin-page input,.employee-admin-page select,.employee-admin-page textarea{color:#0f172a!important;background:#fff!important;border:1px solid #cbd5e1!important}.employee-admin-page input::placeholder,.employee-admin-page textarea::placeholder{color:#64748b!important}.employee-admin-page select option{color:#0f172a;background:#fff}.employee-admin-page input:focus,.employee-admin-page select:focus,.employee-admin-page textarea:focus{outline:3px solid #2563eb29;border-color:#60a5fa!important}.merchant-main,.merchant-content,.hr-module-page,.hr-page,.employee-admin-page,.attendance-summary-page,.employee-card{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.merchant-main,.merchant-content,.hr-module-page,.hr-page,.employee-admin-page,.attendance-summary-page{overflow-x:hidden}.hr-module-page{padding:24px}.hr-module-header h1,.hr-card h2,.module-locked-card h1{color:#0f172a!important;opacity:1!important;font-weight:800!important}.hr-module-header,.hr-page-header,.employee-admin-hero,.attendance-summary-hero{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.hr-card{box-sizing:border-box;-webkit-overflow-scrolling:touch;width:100%;max-width:100%;overflow-x:auto}.employee-admin-section-head,.employee-admin-pagination{flex-wrap:wrap;align-items:flex-start;gap:12px;display:flex}.employee-admin-section-head>div,.employee-admin-pagination>div{flex:320px;min-width:0}.employee-admin-section-head button,.employee-admin-pagination button,.employee-form button,.attendance-summary-hero button{flex:none}.employee-form{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:start}.employee-form>button{grid-column:1/-1;justify-self:start;width:fit-content}.employee-form label,.employee-admin-filters label,.attendance-summary-filters>*{min-width:0}.employee-admin-filters,.attendance-summary-filters{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.employee-admin-table-wrap{-webkit-overflow-scrolling:touch;width:100%;max-width:100%;display:block;overflow-x:auto}.employee-admin-table-wrap>.employee-table{display:table}.employee-table,.attendance-summary-table{min-width:1500px}.attendance-summary-table{width:max-content}.employee-row-actions,.employee-admin-pagination>div{flex-wrap:wrap;gap:12px;display:flex}.employee-admin-page .employee-card,.attendance-summary-page .employee-card{overflow-x:hidden}@media (width<=768px){.hr-module-page{padding:12px}.employee-admin-section-head,.employee-admin-pagination,.attendance-summary-hero{display:grid}.employee-form,.employee-admin-filters,.attendance-summary-filters{grid-template-columns:1fr}.employee-form button,.employee-admin-section-head button,.employee-admin-pagination button,.attendance-summary-hero button{width:100%;min-height:48px;font-size:16px}.employee-admin-pagination>div{grid-template-columns:1fr 1fr;display:grid}.employee-table,.attendance-summary-table{min-width:1500px}.hr-module-header h1,.hr-card h2{color:#0f172a!important;opacity:1!important;font-weight:800!important}}.inquiry-page{max-width:100%;overflow-x:hidden}.inquiry-card{max-width:100%;overflow:hidden}.inquiry-page .merchant-page-header{align-items:flex-start;gap:16px}.inquiry-page .merchant-page-header>div:first-child{min-width:0}.inquiry-page .merchant-header-actions{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:10px;display:flex}.inquiry-action-button{white-space:nowrap}.inquiry-toolbar{flex-wrap:wrap;align-items:center;gap:10px;max-width:100%;display:flex}.inquiry-toolbar .merchant-search{flex:260px;min-width:220px}.inquiry-toolbar .merchant-filter{flex:136px;min-width:130px;max-width:190px}.inquiry-toolbar button{white-space:nowrap;flex:none;min-width:88px}.inquiry-tabs{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.inquiry-tabs button{color:#334155;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:10px 14px;font-weight:900}.inquiry-tabs button.active{color:#fff;background:#0f172a;border-color:#0f172a}.inquiry-notification-panel{gap:16px;display:grid}.inquiry-notification-form{grid-template-columns:1.2fr 1.4fr 110px auto auto auto auto;align-items:center;gap:10px;display:grid}.inquiry-notification-form input{width:100%;min-width:0;font:inherit;border:1px solid #e5e7eb;border-radius:8px;padding:10px 12px}.inquiry-checkbox{color:#475569;white-space:nowrap;align-items:center;gap:6px;font-size:13px;font-weight:900;display:inline-flex}.inquiry-checkbox input{width:auto}.inquiry-notification-table{min-width:860px}.inquiry-page .merchant-table-wrap,.inquiry-page .audit-table-wrap{-webkit-overflow-scrolling:touch;width:100%;max-width:100%;overflow:auto hidden}.inquiry-table{table-layout:fixed;width:100%;min-width:1120px}.inquiry-table th,.inquiry-table td{text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}.inquiry-table th:first-child{width:86px}.inquiry-table th:nth-child(2){width:110px}.inquiry-table th:nth-child(3){width:150px}.inquiry-table th:nth-child(4){width:120px}.inquiry-table th:nth-child(5){width:190px}.inquiry-table th:nth-child(6){width:160px}.inquiry-table th:nth-child(7),.inquiry-table th:nth-child(8){width:100px}.inquiry-table th:nth-child(9){width:110px}.inquiry-table th:nth-child(10){width:160px}.inquiry-table th:nth-child(11){width:74px}.inquiry-cell-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.inquiry-cell-nowrap{white-space:nowrap}.inquiry-status-badge{color:#0f172a;white-space:nowrap;background:#e2e8f0;border-radius:999px;justify-content:center;align-items:center;min-height:28px;padding:4px 10px;font-size:12px;font-weight:900;display:inline-flex}.inquiry-status-badge.new{color:#991b1b;background:#fee2e2}.inquiry-status-badge.progress{color:#92400e;background:#fef3c7}.inquiry-status-badge.contacted{color:#1d4ed8;background:#dbeafe}.inquiry-status-badge.quoted{color:#5b21b6;background:#ede9fe}.inquiry-status-badge.won{color:#166534;background:#dcfce7}.inquiry-status-badge.lost{color:#475569;background:#f1f5f9}.inquiry-status-badge.closed{color:#3730a3;background:#e0e7ff}.inquiry-status-badge.spam{color:#7f1d1d;background:#fee2e2}.inquiry-mobile-list{display:none}.inquiry-mobile-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;min-width:0;padding:16px}.inquiry-mobile-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.inquiry-mobile-card h3{overflow-wrap:anywhere;margin:12px 0 8px}.inquiry-mobile-card p{color:#64748b;margin:0 0 10px}.inquiry-mobile-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.inquiry-mobile-fields div{background:#f8fafc;border-radius:12px;gap:4px;min-width:0;padding:10px;display:grid}.inquiry-mobile-fields span{color:#64748b;font-size:12px;font-weight:800}.inquiry-mobile-fields b{color:#0f172a;overflow-wrap:anywhere;min-width:0;font-size:14px}.inquiry-mobile-actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.inquiry-mobile-actions button{flex:140px;min-width:0}.inquiry-detail-drawer{width:min(820px,100%);max-width:100%}.inquiry-message-box,.inquiry-error-box{white-space:pre-wrap;color:#334155;background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;padding:14px;line-height:1.7}.inquiry-error-box{color:#991b1b;background:#fef2f2;border-color:#fecaca}.inquiry-edit-grid{gap:14px;display:grid}.inquiry-edit-grid label{color:#64748b;gap:8px;font-weight:800;display:grid}.inquiry-edit-grid select,.inquiry-edit-grid textarea{color:#0f172a;width:100%;font:inherit;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:12px 14px}.inquiry-edit-grid textarea{resize:vertical;min-height:140px}.inquiry-reply-section{gap:12px;display:grid}.inquiry-reply-compose{gap:10px;display:grid}.inquiry-reply-compose textarea{resize:vertical;color:#0f172a;width:100%;min-height:150px;font:inherit;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:12px 14px;line-height:1.6}.inquiry-reply-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.inquiry-reply-actions span{color:#64748b;overflow-wrap:anywhere;font-size:13px;font-weight:800}.inquiry-reply-success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:14px;margin:0;padding:12px 14px;font-weight:800}.inquiry-reply-loading{min-height:120px}.inquiry-reply-list{gap:12px;display:grid}.inquiry-reply-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;gap:10px;padding:14px;display:grid}.inquiry-reply-card-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.inquiry-reply-card-head div{gap:4px;min-width:0;display:grid}.inquiry-reply-card-head strong{color:#0f172a;overflow-wrap:anywhere}.inquiry-reply-card-head span,.inquiry-reply-meta{color:#64748b;font-size:13px;font-weight:800}.inquiry-reply-card-head b{border-radius:999px;flex:none;padding:5px 10px;font-size:12px}.inquiry-reply-card-head b.sent{color:#166534;background:#dcfce7}.inquiry-reply-card-head b.failed{color:#991b1b;background:#fee2e2}.inquiry-reply-meta{flex-wrap:wrap;gap:8px 16px;display:flex}.inquiry-reply-meta span{overflow-wrap:anywhere}.inquiry-reply-card p{white-space:pre-wrap;color:#334155;overflow-wrap:anywhere;margin:0;line-height:1.7}body.dark .inquiry-mobile-card,body.dark .inquiry-mobile-fields div,body.dark .inquiry-message-box,body.dark .inquiry-tabs button,body.dark .inquiry-notification-form input,body.dark .inquiry-edit-grid select,body.dark .inquiry-edit-grid textarea,body.dark .inquiry-reply-compose textarea,body.dark .inquiry-reply-card{color:#f8fafc;background:#0f172a;border-color:#334155}body.dark .inquiry-tabs button.active{color:#0f172a;background:#f8fafc;border-color:#f8fafc}body.dark .inquiry-mobile-card p,body.dark .inquiry-mobile-fields span,body.dark .inquiry-checkbox,body.dark .inquiry-edit-grid label{color:#cbd5e1}body.dark .inquiry-mobile-fields b{color:#f8fafc}body.dark .inquiry-reply-actions span,body.dark .inquiry-reply-card-head span,body.dark .inquiry-reply-meta,body.dark .inquiry-reply-card p{color:#cbd5e1}body.dark .inquiry-reply-card-head strong{color:#f8fafc}body.dark .inquiry-reply-success{color:#bbf7d0;background:#052e16;border-color:#166534}body.dark .inquiry-error-box{color:#fecaca;background:#450a0a;border-color:#7f1d1d}@media (width>=769px){.inquiry-page .company-desktop-table,.inquiry-page .merchant-table-wrap,.inquiry-page .audit-table-wrap{display:block!important}}@media (width<=768px){.inquiry-page .merchant-page-header{flex-direction:column;align-items:stretch}.inquiry-page .merchant-header-actions,.inquiry-page .merchant-header-actions button,.inquiry-action-button{width:100%}.inquiry-toolbar{flex-direction:column;align-items:stretch;display:flex}.inquiry-tabs{grid-template-columns:1fr;display:grid}.inquiry-tabs button{width:100%}.inquiry-notification-form{grid-template-columns:1fr}.inquiry-toolbar .merchant-search,.inquiry-toolbar .merchant-filter,.inquiry-toolbar button{flex:none;width:100%;min-width:0;max-width:none}.inquiry-page .company-desktop-table,.inquiry-page .merchant-table-wrap,.inquiry-page .audit-table-wrap{display:none!important}.inquiry-mobile-list{gap:12px;display:grid!important}.inquiry-mobile-fields{grid-template-columns:1fr}.inquiry-mobile-actions{grid-template-columns:1fr;display:grid}.inquiry-mobile-actions button,.inquiry-detail-drawer{width:100%}}.company-login-page{background:linear-gradient(135deg,#111827,#7f1d1d);place-items:center;min-height:100vh;padding:24px;display:grid}.company-login-card{background:#fff;border-radius:20px;gap:18px;width:min(430px,100%);padding:32px;display:grid;box-shadow:0 30px 80px #00000047}.company-login-logo{color:#fff;background:#991b1b;border-radius:16px;place-items:center;width:56px;height:56px;font-size:28px;font-weight:900;display:grid}.company-login-card h1{color:#111827;margin:0;font-size:28px}.company-login-card p{color:#64748b;margin:8px 0 0;line-height:1.6}.company-login-card label{color:#334155;gap:8px;font-weight:800;display:grid}.company-login-card input{height:46px;font:inherit;border:1px solid #cbd5e1;border-radius:12px;padding:0 12px}.company-login-card button{color:#fff;cursor:pointer;background:#991b1b;border:0;border-radius:12px;min-height:46px;font-weight:900}.company-login-card button:disabled{opacity:.65;cursor:not-allowed}.company-login-error{color:#b91c1c;background:#fef2f2;border-radius:12px;padding:10px 12px;font-weight:800}.company-topbar-user{color:#e5e7eb;align-items:center;gap:10px;font-size:13px;font-weight:800;display:flex}.company-topbar-user-name{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.company-logout-button{color:#fff;cursor:pointer;background:#991b1b;border:1px solid #ffffff38;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-height:38px;padding:0 14px;font-weight:900;display:inline-flex}.company-logout-button:hover{background:#b91c1c}.company-desktop-user{z-index:45;background:#0f172a;border-radius:999px;padding:8px 10px 8px 14px;position:fixed;top:16px;right:18px;box-shadow:0 12px 30px #0f172a38}@media (width<=1023px){.company-desktop-user{display:none}}@media (width<=639px){.company-topbar-user{justify-self:end}.company-topbar-user-name{display:none}.company-logout-button{min-height:40px;padding:0 12px}}