*,:before,:after{box-sizing:border-box}:root{--bg:#f8faf8;--surface:#fff;--border:#d1d5db;--border-light:#e5e7eb;--text:#374151;--text-muted:#6b7280;--text-h:#111827;--accent:#217346;--accent-light:#eaf4ea;--accent-hover:#1a5c38;--danger:#dc2626;--danger-light:#fef2f2;--warn:#d97706;--hl-bg:#fef9c3;--hl-border:#facc15;--radius:8px;--radius-sm:5px;color:var(--text);background:var(--bg);font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px}body{margin:0}#root,.app{flex-direction:column;min-height:100vh;display:flex}.app-header{background:var(--surface);border-bottom:1px solid var(--border);z-index:100;position:sticky;top:0;box-shadow:0 1px 3px #0000000f}.header-inner{align-items:center;gap:16px;max-width:1400px;height:56px;margin:0 auto;padding:0 24px;display:flex}.app-title{color:var(--text-h);white-space:nowrap;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:600;display:flex}.icon-excel{align-items:center;display:flex}.file-name{color:var(--text-muted);background:var(--bg);border:1px solid var(--border);text-overflow:ellipsis;white-space:nowrap;border-radius:20px;max-width:260px;padding:2px 10px;font-size:13px;overflow:hidden}.app-main{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:32px 24px}.welcome{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:60vh;display:flex}.welcome-icon{margin-bottom:4px}.welcome-title{color:var(--text-h);margin:0;font-size:22px;font-weight:700}.welcome-desc{color:var(--text-muted);max-width:400px;margin:0;font-size:15px;line-height:1.6}.btn{border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:500;transition:background .15s,box-shadow .15s,opacity .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-success{color:#fff;background:#16a34a}.btn-success:hover{background:#15803d}.btn-outline{color:var(--text);border:1px solid var(--border);background:0 0}.btn-outline:hover{background:var(--bg)}.btn-sm{gap:4px;padding:4px 10px;font-size:12px}.upload-btn{padding:10px 22px;font-size:15px}.hidden-input{display:none}.msg{border-radius:var(--radius);align-items:center;gap:6px;max-width:480px;margin-top:8px;padding:10px 14px;font-size:13px;display:flex}.msg-error{background:var(--danger-light);color:var(--danger);border:1px solid #fecaca}.msg-loading{color:var(--text-muted)}.editor{flex-direction:column;gap:12px;display:flex}.toolbar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:12px;padding:10px 14px;display:flex;box-shadow:0 1px 3px #0000000a}.toolbar-left{flex-wrap:wrap;flex:1;align-items:center;gap:10px;display:flex}.toolbar-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sheet-tabs{flex-wrap:wrap;gap:4px;display:flex}.sheet-tab{border:1px solid var(--border);background:var(--bg);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);padding:4px 12px;font-size:12px;transition:all .12s}.sheet-tab:hover{background:var(--border-light);color:var(--text)}.sheet-tab.active{background:var(--accent-light);border-color:var(--accent);color:var(--accent);font-weight:600}.search-box{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);align-items:center;gap:6px;min-width:180px;padding:4px 8px;display:flex}.search-icon{flex-shrink:0}.search-input{color:var(--text);background:0 0;border:none;outline:none;width:100%;font-size:13px}.search-input::placeholder{color:var(--text-muted)}.search-clear{cursor:pointer;color:var(--text-muted);background:0 0;border:none;align-items:center;padding:0;display:flex}.search-clear:hover{color:var(--text)}.search-count{color:var(--text-muted);background:var(--hl-bg);border:1px solid var(--hl-border);border-radius:20px;padding:2px 8px;font-size:12px}.action-bar{align-items:center;gap:12px;display:flex}.action-hint{color:var(--text-muted);font-size:12px}kbd{background:var(--border-light);border:1px solid var(--border);border-radius:3px;padding:0 4px;font-family:ui-monospace,monospace;font-size:11px}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);max-height:calc(100vh - 240px);overflow:auto;box-shadow:0 1px 3px #0000000a}.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table th,.data-table td{border:1px solid var(--border-light);text-align:left;white-space:nowrap;text-overflow:ellipsis;min-width:80px;max-width:280px;padding:5px 10px;position:relative;overflow:hidden}.data-table th{color:var(--text-h);z-index:10;background:#f3f6f3;font-weight:600;position:sticky;top:0}.data-table tbody tr.even{background:var(--surface)}.data-table tbody tr.odd{background:#fafcf9}.data-table tbody tr:hover td,.data-table tbody tr.even:hover td{background:#f0f7f0}.data-table tbody tr.odd:hover td{background:#eef5ee}.row-num{color:var(--text-muted);text-align:center;-webkit-user-select:none;user-select:none;width:40px;font-size:11px;background:#f0f0f0!important;min-width:40px!important;max-width:40px!important}.action-col{text-align:center;width:44px;min-width:44px!important;max-width:44px!important}.hl{outline:2px solid var(--hl-border);outline-offset:-2px;background:var(--hl-bg)!important;border-color:var(--hl-border)!important}.cell-input{outline:2px solid var(--accent);background:#fff;border:none;border-radius:3px;width:100%;padding:2px 4px;font-family:inherit;font-size:13px}.empty-cell{color:var(--border);font-style:italic}.del-col-btn{opacity:0;cursor:pointer;color:var(--text-muted);vertical-align:middle;background:0 0;border:none;margin-left:4px;padding:0 2px;font-size:16px;line-height:1;transition:opacity .12s,color .12s}th:hover .del-col-btn{opacity:1}.del-col-btn:hover{color:var(--danger)}.btn-del-row{border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);background:0 0;border:1px solid #0000;align-items:center;padding:3px 5px;transition:all .12s;display:flex}.btn-del-row:hover{background:var(--danger-light);color:var(--danger);border-color:#fecaca}.empty-state{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:64px 24px;display:flex}.empty-state p{margin:0;font-size:15px}@media (width<=640px){.app-main{padding:16px 12px}.header-inner{padding:0 12px}.toolbar{flex-direction:column;align-items:flex-start}.toolbar-right{width:100%}.search-box{min-width:unset;width:100%}.action-bar{flex-wrap:wrap}.action-hint{display:none}.data-table th,.data-table td{min-width:60px}}