: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)}}#root{width:100%;max-width:none;text-align:initial;box-sizing:border-box;border-inline:none;flex-direction:column;min-height:100svh;margin:0;display:flex}body{margin:0}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%}.app-shell{background:linear-gradient(135deg,#eef3ff 0%,#f9fbff 45%,#eef9f8 100%);grid-template-columns:240px 1fr;min-height:100vh;display:grid}.login-shell{background:radial-gradient(circle at 20% 20%,#e6f0ff 0%,#f5f9ff 40%,#edf8f5 100%);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#fffffff5;border:1px solid #dbe6fb;border-radius:16px;flex-direction:column;gap:12px;width:min(460px,100%);padding:28px;display:flex;box-shadow:0 20px 48px #3759a029}.login-card h1{color:#163066;margin:0;font-size:1.35rem}.login-card p{color:#5b7095;margin:0 0 6px}.login-input{border:1px solid #c9d7f0;border-radius:10px;height:40px;padding:0 12px;font-size:.95rem}.login-btn{color:#fff;cursor:pointer;background:linear-gradient(#2563eb 0%,#1d4ed8 100%);border:1px solid #1d4ed8;border-radius:10px;height:40px;font-weight:600}.login-error{color:#d14343;margin-top:4px;font-size:.88rem}.access-password-meta{color:#6b7d9e;margin-top:8px;font-size:.82rem;display:block}.import-notice{color:#2b3e67;background:#f7faff;border:1px solid #d9e3f7;border-radius:10px;margin:8px 0;padding:10px 12px;font-size:13px}.import-notice.success{color:#1f6b3a;background:#ecfbf1;border-color:#b9e4c9}.import-notice.error{color:#a63a3a;background:#fff3f3;border-color:#f2c6c6}.import-notice.info{color:#234a9c;background:#f3f8ff;border-color:#c9dbff}.import-failed-list{background:#fff8f8;border:1px solid #f2c6c6;border-radius:8px;margin:4px 0 8px;font-size:13px}.import-failed-list-header{color:#a63a3a;border-bottom:1px solid #f2c6c6;justify-content:space-between;align-items:center;padding:7px 12px;font-weight:600;display:flex}.import-failed-list-header button{color:#a63a3a;cursor:pointer;background:#fff;border:1px solid #f2c6c6;border-radius:5px;padding:2px 10px;font-size:12px}.import-failed-list ul{color:#7a2020;max-height:200px;margin:0;padding:8px 12px 8px 28px;overflow-y:auto}.import-failed-list li{margin-bottom:3px;line-height:1.6}.import-progress-wrap{background:#fff;border:1px solid #d9e3f7;border-radius:10px;margin:8px 0 12px;padding:10px 12px}.import-progress-head,.import-progress-meta{color:#52607d;justify-content:space-between;font-size:12px;display:flex}.import-progress-bar{background:#e8eefc;border-radius:999px;width:100%;height:8px;margin:7px 0;overflow:hidden}.import-progress-fill{background:linear-gradient(90deg,#2f69f6 0%,#39a0ff 100%);height:100%;transition:width .2s}.sidebar{background:linear-gradient(#fcfdff 0%,#f1f5ff 100%);border-right:1px solid #dce7ff;flex-direction:column;gap:16px;padding:20px 16px;display:flex}.sidebar-brand h1{color:#1f3f80;margin:0;font-size:1.35rem}.sidebar-brand p{color:#5b7095;letter-spacing:.04em;margin:4px 0 0;font-size:.82rem}.side-nav{flex-direction:column;gap:8px;display:flex}.side-nav button{color:#2c4370;cursor:pointer;text-align:left;background:#fff;border:1px solid #c8d7f5;border-radius:10px;height:38px;padding:0 12px;font-size:.95rem;font-weight:600}.side-nav button:hover{background:#f4f7ff}.side-nav button.active{color:#fff;background:linear-gradient(#2563eb 0%,#1d4ed8 100%);border-color:#1d4ed8;box-shadow:0 8px 18px #2563eb40}.side-nav-group{flex-direction:column;gap:6px;display:flex}.group-toggle{justify-content:space-between;align-items:center;display:flex}.group-arrow{font-size:.9rem}.side-nav-submenu{flex-direction:column;gap:6px;padding-left:12px;display:flex}.side-nav-submenu button{border-radius:8px;height:34px;font-size:.84rem;font-weight:500}.sidebar-auth{border-top:1px solid #d7e2fb;flex-direction:column;gap:8px;margin-top:auto;padding-top:10px;display:flex}.auth-input{border:1px solid #c9d7f0;border-radius:8px;width:100%;height:34px;padding:0 10px}.auth-actions{grid-template-columns:1fr;gap:8px;display:grid}.auth-btn{color:#fff;cursor:pointer;background:#2f5fce;border:1px solid #2f5fce;border-radius:8px;height:34px}.auth-btn.secondary{color:#2f5fce;background:#fff}.user-meta{flex-direction:column;gap:4px;display:flex}.user-name{color:#1d3766;font-weight:700}.user-openid{color:#5b7095;cursor:pointer;font-size:.75rem}.page-title{color:#0f172a;margin:2px 0 14px;font-size:2rem;font-weight:800}.app-container{color:#2b2e40;padding:16px 22px;font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overflow-x:hidden}.header{border-bottom:1px solid #dce0eb;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;display:flex}.header h1{margin:0;font-size:1.5rem}.note-table{border-collapse:collapse;background:#fff;border:1px solid #e7ecf8;border-radius:8px;width:100%;margin-top:12px;overflow:hidden}.note-table th,.note-table td{text-align:left;border:1px solid #edf1f8;padding:8px 10px;font-size:.88rem}.note-table th{color:#4f5f77;background:#f1f4fb}.note-table tr:hover{background:#fafbfd}.cell-view-trigger{color:#1276ff;cursor:pointer;font:inherit;background:0 0;border:none;padding:0}.cell-view-trigger:hover{text-decoration:underline}.table-scroll{width:100%;padding-bottom:0;overflow-x:scroll}.table-scroll::-webkit-scrollbar{height:8px}.table-scroll::-webkit-scrollbar-track{background:#f0f2f5;border-radius:4px}.table-scroll::-webkit-scrollbar-thumb{background:#c1cad9;border-radius:4px}.table-scroll::-webkit-scrollbar-thumb:hover{background:#99a8c0}.table-scroll .note-table{min-width:1900px}.table-scroll .pr-note-table{min-width:3000px}.table-scroll .bd-note-table{min-width:1450px}.table-scroll .note-table th,.table-scroll .note-table td{white-space:normal;word-wrap:break-word;word-break:break-word}.pr-note-table thead th{white-space:nowrap;word-wrap:normal;word-break:normal;text-overflow:ellipsis;height:44px;min-height:44px;max-height:44px;line-height:28px;overflow:hidden}.pr-note-table thead th.pr-head-fixed{cursor:default}.pr-note-table thead th{z-index:6;background:#f1f4fb;position:sticky;top:0}.pr-note-table{border-spacing:0;border-collapse:separate!important}.pr-note-table .pr-coop-freeze-col-1{z-index:7;background:#fff;position:sticky;left:0}.pr-note-table .pr-coop-freeze-col-2{z-index:7;background:#fff;position:sticky;left:72px}.pr-note-table .pr-coop-freeze-col-3{z-index:7;background:#fff;position:sticky;left:168px}.pr-note-table .pr-coop-freeze-col-4{z-index:7;background:#fff;position:sticky;left:280px}.pr-note-table .pr-coop-freeze-col-5{z-index:7;background:#fff;position:sticky;left:368px;box-shadow:2px 0 #dfe6f4}.pr-note-table .pr-coop-freeze-col-6{z-index:7;background:#fff;position:sticky;left:476px}.pr-note-table .pr-coop-freeze-col-7{z-index:7;background:#fff;position:sticky;left:552px}.pr-note-table thead .pr-coop-freeze-col-1,.pr-note-table thead .pr-coop-freeze-col-2,.pr-note-table thead .pr-coop-freeze-col-3,.pr-note-table thead .pr-coop-freeze-col-4,.pr-note-table thead .pr-coop-freeze-col-5,.pr-note-table thead .pr-coop-freeze-col-6,.pr-note-table thead .pr-coop-freeze-col-7{z-index:8}:is(.pr-note-table thead .pr-coop-freeze-col-1,.pr-note-table thead .pr-coop-freeze-col-2,.pr-note-table thead .pr-coop-freeze-col-3,.pr-note-table thead .pr-coop-freeze-col-4,.pr-note-table thead .pr-coop-freeze-col-5,.pr-note-table thead .pr-coop-freeze-col-6,.pr-note-table thead .pr-coop-freeze-col-7) .pr-note-table.pr-coop-compact thead th{white-space:normal;height:auto;min-height:36px;line-height:1.2}:is(.pr-note-table thead .pr-coop-freeze-col-1,.pr-note-table thead .pr-coop-freeze-col-2,.pr-note-table thead .pr-coop-freeze-col-3,.pr-note-table thead .pr-coop-freeze-col-4,.pr-note-table thead .pr-coop-freeze-col-5,.pr-note-table thead .pr-coop-freeze-col-6,.pr-note-table thead .pr-coop-freeze-col-7) .pr-note-table.pr-coop-compact th,:is(.pr-note-table thead .pr-coop-freeze-col-1,.pr-note-table thead .pr-coop-freeze-col-2,.pr-note-table thead .pr-coop-freeze-col-3,.pr-note-table thead .pr-coop-freeze-col-4,.pr-note-table thead .pr-coop-freeze-col-5,.pr-note-table thead .pr-coop-freeze-col-6,.pr-note-table thead .pr-coop-freeze-col-7) .pr-note-table.pr-coop-compact td{padding:6px;font-size:.79rem}.pr-note-table thead .pr-coop-freeze-col-1,.pr-note-table thead .pr-coop-freeze-col-2,.pr-note-table thead .pr-coop-freeze-col-3,.pr-note-table thead .pr-coop-freeze-col-4,.pr-note-table thead .pr-coop-freeze-col-5,.pr-note-table thead .pr-coop-freeze-col-6,.pr-note-table thead .pr-coop-freeze-col-7{background:#f1f4fb}.pr-note-table .pr-coop-readonly-cell{color:#5a6270;cursor:default}.bd-note-table thead th{z-index:6;background:#f1f4fb;position:sticky;top:0}.bd-note-table{border-spacing:0;border-collapse:separate!important}.bd-note-table .bd-freeze-col-1{z-index:7;background:#fff;position:sticky;left:0}.bd-note-table .bd-freeze-col-2{z-index:7;background:#fff;position:sticky;left:72px}.bd-note-table .bd-freeze-col-3{z-index:7;background:#fff;position:sticky;left:168px}.bd-note-table .bd-freeze-col-4{z-index:7;background:#fff;position:sticky;left:256px}.bd-note-table .bd-freeze-col-5{z-index:7;background:#fff;position:sticky;left:368px;box-shadow:2px 0 #dfe6f4}.bd-note-table thead .bd-freeze-col-1,.bd-note-table thead .bd-freeze-col-2,.bd-note-table thead .bd-freeze-col-3,.bd-note-table thead .bd-freeze-col-4,.bd-note-table thead .bd-freeze-col-5{z-index:8;background:#f1f4fb}.pr-note-table .pr-freeze-cb,.bd-note-table .bd-freeze-cb{z-index:7;text-align:center;background:#fff;width:36px;min-width:36px;padding:0 4px;position:sticky;left:0}.pr-note-table thead .pr-freeze-cb,.bd-note-table thead .bd-freeze-cb{z-index:8;background:#f1f4fb}.pr-note-table.has-batch-select .pr-coop-freeze-col-1{left:36px}.pr-note-table.has-batch-select .pr-coop-freeze-col-2{left:108px}.pr-note-table.has-batch-select .pr-coop-freeze-col-3{left:204px}.pr-note-table.has-batch-select .pr-coop-freeze-col-4{left:316px}.pr-note-table.has-batch-select .pr-coop-freeze-col-5{left:404px;box-shadow:2px 0 #dfe6f4}.pr-note-table.has-batch-select .pr-coop-freeze-col-6{left:512px}.pr-note-table.has-batch-select .pr-coop-freeze-col-7{left:588px}.bd-note-table.has-batch-select .bd-freeze-col-1{left:36px}.bd-note-table.has-batch-select .bd-freeze-col-2{left:108px}.bd-note-table.has-batch-select .bd-freeze-col-3{left:204px}.bd-note-table.has-batch-select .bd-freeze-col-4{left:292px}.bd-note-table.has-batch-select .bd-freeze-col-5{left:404px}.danger-btn{color:#dc2626;cursor:pointer;background:#fee2e2;border:1px solid #dc2626;border-radius:6px;height:33px;padding:0 12px;font-weight:600}.danger-btn:hover{background:#fecaca}.filter-bar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.filter-bar-secondary{margin-top:-8px;margin-bottom:14px}.filter-bar-tertiary{margin-top:-4px;margin-bottom:14px}.filter-bar input,.filter-bar select{border:1px solid #cfd7ea;border-radius:6px;height:32px;padding:0 10px}.filter-bar button{color:#304071;cursor:pointer;background:#fff;border:1px solid #9cb2d6;border-radius:6px;height:33px}.filter-bar button:hover{background:#f0f3ff}.section-actions{margin-bottom:10px}.primary-action{color:#fff;cursor:pointer;background:#1d4ed8;border:1px solid #1d4ed8;border-radius:8px;height:34px;padding:0 14px}.primary-action:hover{opacity:.95}.pr-search-btn{color:#304071;cursor:pointer;background:#fff;border:1px solid #9cb2d6;border-radius:8px;height:34px}.pr-search-btn:hover{background:#f0f3ff}.filter-bar-tertiary button{color:#304071;cursor:pointer;background:#fff;border:1px solid #9cb2d6;border-radius:6px;height:33px;padding:0 12px}.filter-bar-tertiary button:hover{background:#f0f3ff}.folder-upload-btn{color:#304071;cursor:pointer;white-space:nowrap;background:#f7faff;border:1px solid #9cb2d6;border-radius:6px;align-items:center;height:33px;padding:0 10px;font-size:13px;display:inline-flex}.folder-upload-btn:hover{background:#e8eeff}.sales-upload-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.sales-upload-sources{flex-wrap:wrap;gap:8px;display:flex}.sales-source-button{color:#304071;cursor:pointer;background:#fff;border:1px solid #cfd7ea;border-radius:8px;height:34px;padding:0 14px}.sales-source-button.active{color:#1d4ed8;background:#eff6ff;border-color:#1d4ed8}.sales-upload-month{align-items:center;gap:8px;display:flex}.sales-upload-layout{grid-template-columns:minmax(320px,1fr) minmax(260px,340px);gap:16px;margin-bottom:18px;display:grid}.sales-upload-left{gap:14px;display:grid}.sales-upload-zone{text-align:center;color:#36507c;background:#f8fbff;border:1px dashed #9cb2d6;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:220px;padding:24px 20px;display:flex;position:relative}.sales-format-panel{color:#32415b;background:#fff;border:1px solid #dce6f7;border-radius:12px;padding:16px}.sales-format-panel h3{margin:0 0 10px;font-size:1rem}.sales-format-panel ul{color:#5f718f;margin:0;padding-left:18px;font-size:.92rem;line-height:1.65}.sales-format-panel ul li{margin-bottom:6px}.sales-stats-panel{gap:14px;display:grid}.sales-stat-list{background:#fff;border:1px solid #dce6f7;border-radius:12px;flex-direction:column;gap:0;padding:16px;display:flex}.sales-stat-row{border-bottom:1px solid #f0f4fb;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.sales-stat-row:last-child{border-bottom:none}.sales-stat-label{color:#62799a;font-size:.93rem}.sales-stat-value{color:#1a2a45;font-size:1.15rem;font-weight:700}.upload-records-panel{background:#fff;border:1px solid #dce6f7;border-radius:12px;padding:16px}.upload-records-list{gap:8px;display:grid}.upload-records-pagination{color:#5f718f;justify-content:center;align-items:center;gap:12px;margin-top:10px;font-size:.9rem;display:flex}.upload-records-pagination button{cursor:pointer;color:#34415d;background:0 0;border:1px solid #dce6f7;border-radius:6px;padding:2px 10px;font-size:1rem}.upload-records-pagination button:disabled{opacity:.35;cursor:default}.upload-record-item{color:#34415d;background:#f8fbff;border:1px solid #e6edf7;border-radius:8px;padding:10px 12px}.sales-upload-zone.drag-over{background:#eef4ff;border-color:#1d4ed8}.upload-zone-icon{font-size:28px}.upload-zone-title{font-size:1rem;font-weight:600}.upload-zone-subtitle{color:#62799a;font-size:.92rem}.upload-zone-input{opacity:0;cursor:pointer;position:absolute;inset:0}.upload-records-panel h3{margin:0 0 10px;font-size:1rem}.note-form{margin-bottom:16px}.note-form input,.note-form select,.note-form button{margin:2px 0}.card h3{color:#4166a7;text-transform:uppercase;letter-spacing:.03em;margin:0 0 6px;font-size:.87rem}.card p{color:#1f2d53;margin:0;font-size:1.4rem;font-weight:700}.form-actions button{cursor:pointer;color:#fff;background:#436add;border:none;border-radius:6px;padding:8px 12px;transition:all .15s}.form-actions button:hover{opacity:.95;transform:translateY(-1px)}.upload-hint{color:#486181;align-items:center;font-size:.9rem;display:inline-flex}.image-preview-card{background:#fff;border:1px solid #dce6f7;border-radius:10px;align-items:center;gap:12px;margin-top:12px;padding:12px;display:flex}.image-preview{object-fit:cover;background:#eef3fb;border-radius:10px;width:72px;height:72px}.image-preview-meta{color:#405273;flex-direction:column;gap:4px;font-size:.9rem;display:flex}.image-preview-meta a{color:#2c67dd;text-decoration:none}.image-preview-meta a:hover{text-decoration:underline}.error{color:#d12f2f;margin-bottom:8px;font-weight:600}.dashboard-toolbar{align-items:center;gap:10px;margin-bottom:16px;display:flex}.dashboard-toolbar input{border:1px solid #cfd7ea;border-radius:6px;height:34px;padding:0 10px}.dashboard-toolbar button,.batch-chip{color:#304071;cursor:pointer;background:#fff;border:1px solid #9cb2d6;border-radius:6px;height:34px;padding:0 12px}.dashboard-toolbar button:hover,.batch-chip:hover{background:#f0f3ff}.dashboard-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-stat-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:18px;display:grid}.shop-stat-card{background:linear-gradient(#fbfdff 0%,#eef4ff 100%);border:1px solid #d8e3fb;border-radius:12px;padding:14px}.shop-stat-card h3{color:#274f95;margin:0 0 8px;font-size:1rem}.shop-stat-card p{color:#43556f;margin:4px 0}.top-products-table-wrap{overflow-x:auto}.top-products-table{border-collapse:collapse;width:100%;font-size:13px}.top-products-table th{color:#3a5080;text-align:left;white-space:nowrap;background:#f0f4fb;border-bottom:2px solid #cdd8ef;padding:8px 10px;font-weight:600}.top-products-table td{vertical-align:middle;border-bottom:1px solid #e8eef8;padding:7px 10px}.top-products-table tbody tr:hover{background:#f5f8ff}.batch-section{margin-bottom:18px}.batch-list{flex-wrap:wrap;gap:8px;display:flex}.access-note{color:#486181;background:#eef4ff;border:1px solid #dce8ff;border-radius:10px;padding:10px 12px}.pending-access-note{margin-bottom:12px}.inline-access-note{margin-top:10px}.table-actions{gap:8px;display:flex}.image-preview-empty{color:#6c7d98;justify-content:center;align-items:center;font-size:.88rem;display:flex}.readonly-orange{color:#8a4f0f;background:#fff1e5;border-color:#f0c89f!important}.sample-return-toolbar{margin-top:6px;margin-bottom:12px}.transit-stats-bar{flex-wrap:wrap;gap:12px;margin-bottom:12px;display:flex}.transit-stat-card{background:linear-gradient(135deg,#fff8f0 0%,#fff1e0 100%);border:1px solid #f5c96e;border-radius:10px;flex-direction:column;gap:4px;min-width:160px;padding:10px 18px;display:flex}.transit-stat-label{color:#8a5a00;font-size:.78rem;font-weight:500}.transit-stat-value{color:#c45c00;font-size:1.15rem;font-weight:700}.transit-stat-hint{color:#b07a30;font-size:.72rem}.sample-return-table .sample-return-highlight{color:#874509;background:#ffe7cf}.sample-return-table .sample-return-highlight-cell{background:#fff7ef}.sample-return-table .sample-return-erp-cell{color:#0b3f86;background:#e7f1ff;font-weight:700}.table-edit-btn{color:#1f4fa3;cursor:pointer;background:#eff5ff;border:1px solid #3a74d9;border-radius:6px;height:30px;padding:0 10px;font-weight:600}.table-edit-btn:hover{background:#dfeeff}.bd-sample-return-head{color:#8a4b08;background:#fff0d9}.bd-sample-return-cell{background:#fff8ef}.bd-inline-edit-cell{background:#fff}.bd-cell-editable{cursor:default}.bd-cell-editable:hover{background:#f0f5ff}.bd-cell-editable input,.bd-cell-editable select{box-sizing:border-box;background:#fff;border:1px solid #1276ff;border-radius:6px;width:100%;height:30px;padding:0 8px}.pr-cell-editable{cursor:default}.pr-cell-editable:hover{background:#f0f5ff}.pr-cell-editable input,.pr-cell-editable select{box-sizing:border-box;background:#fff;border:1px solid #1276ff;border-radius:6px;width:100%;height:30px;padding:0 8px}.bd-sample-return-cell select,.bd-sample-return-cell input,.bd-inline-edit-cell select,.bd-inline-edit-cell input{background:#fff;border:1px solid #cfd7ea;border-radius:6px;width:100%;height:30px;padding:0 8px}.pr-sample-return-head{color:#8a4b08;background:#fff0d9}.pr-sample-return-cell{background:#fff8ef}.sample-return-table td input,.sample-return-table td select{background:#fff;border:1px solid #cfd7ea;border-radius:6px;width:100%;height:30px;padding:0 8px}.chart-canvas{background:#fff;border:1px solid #e3ebf8;border-radius:12px;width:100%;min-height:280px;padding:8px 6px}.modal-overlay{z-index:1100;background:#0f172a73;justify-content:center;align-items:flex-start;padding:48px 16px;display:flex;position:fixed;inset:0}.modal-panel{background:#fff;border:1px solid #d9e3f8;border-radius:14px;width:min(980px,96vw);max-height:calc(100vh - 96px);padding:14px;overflow:auto;box-shadow:0 18px 48px #1e3a8a40}.modal-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.modal-head h2{margin:0}.modal-close{color:#304071;cursor:pointer;background:#fff;border:1px solid #c7d6f5;border-radius:8px;height:32px;padding:0 10px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.pr-day-drawer{background:#fff;border-radius:14px;width:min(500px,92vw);max-height:calc(100vh - 80px);margin-top:40px;padding:20px;overflow:auto;box-shadow:0 18px 48px #1e3a8a40}.pr-day-drawer-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.pr-day-drawer-head h3{margin:0;font-size:15px}.pr-day-drawer-table{border-collapse:collapse;width:100%;font-size:13px}.pr-day-drawer-table th,.pr-day-drawer-table td{text-align:left;border-bottom:1px solid #e6edf7;padding:8px 12px}.pr-day-drawer-table th{color:#304071;background:#f5f8ff;font-weight:600}.pr-day-drawer-table tr:last-child td{border-bottom:none}.pr-day-drawer-table tr:hover td{background:#f9fbff}.form-row{grid-column:1/-1;gap:10px 1em;display:grid}.form-row-divider-top{border-top:2px solid #c9cfda;margin-top:6px;padding-top:12px}.modal-field{flex-direction:column;gap:6px;display:flex}.modal-field label{color:#4a5d80;font-size:.82rem;font-weight:600}.form-row-3{grid-template-columns:repeat(3,minmax(0,1fr))}.form-row-2{grid-template-columns:repeat(2,minmax(0,1fr))}.form-row-1{grid-template-columns:minmax(0,1fr)}.form-row-status-note{grid-template-columns:180px minmax(0,1fr) 180px;column-gap:14px;margin-top:16px;margin-bottom:4px}.form-row-4{grid-template-columns:repeat(4,minmax(0,1fr))}.form-row-rating-remark{grid-template-columns:200px minmax(0,1fr)}@media (width<=860px){.app-shell{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #dce7ff;border-right:none}.side-nav{flex-flow:wrap}.side-nav button{text-align:center;min-width:88px}.page-title{font-size:1.5rem}.dashboard-grid-3{grid-template-columns:minmax(0,1fr)}.form-grid,.stat-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.form-row-3,.form-row-4,.form-row-2,.form-row-1,.form-row-status-note,.form-row-rating-remark{grid-template-columns:minmax(0,1fr)}}.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.form-section{background:#f6f7fb;border:1px solid #dcdfe8;border-radius:8px;margin-bottom:16px;padding:12px}.form-section h2{margin:0 0 10px;font-size:1.1rem}.form-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;display:grid}.form-grid input,.form-grid select{border:1px solid #ccc;border-radius:3px;width:100%;padding:6px}.form-actions{gap:8px;margin-top:10px;display:flex}.form-actions button{cursor:pointer;border:none;border-radius:4px;padding:8px 12px}.form-actions button:hover{opacity:.92}.chart-grid{align-items:flex-end;gap:8px;margin-bottom:16px;display:flex}.chart-bar-wrap{text-align:center;width:54px}.chart-bar{background:#5a95ff;border-radius:4px;width:100%}.error{color:#d00;margin-bottom:8px}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:16px;display:grid}.dashboard-grid-1{grid-template-columns:minmax(0,1fr)}.dashboard-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:#fff;border:1px solid #e0e6f0;border-radius:8px;padding:10px;box-shadow:0 2px 8px #0000000a}.card h3{color:#3a3f51;margin:0 0 6px;font-size:.95rem}.card p{margin:0;font-size:1.3rem;font-weight:700}.chart-section{margin-bottom:18px}.chart-section h3{margin-bottom:8px}.chart-bar-row{align-items:flex-end;gap:8px;height:140px;display:flex}.chart-bar-item{flex-direction:column;align-items:center;width:48px;display:flex}.chart-bar-fill{background:linear-gradient(#6690ff 0%,#3461e5 100%);border-radius:4px 4px 0 0;width:22px;margin-bottom:6px;transition:height .2s}.chart-label{color:#333;text-align:center;word-break:keep-all;font-size:.72rem}.note-table th{-webkit-user-select:none;user-select:none;cursor:col-resize;white-space:nowrap;border-right:1px solid #d0d6dd;padding-right:4px;position:relative}.note-table th:last-child{cursor:default}.pagination-bar{color:#4166a7;align-items:center;gap:10px;padding:10px 4px 4px;font-size:.88rem;display:flex}.pagination-bar select{color:#304071;cursor:pointer;background:#fff;border:1px solid #cfd7ea;border-radius:6px;height:30px;padding:0 8px}.pagination-total{color:#7a8db3}.pagination-info{text-align:center;min-width:56px;font-weight:600}.pagination-jump{color:#7a8db3;align-items:center;gap:4px;font-size:13px;display:flex}.pagination-jump-input{text-align:center;border:1px solid #9cb2d6;border-radius:5px;outline:none;width:48px;height:28px;padding:0 4px;font-size:13px}.pagination-jump-input:focus{border-color:#1276ff}.pagination-btn{color:#304071;cursor:pointer;background:#fff;border:1px solid #9cb2d6;border-radius:6px;height:30px;padding:0 14px}.pagination-btn:hover:not(:disabled){background:#f0f3ff}.pagination-btn:disabled{opacity:.4;cursor:default}