:root{--color-text: #1f2937;--color-title: #111827;--color-muted: #6b7280;--color-label: #374151;--color-border: #e5e7eb;--color-input-border: #d1d5db;--color-bg: #f4f5f7;--color-surface: #ffffff;--color-primary: #1e3a8a;--color-primary-hover: #1e40af;--color-danger: #b91c1c;--radius: 6px;--font-family: "Segoe UI", system-ui, Arial, sans-serif}body{margin:0;font-family:var(--font-family);color:var(--color-text);background:var(--color-bg);line-height:1.5}.btn{width:auto;padding:11px 16px;border:none;border-radius:var(--radius);font-size:14px;font-weight:500;font-family:inherit;cursor:pointer}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-secondary{background:var(--color-surface);color:var(--color-label);border:1px solid var(--color-input-border)}.btn-secondary:hover:not(:disabled){background:#f9fafb}.btn-link{background:none;border:none;padding:0;color:var(--color-primary);font-size:14px;font-family:inherit;cursor:pointer}.btn-link:hover{text-decoration:underline}.btn:disabled{opacity:.6;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn-block{width:100%}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.label{font-size:13px;font-weight:500;color:var(--color-label)}.input{padding:10px 12px;border:1px solid var(--color-input-border);border-radius:var(--radius);font-size:14px;font-family:inherit;width:100%;box-sizing:border-box}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #1e3a8a26}.hint{font-size:12px;color:var(--color-muted);margin:-4px 0 12px}.error{color:var(--color-danger);font-size:13px;min-height:18px;margin:0 0 12px}.topbar{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:14px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px}.topbar-brand{font-weight:600;color:var(--color-title)}.topbar-right{display:flex;align-items:center;gap:16px}.topbar-user{text-align:right;font-size:13px;color:var(--color-muted)}.topbar-user strong{display:block;font-size:14px;font-weight:600;color:var(--color-title)}@media(max-width:520px){.topbar{flex-direction:column;align-items:flex-start}.topbar-right{width:100%;justify-content:space-between}.topbar-user{text-align:left}}.page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:32px;width:100%;max-width:380px;box-sizing:border-box;box-shadow:0 1px 2px #0000000a}.title{font-size:20px;font-weight:600;color:var(--color-title);margin:0 0 4px}.subtitle{font-size:14px;color:var(--color-muted);margin:0 0 24px}.auth-footer{margin-top:12px;text-align:center}.app-frame{display:grid;grid-template-columns:200px minmax(0,1fr) 380px;min-height:100vh;background:var(--color-bg)}.side-nav{background:var(--color-surface);border-right:1px solid var(--color-border);padding:16px 12px;display:flex;flex-direction:column;gap:4px}.side-brand{font-weight:600;color:var(--color-title);padding:4px 8px 16px}.nav-item{text-align:left;background:none;border:none;padding:10px 12px;border-radius:var(--radius);font:inherit;color:var(--color-label);cursor:pointer}.nav-item:hover{background:#f3f4f6}.nav-item.active{background:#eef2ff;color:var(--color-primary);font-weight:600}.side-user{margin-top:auto;display:flex;flex-direction:column;gap:4px;padding-top:16px;font-size:14px}.scrim{display:none}.list-pane{min-width:0;background:var(--color-surface);border-right:1px solid var(--color-border);min-height:100vh}.list-header{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--color-border);position:sticky;top:0;background:var(--color-surface);z-index:2}.list-header h2{font-size:18px;margin:0;color:var(--color-title);flex:1}.count{background:#eef2ff;color:var(--color-primary);border-radius:999px;padding:2px 10px;font-size:13px;font-weight:600}.notice{margin:0;padding:10px 16px;background:#ecfdf5;color:#065f46;font-size:14px}.muted{color:var(--color-muted);font-size:14px}.empty,.placeholder{padding:24px 16px;margin:0}.doc-list{list-style:none;margin:0;padding:0}.doc-list li{border-bottom:1px solid var(--color-border)}.doc-list li.open{background:#f8faff}.doc-row{display:grid;gap:2px;width:100%;text-align:left;background:none;border:none;padding:12px 16px;cursor:pointer;font:inherit}.doc-row:hover{background:#f9fafb}.doc-cn{font-weight:700;color:var(--color-title);font-size:15px}.doc-subject{color:var(--color-text);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-meta{color:var(--color-muted);font-size:12px}.inline-details{padding:0 16px 16px}.facts{display:grid;grid-template-columns:130px 1fr;gap:6px 12px;font-size:14px;margin:0 0 12px}.facts dt{color:var(--color-muted)}.facts dd{margin:0;color:var(--color-text);word-break:break-word}.section-title{font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted);margin:16px 0 8px}.history{margin:0;padding-left:18px;font-size:14px}.history li{margin-bottom:10px}.history-note{color:var(--color-text);margin-top:2px}.actions{display:flex;flex-direction:column;gap:10px}.note{min-height:72px;resize:vertical;font-family:inherit}.picker{position:relative}.picker-list{position:absolute;top:100%;left:0;right:0;z-index:10;margin:4px 0 0;padding:4px 0;list-style:none;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);max-height:240px;overflow-y:auto;box-shadow:0 4px 12px #00000014}.picker-row{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:8px 12px;background:none;border:none;text-align:left;font:inherit;cursor:pointer}.picker-row:hover,.picker-row.selected{background:#eef2ff}.picker-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text);font-size:14px}.picker-unit{color:var(--color-muted);font-size:12px;white-space:nowrap}.picker-empty{padding:8px 12px;color:var(--color-muted);font-size:14px}.detail-pane{background:var(--color-surface);padding:0 16px 16px;overflow-y:auto;min-height:100vh}.detail-header,.detail-tabs,.detail-section.details{display:none}.detail-section.actions{display:block;padding-top:16px}.menu-btn,.back-btn{display:none}.icon-btn{background:none;border:1px solid var(--color-border);border-radius:var(--radius);width:36px;height:36px;font-size:16px;cursor:pointer;align-items:center;justify-content:center}.floating-note{position:fixed;left:50%;bottom:24px;transform:translate(-50%);background:var(--color-title);color:#fff;padding:10px 18px;border-radius:999px;font-size:14px;box-shadow:0 6px 16px #00000026;z-index:50}@media(max-width:799px){.app-frame{grid-template-columns:1fr}.side-nav{position:fixed;top:0;bottom:0;left:0;width:260px;z-index:20;transform:translate(-100%);transition:transform .2s ease;box-shadow:0 0 16px #00000026}.side-nav.open{transform:translate(0)}.scrim{display:block;position:fixed;inset:0;background:#11182759;z-index:15}.list-pane{border-right:none}.menu-btn,.back-btn{display:inline-flex}.inline-details{display:none}.detail-pane{display:none;position:fixed;inset:0;z-index:30;padding:0}.detail-pane.show{display:block}.detail-header{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--color-border);font-weight:600;color:var(--color-title)}.detail-tabs{display:flex;border-bottom:1px solid var(--color-border)}.detail-tabs button{flex:1;padding:12px;background:none;border:none;border-bottom:2px solid transparent;font:inherit;color:var(--color-muted);cursor:pointer}.detail-tabs button.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:600}.detail-section{padding:16px}.detail-section.actions{padding-top:16px}.detail-pane[data-tab=details] .detail-section.details{display:block}.detail-pane[data-tab=details] .detail-section.actions,.detail-pane[data-tab=actions] .detail-section.details{display:none}.detail-pane[data-tab=actions] .detail-section.actions{display:block}.floating-note{bottom:16px}}