:root{--bg: #f6f7fb;--card: #ffffff;--text: #111827;--border: #e5e7eb;--primary: #171717;--soft: #f3f4f6;--ring: rgba(17, 24, 39, .08)}*{box-sizing:border-box}html{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif}body{min-width:320px;min-height:100vh;margin:0;color:var(--text);background:var(--bg);line-height:1.5}button,input,textarea,select{font:inherit}#app{min-height:100vh}.site-background{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden;background:linear-gradient(180deg,#ffffff9e,#f6f7fbeb),#f6f7fb}.container{position:relative;z-index:1;width:min(1280px,calc(100% - 48px));min-height:calc(100vh - 48px);margin:24px auto;padding:28px;border:1px solid rgba(255,255,255,.5);border-radius:28px;background:#ffffff57;box-shadow:0 28px 90px #0f172a29;-webkit-backdrop-filter:blur(24px) saturate(1.35);backdrop-filter:blur(24px) saturate(1.35)}.app-shell{display:block}.card{margin:14px 0;padding:18px;border:1px solid rgba(255,255,255,.62);border-radius:14px;background:#ffffffb8;box-shadow:0 18px 48px #0f172a1f;-webkit-backdrop-filter:blur(18px) saturate(1.35);backdrop-filter:blur(18px) saturate(1.35)}.form-card{max-width:1120px;margin:0 auto}.login-card{max-width:1120px;margin:0 auto;text-align:center}h1{margin:0 0 18px;font-size:28px;line-height:1.25}.page-header{display:flex;flex-direction:column;align-items:center;gap:14px;margin-bottom:22px;text-align:center}.page-header h1{margin:0}.top-logo{width:min(280px,72vw);height:auto;object-fit:contain}.workspace{display:flex;flex-direction:column;gap:18px;max-width:1120px;margin:0 auto}.workspace-header{display:flex;justify-content:center;padding:4px 0 2px}.workspace-nav{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px;border:1px solid rgba(255,255,255,.62);border-radius:14px;background:#ffffffb8;box-shadow:0 18px 48px #0f172a14;-webkit-backdrop-filter:blur(18px) saturate(1.35);backdrop-filter:blur(18px) saturate(1.35)}.workspace .form-card{width:100%}.nav-actions,.nav-user{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.nav-button,.nav-logout{min-width:0;margin:0;padding:9px 14px;border-color:#d1d5db;border-radius:999px;color:var(--primary);background:#fff;font-weight:600}.nav-button.active{color:#fff;background:var(--primary);border-color:var(--primary)}.nav-user{color:#6b7280;font-size:13px}.nav-user strong{color:var(--primary)}.workspace-page{min-height:420px}.middle-platform-page{display:grid;grid-template-columns:260px minmax(0,1fr);gap:14px;min-height:620px}.middle-sidebar,.middle-content{border:1px solid rgba(255,255,255,.62);border-radius:14px;background:#ffffffc7;box-shadow:0 18px 48px #0f172a1a;-webkit-backdrop-filter:blur(18px) saturate(1.35);backdrop-filter:blur(18px) saturate(1.35)}.middle-sidebar{display:flex;flex-direction:column;gap:4px;max-height:544px;overflow-y:auto;padding:10px}.middle-sidebar-header{padding:11px 12px;border-radius:9px;color:#047857;background:#e6f7f0;font-size:15px}.middle-table-tab{display:flex;align-items:center;justify-content:flex-start;gap:0;width:100%;min-width:0;margin:0;padding:10px 12px;border:0;border-radius:9px;color:#111827;background:transparent;font-weight:600}.middle-table-tab.active{color:#065f46;background:#ecfdf5}.table-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:16px;height:16px;border:1px solid #9ca3af;border-radius:3px;color:#6b7280;font-size:13px;line-height:1}.middle-content{min-width:0;padding:14px}.middle-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}.middle-toolbar-actions{display:flex;align-items:center;gap:8px}.middle-toolbar-actions>button{min-width:96px;margin:0}.middle-toolbar h1{margin:0 0 5px;font-size:22px}.middle-toolbar p{margin:0;color:#64748b;font-size:13px}.middle-dashboard{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:12px}.middle-stat-card{min-height:92px;padding:12px;border:1px solid #e5e7eb;border-radius:10px;background:#fff}.middle-stat-card span,.middle-stat-card em{display:block;color:#64748b;font-size:12px;font-style:normal}.middle-stat-card strong{display:block;margin:8px 0 6px;color:#111827;font-size:24px;line-height:1}.middle-controls{display:grid;grid-template-columns:minmax(240px,1.5fr) minmax(160px,.8fr) minmax(160px,.8fr) auto;align-items:end;gap:10px;margin-bottom:10px;padding:12px;border:1px solid #e5e7eb;border-radius:10px;background:#f8fafc}.middle-controls label span{margin-bottom:6px}.middle-controls input,.middle-controls select{border-radius:9px;background:#fff}.middle-reset-button{min-width:110px;margin:0;padding:11px 14px;white-space:nowrap}.middle-table-summary{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px;color:#64748b;font-size:13px}.middle-table-summary strong{color:#111827}.middle-table-wrap{position:relative;overflow:auto;max-height:620px;border:1px solid #e5e7eb;border-radius:12px;background:#fff}.middle-data-table{width:max-content;min-width:100%;border-collapse:separate;border-spacing:0;font-size:13px}.middle-data-table th,.middle-data-table td{min-width:96px;max-width:220px;padding:9px 10px;border-right:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;text-align:left;white-space:nowrap}.middle-data-table th{position:sticky;top:0;z-index:1;color:#374151;background:#f8fafc;font-weight:800}.middle-data-table td{color:#111827;background:#fffffff0}.middle-data-table tr.selected td{background:#eff6ff}.middle-data-table tr.pendingDelete td{color:#991b1b;background:#fef2f2}.middle-cell-input{width:100%;min-width:96px;height:30px;padding:4px 7px;border-radius:6px;font-size:13px}.middle-cell-input.changed{border-color:#f97316;background:#fff7ed;box-shadow:0 0 0 2px #f973161f}.middle-data-table .row-index{position:sticky;left:0;z-index:2;min-width:52px;max-width:52px;color:#8a8f98;background:#fff;text-align:center}.middle-data-table th.row-index{z-index:3;background:#f8fafc}.middle-tag{display:inline-flex;align-items:center;min-height:24px;padding:2px 8px;border-radius:5px;color:#fff;font-weight:800;line-height:1.2}.middle-tag.red{background:#ef4444}.middle-tag.orange{background:#f97316}.middle-tag.yellow{background:#eab308}.middle-tag.green{background:#22a66a}.middle-tag.blue{background:#2563eb}.middle-tag.cyan{background:#0ea5e9}.middle-tag.purple{background:#7c3aed}.middle-tag.gray{background:#6b7280}.middle-empty{padding:18px}.middle-row-tools{position:sticky;left:0;bottom:0;z-index:4;display:flex;align-items:center;gap:8px;width:max-content;padding:7px 10px;border-top:1px solid #e5e7eb;border-right:1px solid #e5e7eb;border-top-right-radius:10px;background:#f8fafcf5}.middle-row-tool{min-width:0;width:30px;height:30px;margin:0;padding:0;border-color:#cbd5e1;color:#111827;background:#fff;font-size:22px;font-weight:700;line-height:1}.health-panel{display:flex;flex-direction:column;gap:16px}.health-summary{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding-bottom:14px;border-bottom:1px solid #e5e7eb}.health-summary strong{font-size:18px}.health-summary span:last-child{color:#64748b;font-size:13px}.health-dot{width:12px;height:12px;border-radius:999px;background:#ef4444;box-shadow:0 0 0 4px #ef44441f}.health-dot.ok{background:#10b981;box-shadow:0 0 0 4px #10b98124}.health-dot.bad{background:#ef4444}.health-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.health-item{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;min-height:76px;padding:14px;border:1px solid #e5e7eb;border-radius:12px;background:#ffffffd1}.health-item div{min-width:0}.health-item strong,.health-item span{display:block}.health-item strong{margin-bottom:4px;font-size:15px}.health-item div span{color:#64748b;font-size:13px;overflow-wrap:anywhere}.health-status{flex:0 0 auto;padding:4px 9px;border-radius:999px;color:#991b1b;background:#fee2e2;font-size:12px;font-weight:800}.health-status.ok{color:#047857;background:#d1fae5}.health-status.warn{color:#b45309;background:#fef3c7}.page-header.compact{margin-bottom:18px}.receipt-form{display:flex;flex-direction:column;gap:14px;text-align:left}.form-section{display:flex;flex-direction:column;gap:12px;padding:12px 0;border-top:1px solid #eef0f3}.form-section:first-child{border-top:0;padding-top:0}.form-section h2{margin:0;font-size:17px;line-height:1.3}.row{display:flex;flex-wrap:wrap;gap:14px}.row>*{flex:1;min-width:240px}label{display:block}label span{display:block;margin-bottom:7px;color:#374151;font-size:13px;font-weight:600}.field-block{display:block}.field-label{display:block;margin-bottom:7px;color:#374151;font-size:13px;font-weight:600}.calendar-row{display:flex;flex-wrap:wrap;gap:14px}.calendar-row>*{flex:1;min-width:240px}input,select{width:100%;padding:11px 12px;border:1px solid #d1d5db;border-radius:10px;outline:none;color:var(--text);background:#fff}input:focus,select:focus{border-color:#111827;box-shadow:0 0 0 3px var(--ring)}button{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;min-width:160px;margin-top:4px;padding:12px 20px;border:1px solid var(--primary);border-radius:10px;color:#fff;background:var(--primary);cursor:pointer;font-weight:700;line-height:1.2}button:disabled{cursor:not-allowed;opacity:.58}button.secondary{color:var(--primary);background:#fff;border-color:#d1d5db}button.danger{border-color:#dc2626;background:#dc2626}hr{width:100%;height:1px;margin:2px 0;border:0;background:#eef0f3}.login-card button[type=submit]{align-self:center;min-width:180px;padding:14px 28px;font-size:18px}.form-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:4px}.account-page{display:flex;flex-direction:column;gap:14px}.section-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.section-title-row h1{margin:0 0 6px;font-size:22px}.section-title-row p{margin:0;color:#64748b}.count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:32px;padding:0 12px;border-radius:999px;color:#475569;background:#eef2f7;font-size:13px;font-weight:800}.account-create-card{margin:0;background:#f8fafcc2;box-shadow:none}.account-create-card h2{margin:0 0 14px;font-size:18px}.account-create-card button[type=submit]{width:100%}.account-list{display:flex;flex-direction:column;gap:12px}.account-item{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px;border:1px solid #e5e7eb;border-radius:12px;background:#ffffffd1}.account-info{min-width:260px}.account-title-line{display:flex;align-items:center;gap:8px;margin-bottom:6px}.account-title-line strong{font-size:18px}.status-pill{display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:999px;color:#047857;background:#d1fae5;font-size:12px;font-weight:800}.account-info p,.password-line{margin:0;color:#64748b;font-size:13px}.password-line{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}.password-line code{padding:7px 10px;border:1px solid #e5e7eb;border-radius:10px;color:#111827;background:#f8fafc;font-family:inherit}.eye-button{min-width:0;margin:0;padding:7px 10px;border-color:#d1d5db;color:var(--primary);background:#fff;font-size:12px}.account-actions{display:grid;grid-template-columns:minmax(170px,1fr) auto auto;align-items:center;gap:8px;min-width:390px}.account-actions button{min-width:96px;margin:0;white-space:nowrap}.table-management-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:14px}.table-management-sidebar{display:flex;flex-direction:column;gap:6px;max-height:680px;overflow-y:auto;padding:10px;border:1px solid rgba(255,255,255,.62);border-radius:14px;background:#ffffffc7}.table-management-sidebar .middle-table-tab{justify-content:flex-start}.table-management-sidebar .middle-table-tab strong{margin-left:auto;padding:3px 7px;border-radius:999px;color:#047857;background:#d1fae5;font-size:12px}.table-management-panel{min-width:0;margin:0}.table-config-header,.field-picker-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.table-config-header h2{margin:0 0 4px;font-size:20px}.table-config-header p{margin:0;color:#64748b;font-size:13px}.toggle-line{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.toggle-line input,.field-check input{width:auto}.toggle-line span{margin:0}.field-picker-header{align-items:center;margin-top:16px}.field-picker-actions{display:flex;gap:8px}.field-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}.field-check{display:grid;grid-template-columns:auto 1fr;gap:4px 8px;align-items:start;padding:10px;border:1px solid #e5e7eb;border-radius:10px;background:#fff}.field-check span{margin:0;color:#111827;font-size:13px}.field-check small{grid-column:2;color:#94a3b8;font-size:12px;overflow-wrap:anywhere}.refresh-button{min-width:96px;margin:0}.history-groups{display:flex;flex-direction:column;gap:14px}.history-group{margin:0}.history-group-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.history-title{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.history-group-header h2{margin:0;font-size:18px}.history-date-picker{display:inline-flex;align-items:center;gap:7px;margin:0}.history-date-picker span{margin:0;color:#64748b;font-size:12px;font-weight:700}.history-date-picker input{width:148px;padding:7px 9px;border-radius:9px;font-size:13px}.history-date-list{display:flex;flex-direction:column;gap:10px;max-height:320px;overflow-y:auto;padding-right:6px}.history-date-group{border:1px solid #e5e7eb;border-radius:12px;background:#ffffffb8}.history-date-group summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;cursor:pointer;color:#111827;font-weight:800}.history-date-group summary::marker{color:#64748b}.history-date-group summary strong{color:#64748b;font-size:13px}.history-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;padding:0 12px 12px}.history-item{display:flex;flex-direction:column;gap:10px;padding:10px;border:1px solid #e5e7eb;border-radius:12px;background:#ffffffd1}.history-thumb{display:block;width:100%;min-width:0;height:180px;margin:0;padding:0;overflow:hidden;border:1px solid #e5e7eb;border-radius:10px;background:#f8fafc}.history-thumb img{width:100%;height:100%;object-fit:contain}.history-meta{display:flex;flex-direction:column;gap:4px;min-height:48px}.history-meta strong{overflow:hidden;color:#111827;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.history-meta span,.empty-text{margin:0;color:#64748b;font-size:13px}.history-actions{display:flex;gap:8px}.history-actions button,.download-link{flex:1;min-width:0;margin:0;padding:9px 10px;border-radius:10px;font-size:13px}.download-link{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--primary);color:#fff;background:var(--primary);font-weight:700;text-decoration:none}.progress-wrap{margin-top:16px}.progress-track{position:relative;height:16px;overflow:visible;border:1px solid #fed7aa;border-radius:999px;background:#fff7ed}.progress-fill{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:#111827;transition:width .18s ease}.progress-logo{position:absolute;top:50%;z-index:1;width:24px;height:24px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(15,23,42,.22));transform:translate(-50%,-50%);transition:left .18s ease}.progress-percent{position:absolute;top:50%;left:50%;z-index:1;color:#f97316;font-size:13px;font-weight:800;transform:translate(-50%,-50%)}.status-text,.error-text{margin:14px 0 0;font-size:14px}.status-text{color:#047857}.error-text{color:#b91c1c;white-space:pre-wrap}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:24px;background:#0f172a94}.preview-modal{display:flex;flex-direction:column;width:min(980px,100%);max-height:calc(100vh - 48px);padding:16px;border:1px solid rgba(255,255,255,.62);border-radius:18px;background:#fffffff0;box-shadow:0 28px 90px #0f172a52}.confirm-backdrop{z-index:30}.confirm-modal{display:flex;flex-direction:column;width:min(440px,100%);padding:18px;border:1px solid rgba(255,255,255,.62);border-radius:18px;background:#fffffff5;box-shadow:0 28px 90px #0f172a52}.modal-header,.modal-footer,.preview-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.modal-header{justify-content:space-between;margin-bottom:12px}.modal-header h2{margin:0;font-size:20px}.confirm-message{margin:4px 0 0;color:#111827;font-size:15px;line-height:1.7}.confirm-detail{margin:12px 0 0;padding:12px 14px;border:1px solid #e5e7eb;border-radius:10px;color:#475569;background:#f8fafc;font-size:14px;line-height:1.6;word-break:break-all}.confirm-footer{justify-content:flex-end;margin-top:18px}.danger-button{background:#dc2626}.danger-button:hover{background:#b91c1c}.icon-button{min-width:38px;width:38px;height:38px;padding:0;border-color:#d1d5db;color:var(--primary);background:#fff;font-size:24px;line-height:1}.preview-toolbar{margin-bottom:12px}.tool-button{min-width:0;padding:9px 12px;border-color:#d1d5db;color:var(--primary);background:#fff;font-size:14px}.preview-stage{display:flex;align-items:flex-start;justify-content:center;min-height:360px;max-height:calc(100vh - 250px);overflow:auto;border:1px solid var(--border);border-radius:14px;background:#f9fafb}.preview-canvas{display:flex;align-items:flex-start;justify-content:center;width:max-content;min-width:100%;padding:18px}.preview-canvas img{display:block;width:min(100%,640px);height:auto;transform-origin:top center;transition:transform .18s ease}.modal-footer{justify-content:flex-end;margin-top:12px}.download-button{display:inline-flex;align-items:center;justify-content:center;min-width:160px;padding:12px 18px;border:1px solid var(--primary);border-radius:10px;color:#fff;background:var(--primary);font-weight:700;text-decoration:none}@media (max-width: 1180px){.middle-dashboard{grid-template-columns:repeat(3,minmax(0,1fr))}.middle-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 800px){.container{width:calc(100% - 24px);min-height:calc(100vh - 24px);margin:12px auto;padding:16px;border-radius:20px}.card{margin:0;padding:14px}h1{font-size:22px}button,.form-actions{width:100%}.modal-backdrop{padding:12px}.preview-modal{max-height:calc(100vh - 24px);padding:12px}.tool-button,.download-button{width:100%}.workspace-nav,.nav-user{align-items:stretch;flex-direction:column}.middle-platform-page{grid-template-columns:1fr}.middle-sidebar{max-height:220px;overflow-y:auto}.middle-toolbar{flex-direction:column}.table-management-layout{grid-template-columns:1fr}.table-management-sidebar{max-height:240px}.table-config-header,.field-picker-header{flex-direction:column}.field-picker-actions{width:100%}.middle-dashboard{grid-template-columns:repeat(2,minmax(0,1fr))}.middle-controls{grid-template-columns:1fr}.middle-reset-button,.nav-actions,.nav-user,.nav-button,.nav-logout{width:100%}.preview-stage{min-height:300px;max-height:calc(100vh - 330px)}.section-title-row,.account-item{flex-direction:column}.count-badge,.account-info,.account-actions{width:100%}.account-actions{display:flex;flex-direction:column;min-width:0}}