:root{--bg: #f2f4ef;--bg-alt: #e6ebe3;--panel: #f9fbf8;--text: #1e2922;--muted: #516157;--line: #bcc8be;--accent: #0f7d4f;--accent-strong: #0a5f3c;--danger: #9f2f2f;--radius: 8px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:IBM Plex Sans,Avenir Next,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at 10% 10%,rgba(16,125,79,.12),transparent 35%),radial-gradient(circle at 90% 0%,rgba(44,102,165,.1),transparent 30%),var(--bg)}button,input,select,textarea{font:inherit;color:inherit}button,input,select,textarea{border:1px solid var(--line);border-radius:6px;background:#fff;padding:var(--space-2) var(--space-3)}button{cursor:pointer;transition:transform .14s ease,background-color .14s ease,border-color .14s ease}button:hover{border-color:var(--accent);transform:translateY(-1px)}button.primary{background:var(--accent);color:#fff;border-color:var(--accent-strong)}button.primary:hover{background:var(--accent-strong)}button:disabled{opacity:.45;cursor:not-allowed;transform:none}.page-loading{min-height:100%;display:grid;place-content:center;gap:var(--space-2);text-align:center}.page-shell{max-width:1500px;margin:0 auto;padding:var(--space-3);display:grid;gap:var(--space-3)}.topbar{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-3)}.topbar h1{margin:0;font-size:1.7rem;letter-spacing:.02em}.topbar p{margin:var(--space-1) 0 0;color:var(--muted);font-size:.9rem}.topbar-actions{display:flex;align-items:center;gap:var(--space-2)}.workspace-toggle{display:inline-grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--bg-alt);border:1px solid var(--line);border-radius:6px;padding:2px}.workspace-toggle button{border:0;padding:6px 10px;background:transparent}.workspace-toggle button.active{background:var(--accent);color:#fff}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-3)}.panel h2,.panel h3{margin:0 0 var(--space-2);font-size:1rem;letter-spacing:.01em}.dashboard-grid{display:grid;grid-template-columns:minmax(280px,340px) minmax(420px,1fr);gap:var(--space-3)}.metric-row{display:flex;justify-content:space-between;gap:var(--space-2);padding:6px 0;border-bottom:1px dashed rgba(18,42,28,.12);font-size:.9rem}.metric-row:last-child{border-bottom:0}.picker-actions,.status-actions,.button-wrap{display:flex;flex-wrap:wrap;gap:var(--space-2)}.pick-card{margin:var(--space-2) 0;border:1px solid var(--line);border-radius:6px;padding:var(--space-2);animation:rise-in .22s ease}.pick-title{font-weight:600}.pick-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);color:var(--muted);font-size:.82rem;margin-top:2px}.pick-status{margin-top:5px;font-size:.85rem}.table-panel{padding:var(--space-2)}.table-toolbar{display:grid;grid-template-columns:minmax(220px,2fr) repeat(3,minmax(130px,1fr));gap:var(--space-2);padding:var(--space-2)}.table-wrapper{overflow:auto;max-height:44vh;border-top:1px solid var(--line)}table{width:100%;border-collapse:collapse;min-width:860px}th,td{text-align:left;padding:8px;border-bottom:1px solid rgba(25,60,42,.12);font-size:.88rem}thead th{position:sticky;top:0;background:var(--panel);z-index:2}tbody tr{transition:background-color .12s ease}tbody tr:hover,tbody tr.active{background:#0f7d4f1c}.drawer-panel{display:grid;gap:var(--space-2)}.drawer-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.drawer-header h2{margin:0}.tabbar{display:inline-flex;gap:2px;border:1px solid var(--line);border-radius:6px;padding:2px}.tabbar button{border:0;background:transparent}.tabbar button.active{background:var(--accent);color:#fff}.drawer-grid{display:grid;gap:var(--space-2);grid-template-columns:repeat(3,minmax(220px,1fr))}.nested{background:#fff;padding:var(--space-2)}pre{margin:var(--space-2) 0 0;padding:var(--space-2);border:1px solid var(--line);border-radius:6px;font-size:.74rem;line-height:1.35;background:#fcfffd;max-height:220px;overflow:auto}.history-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.history-list li{display:flex;flex-direction:column;gap:2px;border:1px solid rgba(30,55,39,.15);border-radius:6px;padding:6px 8px}.history-list small{color:var(--muted);font-size:.75rem}textarea{width:100%;resize:vertical}.settings-panel{display:grid;gap:var(--space-3)}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:var(--space-2);align-items:end}.settings-grid label{display:grid;gap:4px;font-size:.82rem;color:var(--muted)}.resource-editor{display:grid;gap:var(--space-2)}.resource-row{display:grid;grid-template-columns:180px 1fr auto;gap:var(--space-2);align-items:center}.footer-note{display:flex;justify-content:space-between;font-size:.78rem;color:var(--muted)}.error-text{color:var(--danger);font-size:.78rem}.fade-in{animation:fade-in .28s ease}.stagger>*{animation:rise-in .24s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rise-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:980px){.dashboard-grid,.drawer-grid{grid-template-columns:1fr}.table-toolbar{grid-template-columns:1fr 1fr}.resource-row{grid-template-columns:1fr}}@media(max-width:700px){.page-shell{padding:var(--space-2)}.topbar{flex-direction:column;align-items:stretch}.topbar-actions{justify-content:space-between}.table-wrapper{max-height:none}table{min-width:0}thead{display:none}tbody,tr,td{display:block;width:100%}tr{border:1px solid var(--line);border-radius:6px;margin:var(--space-2) 0;padding:var(--space-2)}td{border:0;padding:2px 0;font-size:.82rem}.settings-grid{grid-template-columns:1fr}}