:root{--bg:#f7f8f7;--surface:#fff;--surface-soft:#fafbfa;--border:#e5e8e6;--border-strong:#d2d8d4;--text:#18302a;--text-soft:#5b6b66;--text-muted:#8a9692;--accent:#2c6456;--accent-strong:#183d33;--accent-bg:#eaf2ee;--danger:#b3261e;--danger-bg:#fdecea;--shadow-sm:0 1px 2px #1429230a;--shadow-md:0 4px 12px #1429230f;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--topbar-h:64px;--sidebar-w:260px}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{color:var(--text);background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}.shell{flex-direction:column;min-height:100vh;display:flex}.topbar{height:var(--topbar-h);background:var(--accent-strong);color:#fff;justify-content:space-between;align-items:center;gap:16px;padding:0 20px;display:flex}.brand{align-items:center;gap:14px;display:flex}.brand-mark{border-radius:var(--radius-sm);letter-spacing:.02em;border:2px solid;align-items:center;padding:6px 12px;font-weight:700;display:inline-flex}.brand-name{opacity:.85}.body{flex:1;min-height:0;display:flex}.sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;padding-top:12px;display:flex}.nav-item{color:var(--text);border-left:3px solid #0000;align-items:center;gap:12px;padding:13px 20px;display:flex}.nav-item:hover{background:var(--surface-soft)}.nav-item.is-active{border-left-color:var(--accent);background:var(--accent-bg);font-weight:600}.nav-icon{color:var(--accent)}.content{flex:1;min-width:0;padding:24px 28px}.user-menu{position:relative}.user-menu-trigger{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-left:1px solid #fff3;align-items:center;gap:10px;padding:6px 4px 6px 20px;display:flex}.user-menu-avatar{border:2px solid;border-radius:50%;width:26px;height:26px}.user-menu-names{flex-direction:column;align-items:flex-start;line-height:1.25;display:flex}.user-menu-client{opacity:.8;font-size:12px}.user-menu-dropdown{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);min-width:180px;box-shadow:var(--shadow-md);z-index:20;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.user-menu-item{color:var(--text);padding:12px 16px;display:block}.user-menu-item:hover{background:var(--surface-soft)}.selectrow{flex-wrap:wrap;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.field{color:var(--text-soft);flex-direction:column;gap:4px;font-size:12px;display:flex}.field select{min-width:220px;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:8px 10px;font-size:14px}.field select:disabled{color:var(--text-muted);background:var(--surface-soft)}.field-hint{color:var(--text-muted);padding-bottom:10px;font-size:12px}h1{margin:0 0 16px;font-size:22px}h2{margin:26px 0 10px;font-size:16px}.tablewrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow-x:auto}table{border-collapse:collapse;width:100%}thead th{background:var(--accent);color:#fff;text-align:left;white-space:nowrap;padding:10px 14px;font-weight:600}tbody td{border-top:1px solid var(--border);white-space:nowrap;padding:10px 14px}tbody tr:hover{background:var(--surface-soft)}tbody tr.is-selected{background:var(--accent-bg)}tbody a{color:var(--accent);font-weight:600}tbody a:hover{text-decoration:underline}.hint{color:var(--text-muted)}.notice{background:var(--accent-bg);border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--text-soft);margin-bottom:20px;padding:12px 16px}.notice code{font-size:13px}.empty{text-align:center;color:var(--text-muted);background:var(--surface);border:1px dashed var(--border-strong);border-radius:var(--radius-md);padding:40px}.centered{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:420px;box-shadow:var(--shadow-md);text-align:center;padding:32px}.btn{background:var(--accent);color:#fff;border-radius:var(--radius-md);margin-top:18px;padding:11px 22px;font-weight:600;display:inline-block}.btn:hover{background:var(--accent-strong)}button.btn{font:inherit;cursor:pointer;border:0;font-weight:600}.btn.is-quiet{color:var(--accent);border:1px solid var(--border-strong);background:0 0}.btn.is-quiet:hover{background:var(--accent-bg)}.empty.is-pitch{text-align:left;max-width:640px;padding:32px}.pitch-lead{color:var(--text-soft);font-size:16px;line-height:1.6}.empty.is-pitch .hint{margin-top:12px}.empty.is-pitch .notice-actions{justify-content:flex-start}.notice-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:12px;display:flex}.error{background:var(--danger-bg);border:1px solid var(--danger);border-radius:var(--radius-md);color:var(--danger);text-align:left;margin-top:16px;padding:12px 14px;font-size:13px}.section-head{align-items:baseline;gap:12px;margin:26px 0 10px;display:flex}.section-head h2{margin:0}.count{color:var(--text-muted);font-size:13px}.tablewrap.is-scrollbox{height:320px;overflow-y:auto}.is-scrollbox thead th{z-index:1;position:sticky;top:0}th.num,td.num{text-align:right}td.pick{text-align:right;color:var(--accent);font-size:13px;font-weight:600}.is-pickable tbody tr{cursor:pointer;position:relative}.row-link{color:var(--accent);font-weight:600}.row-link:after{content:"";position:absolute;inset:0}.is-pickable tbody tr:hover{background:var(--surface-soft)}.is-pickable tbody tr.is-selected>td{background:var(--accent-bg);font-weight:600}.is-pickable tbody tr.is-selected>td:first-child{box-shadow:inset 4px 0 0 var(--accent)}.detail{min-height:260px;margin-top:22px}.detail-head{background:var(--accent-bg);border:1px solid var(--border-strong);border-radius:var(--radius-md) var(--radius-md) 0 0;border-bottom:0;justify-content:space-between;align-items:flex-start;gap:16px;padding:14px 16px;display:flex}.detail-title{font-size:15px;font-weight:600}.detail-meta{color:var(--text-soft);margin-top:2px;font-size:13px}.detail-close{color:var(--text-soft);padding:2px 6px;font-size:16px;line-height:1}.detail-close:hover{color:var(--text)}.detail .tablewrap{border-radius:0 0 var(--radius-md) var(--radius-md)}td.actions{text-align:right;white-space:nowrap}td.actions a{color:var(--accent);margin-left:14px;font-size:13px;font-weight:600}td.actions a:hover{text-decoration:underline}.preview{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);margin-top:16px;overflow:hidden}.preview-head{background:var(--surface-soft);border-bottom:1px solid var(--border);color:var(--text-soft);justify-content:space-between;align-items:center;gap:16px;padding:10px 14px;font-size:13px;display:flex}.preview-actions{align-items:center;gap:16px;display:flex}.preview-actions a{color:var(--accent);font-weight:600}.preview-image{object-fit:contain;background:var(--bg);width:100%;max-height:520px;padding:12px;display:block}