:root{--bg:#0f1115;--bg-panel:#171a21;--bg-hover:#1e222b;--bg-input:#12151b;--border:#262b36;--text:#e2e6ee;--text-dim:#8b93a5;--accent:#4f8cff;--accent-hover:#669aff;--danger:#f0564f;--success:#3fb96b;--warning:#e8a33d;--radius:8px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);min-height:100vh;margin:0}#root{min-height:100vh}a{color:var(--accent);text-decoration:none}h1{margin:0 0 16px;font-size:20px;font-weight:600}h2{margin:0 0 12px;font-size:16px;font-weight:600}input,select,textarea{background:var(--bg-input);border:1px solid var(--border);color:var(--text);border-radius:6px;outline:none;padding:8px 10px;font-family:inherit;font-size:14px}input:focus,select:focus,textarea:focus{border-color:var(--accent)}label{color:var(--text-dim);margin-bottom:4px;font-size:13px;display:block}button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:8px 14px;font-family:inherit;font-size:14px;font-weight:600}button:hover{background:var(--accent-hover)}button:disabled{opacity:.5;cursor:default}button.secondary{border:1px solid var(--border);color:var(--text);background:0 0}button.secondary:hover{background:var(--bg-hover)}button.danger{background:var(--danger)}.badge{background:var(--bg-hover);color:var(--text-dim);border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-block}.badge.green{color:var(--success);background:#3fb96b26}.badge.red{color:var(--danger);background:#f0564f26}.badge.yellow{color:var(--warning);background:#e8a33d26}.badge.blue{color:var(--accent);background:#4f8cff26}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.row{align-items:center;gap:12px;display:flex}.row.wrap{flex-wrap:wrap}.stack{flex-direction:column;gap:12px;display:flex}.muted{color:var(--text-dim)}.error-text{color:var(--danger);font-size:13px}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.toolbar .grow{flex:1}.login-screen{justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;width:360px;padding:32px}.login-card h1{text-align:center;margin-bottom:24px}.modal-backdrop{z-index:50;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;width:440px;max-width:calc(100vw - 32px);max-height:85vh;padding:24px;overflow-y:auto}.modal h2{margin-bottom:16px}.modal .actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.farm-app{flex-direction:column;height:100vh;display:flex}.farm-header{background:var(--bg-panel);border-bottom:1px solid var(--border);flex:none;align-items:center;gap:14px;padding:10px 16px;display:flex}.farm-header .brand{letter-spacing:.4px;font-size:15px;font-weight:700}.farm-header .grow{flex:1}.farm-toolbar{border-bottom:1px solid var(--border);flex:none;padding:10px 16px}.notice-bar{flex:none;padding:8px 16px;font-size:13px}.notice-bar.warn{color:var(--warning);background:#e8a33d1f}.notice-bar.error{color:var(--danger);background:#f0564f1f}.notice-bar.ok{color:var(--success);background:#3fb96b1f}.grid-scroll{flex:1;position:relative;overflow:auto}.grid-inner{position:relative}.grid-head{z-index:10;background:var(--bg-panel);border-bottom:1px solid var(--border);width:max-content;min-width:100%;display:flex;position:sticky;top:0}.grid-head .cell{color:var(--text-dim);-webkit-user-select:none;user-select:none;font-size:12px;font-weight:600;position:relative}.col-resizer{cursor:col-resize;z-index:2;width:6px;position:absolute;top:0;bottom:0;right:-3px}.col-resizer:hover{background:#4f8cff66}.grid-body{width:max-content;min-width:100%;position:relative}.grid-row{border-bottom:1px solid var(--border);background:var(--bg);width:max-content;min-width:100%;display:flex;position:absolute;left:0}.grid-row:hover{background:var(--bg-hover)}.grid-row.row-warn{background:#e8a33d1a}.grid-row.row-warn:hover{background:#e8a33d2e}.grid-row.row-locked{opacity:.55}.grid-row.row-locked:hover{opacity:.8}.cell{white-space:nowrap;border-right:1px solid var(--border);flex:none;align-items:center;height:100%;padding:0 8px;font-size:13px;display:flex;overflow:hidden}.cell.dirty{box-shadow:inset 0 0 0 1px var(--warning);background:#e8a33d14}.cell.readonly{color:var(--text-dim)}.cell.editable{cursor:text}.cell .cell-text{text-overflow:ellipsis;overflow:hidden}.cell input,.cell select{border-radius:4px;width:100%;height:24px;padding:0 6px;font-size:13px}.cell.secret{gap:4px}.cell.secret .mask{color:var(--text-dim);letter-spacing:2px}.icon-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:0 3px;font-size:13px;line-height:1}.icon-btn:hover{color:var(--text);background:0 0}.icon-btn.danger:hover{color:var(--danger)}.farm-footer{border-top:1px solid var(--border);background:var(--bg-panel);color:var(--text-dim);flex:none;align-items:center;gap:12px;padding:8px 16px;font-size:13px;display:flex}.farm-footer .grow{flex:1}.picker-page{max-width:560px;margin:60px auto;padding:0 16px}.picker-list{flex-direction:column;gap:8px;display:flex}.picker-item{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.picker-item:hover{border-color:var(--accent)}.columns-menu{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);z-index:60;min-width:220px;max-height:60vh;margin-top:6px;padding:10px;position:absolute;top:100%;right:0;overflow-y:auto;box-shadow:0 8px 24px #0006}.columns-menu label{color:var(--text);cursor:pointer;align-items:center;gap:8px;margin:0;padding:4px 2px;font-size:13px;display:flex}