:root{--bg: #f5f5f7;--surface: #ffffff;--border: #d2d2d7;--text: #1d1d1f;--text-secondary: #6e6e73;--accent: #0071e3;--accent-hover: #0077ed;--danger: #ff3b30;--success: #34c759;--warning: #ff9500;--radius: 12px;--radius-sm: 8px;--shadow: 0 1px 3px rgba(0, 0, 0, .06), 0 4px 12px rgba(0, 0, 0, .04)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang TC,Microsoft JhengHei,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;font-size:14px;padding:8px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);cursor:pointer;transition:all .15s ease}button:hover{background:#f0f0f0}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}button.primary:hover{background:var(--accent-hover)}button.danger{background:var(--danger);color:#fff;border-color:var(--danger)}input,select,textarea{font-family:inherit;font-size:14px;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.muted{color:var(--text-secondary);font-size:13px}.layout{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--surface);border-right:1px solid var(--border);padding:24px 16px;display:flex;flex-direction:column;gap:4px}.sidebar-brand{font-size:16px;font-weight:600;padding:8px 12px 16px;border-bottom:1px solid var(--border);margin-bottom:12px}.sidebar-link{padding:8px 12px;border-radius:var(--radius-sm);color:var(--text);cursor:pointer}.sidebar-link:hover{background:var(--bg);text-decoration:none}.sidebar-link.active{background:var(--accent);color:#fff}.sidebar-footer{margin-top:auto;padding-top:16px;border-top:1px solid var(--border);font-size:13px;color:var(--text-secondary)}.main{flex:1;padding:32px 40px;overflow-y:auto}.page-title{font-size:28px;font-weight:600;margin:0 0 24px}.center-screen{display:flex;align-items:center;justify-content:center;min-height:100vh}.badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500}.badge-pending{background:#fff4e0;color:#b76e00}.badge-active{background:#e3f9ec;color:#1f7a3a}.badge-disabled{background:#fde2e1;color:#b3261e}.badge-admin{background:#e0eaff;color:#1a4ed8}table{width:100%;border-collapse:collapse}th,td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border);font-size:14px}th{font-weight:500;color:var(--text-secondary)}.dropzone{background:var(--surface);border:2px dashed var(--border);border-radius:var(--radius);padding:48px 24px;text-align:center;cursor:pointer;transition:all .15s ease}.dropzone:hover,.dropzone.dragging{border-color:var(--accent);background:#f0f7ff}.dropzone-icon{font-size:40px;margin-bottom:8px}.dropzone-text{font-size:16px}.upload-item{display:flex;align-items:center;gap:12px;padding:12px 16px}.upload-item-kind{background:var(--bg);border-radius:6px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:var(--text-secondary);flex-shrink:0}.upload-item-main{flex:1;min-width:0}.upload-item-name{font-size:14px;font-weight:500;word-break:break-all}.upload-item-meta{font-size:12px;margin-top:2px}.upload-item-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.upload-error{color:var(--danger);font-size:12px;margin-top:4px}.status-queued,.status-uploading,.status-ocr{background:#fff4e0;color:#b76e00}.status-success{background:#e3f9ec;color:#1f7a3a}.status-manual{background:#fef3c7;color:#b45309}.status-failed{background:#fde2e1;color:#b3261e}.progress-bar{margin-top:8px;height:4px;background:var(--bg);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:var(--accent);transition:width .2s ease}.invoice-edit-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 900px){.invoice-edit-layout{grid-template-columns:1fr}}.invoice-edit-files img{max-height:600px;object-fit:contain}.file-thumbs{display:flex;gap:6px;margin-top:8px}.file-thumb{width:32px;height:32px;border-radius:6px;border:1px solid var(--border);background:var(--surface);cursor:pointer}.file-thumb.active{background:var(--accent);color:#fff;border-color:var(--accent)}.form-row{display:grid;grid-template-columns:100px 1fr;gap:12px;align-items:start;margin-bottom:14px}.form-row label{font-size:13px;color:var(--text-secondary);padding-top:8px}.form-row input,.form-row select,.form-row textarea{width:100%}.button-like{font-family:inherit;font-size:14px;padding:8px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);text-decoration:none;display:inline-block}.button-like:hover{background:#f0f0f0;text-decoration:none}.cap-hint{background:#f8fafc;border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;margin:-4px 0 14px}.cap-hint-row{display:flex;justify-content:space-between;font-size:12px;margin-bottom:4px}.cap-bar{height:6px;background:var(--bg);border-radius:3px;overflow:hidden}.cap-bar-fill{height:100%;background:var(--accent);transition:width .2s ease}.cap-hint-warning{margin-top:6px;font-size:12px;color:var(--danger)}.cap-over{color:var(--danger)}.invoice-table tr.invoice-row{cursor:pointer;transition:background .1s}.invoice-table tr.invoice-row:hover{background:var(--bg)}.empty-state{text-align:center;padding:48px}.user-table th,.user-table td{font-size:13px;padding:8px 10px}