:root{color:#20242a;background:#eef1f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.4;font-weight:400}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}.loading-shell{min-height:100vh;display:grid;place-items:center;color:#3d4752}.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#e8edf3,#f8fafb 42%,#e8f3ee)}.login-panel{width:min(420px,100%);display:grid;gap:18px;padding:28px;background:#fff;border:1px solid #d8dde4;border-radius:8px;box-shadow:0 18px 50px #242d391f}.product-mark{display:inline-flex;color:#0b6b55;font-weight:800;letter-spacing:0;margin-bottom:6px}h1,h2,h3,p{margin:0}.login-panel h1{font-size:26px}label{display:grid;gap:7px;color:#3e4852;font-size:13px;font-weight:700}input,select,textarea{width:100%;border:1px solid #cfd6de;border-radius:6px;padding:10px 11px;color:#20242a;background:#fff;outline:none}textarea{min-height:92px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#16846b;box-shadow:0 0 0 3px #16846b29}.primary-button,.icon-text-button,.nav-button,.move-button,.icon-button{border:0;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;white-space:nowrap}.primary-button{color:#fff;background:#116a57;padding:0 14px;font-weight:800}.primary-button:hover{background:#0d5a4b}.primary-button:disabled{cursor:not-allowed;background:#9aa8a4}.primary-button.compact{min-height:40px}.form-error,.banner-error{color:#a13e27;background:#fff1ed;border:1px solid #f1c4b7;border-radius:6px;padding:10px 12px;display:flex;align-items:center;gap:8px}.app-shell{min-height:100vh;display:grid;grid-template-columns:244px minmax(0,1fr)}.sidebar{background:#1f2933;color:#f8fafb;display:flex;flex-direction:column;padding:18px;gap:22px}.brand-row{display:flex;align-items:center;gap:10px;font-weight:900;font-size:18px}.sidebar nav{display:grid;gap:8px}.nav-button{justify-content:flex-start;color:#dce5ec;background:transparent;padding:0 10px}.nav-button.active,.nav-button:hover{background:#33414f;color:#fff}.sidebar-footer{margin-top:auto;display:grid;gap:12px}.user-block{display:grid;gap:2px;font-size:13px}.user-block span{color:#aeb8c2;overflow-wrap:anywhere}.icon-text-button{color:#1f2933;background:#e7edf2;padding:0 12px;font-weight:800}.content{min-width:0;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:16px;padding:22px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px}.topbar h1{font-size:24px}.topbar p{color:#65717d;margin-top:3px}.icon-button{width:38px;background:#fff;color:#2e3944;border:1px solid #d5dce3}.icon-button:hover{border-color:#98a7b5}.spin{animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.board-layout{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:14px}.create-card-panel{display:grid;grid-template-columns:minmax(160px,1fr) minmax(220px,2fr) minmax(160px,220px) auto;gap:10px;align-items:center}.columns{min-height:0;display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:14px;overflow-x:auto;padding-bottom:6px}.lane{min-width:220px;background:#e3e8ed;border:1px solid #cfd7df;border-radius:8px;display:grid;grid-template-rows:auto minmax(0,1fr)}.lane header{padding:12px;display:flex;justify-content:space-between;align-items:center}.lane h2{font-size:15px}.lane header span{min-width:24px;height:24px;display:grid;place-items:center;color:#52606d;background:#f8fafb;border-radius:999px;font-size:12px;font-weight:800}.lane-cards{min-height:180px;padding:0 10px 12px;display:flex;flex-direction:column;gap:10px}.work-card{background:#fff;border:1px solid #d7dde4;border-radius:8px;padding:12px;display:grid;gap:10px;box-shadow:0 1px 2px #1e262e0d}.work-card:hover{border-color:#9caab8}.card-title-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:start}.work-card h3{font-size:14px;overflow-wrap:anywhere}.work-card p{color:#5b6670;font-size:13px;overflow-wrap:anywhere}.work-card footer,.detail-meta{display:flex;gap:12px;flex-wrap:wrap;color:#68737d;font-size:12px}.work-card footer span,.detail-meta span{display:inline-flex;align-items:center;gap:5px}.status-pill{display:inline-flex;align-items:center;gap:5px;min-height:24px;padding:0 8px;border-radius:999px;color:#4f5b66;background:#edf1f4;font-size:11px;font-weight:800;text-transform:capitalize}.status-pill.pending,.status-pill.claimed{color:#7d5300;background:#fff4d8}.status-pill.running{color:#0e5976;background:#e2f4fb}.status-pill.succeeded{color:#11603f;background:#e0f4e9}.status-pill.failed{color:#9c321f;background:#fff0ed}.settings-layout{display:grid;grid-template-columns:minmax(260px,360px) minmax(0,1fr);gap:18px;align-items:start}.repo-form{display:grid;gap:14px;background:#fff;border:1px solid #d8dde4;border-radius:8px;padding:16px}.repo-list{display:grid;gap:10px}.repo-row{display:flex;justify-content:space-between;align-items:center;gap:14px;background:#fff;border:1px solid #d8dde4;border-radius:8px;padding:12px}.repo-row div{display:grid;gap:3px;min-width:0}.repo-row span{color:#64717d;overflow-wrap:anywhere}.detail-panel{position:fixed;inset:0 0 0 auto;width:min(520px,100vw);background:#fff;border-left:1px solid #cfd7df;box-shadow:-12px 0 34px #1f293326;display:grid;grid-template-rows:auto auto auto auto minmax(0,1fr) auto;gap:14px;padding:18px;z-index:10}.detail-header{display:flex;justify-content:space-between;gap:14px;align-items:start}.detail-header>div{display:grid;gap:8px}.detail-header h2{font-size:20px;overflow-wrap:anywhere}.detail-description{color:#4f5c67;overflow-wrap:anywhere}.move-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.move-button{background:#edf1f4;color:#34414d;min-height:34px;padding:0 8px;font-size:12px;font-weight:800}.move-button.active{color:#fff;background:#3066be}.comments-section{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px}.comments-section h3{font-size:15px}.comments-list{overflow-y:auto;display:grid;align-content:start;gap:10px;padding-right:4px}.comment{border-left:3px solid #b7c0c9;background:#f7f9fb;padding:10px;border-radius:0 8px 8px 0;display:grid;gap:6px}.comment.agent{border-left-color:#16846b}.comment.system{border-left-color:#d18a00}.comment header{display:flex;justify-content:space-between;gap:8px;color:#5d6974;font-size:12px}.comment p{white-space:pre-wrap;overflow-wrap:anywhere}.comment a{color:#2457a7;overflow-wrap:anywhere}.comment-form{display:grid;gap:10px}@media(max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:4;display:grid;grid-template-columns:auto 1fr auto;align-items:center}.sidebar nav{display:flex}.sidebar-footer{margin-top:0}.user-block{display:none}.create-card-panel,.settings-layout{grid-template-columns:1fr}}