:root{color:#cfd3d8;background:#151719;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{min-width:320px;height:100%;margin:0}body{background:#151719}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.product-shell{display:grid;height:100vh;grid-template-columns:232px minmax(0,1fr);overflow:hidden;background:#151719;transition:grid-template-columns .18s ease}.product-shell.sidebar-collapsed{grid-template-columns:72px minmax(0,1fr)}.sidebar{display:grid;min-height:0;grid-template-rows:auto auto auto minmax(0,1fr);border-right:1px solid #34383e;background:linear-gradient(180deg,#101927,#111419 52%,#121416);padding:16px 12px 12px;transition:padding .18s ease}.sidebar-logo{display:flex;height:48px;align-items:center;color:#f1f4f8}.sidebar-logo strong{overflow:hidden;font-size:24px;line-height:1;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap}.sidebar-current,.nav-item,.sidebar-user{display:flex;height:44px;align-items:center;gap:14px;border-radius:6px;color:#c4cad3;padding:0 12px}.sidebar-current{margin-top:22px;background:#38434f;color:#fff}.current-dot{width:10px;height:10px;flex:0 0 auto;border-radius:50%;background:#88c0ff}.sidebar-current span:not(.current-dot),.nav-item span,.sidebar-user span{overflow:hidden;font-size:15px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.sidebar-actions,.sidebar-bottom{display:grid;gap:4px}.sidebar-actions{align-content:start;margin-top:16px}.sidebar-bottom{align-self:end}.nav-item{width:100%;border:0;background:transparent;text-align:left}.nav-item svg{flex:0 0 auto;color:#8ca4ce}.nav-item:hover{background:#38434f;color:#fff}.sidebar-user{color:#dbe1e8}.user-avatar,.task-avatar{display:inline-grid;place-items:center;border-radius:7px;background:#a5d66e;color:#fff;font-style:normal;font-weight:850}.user-avatar{width:34px;height:34px;flex:0 0 auto}.sidebar-collapsed .sidebar{padding:16px 10px 12px}.sidebar-collapsed .sidebar-logo,.sidebar-collapsed .sidebar-current,.sidebar-collapsed .nav-item,.sidebar-collapsed .sidebar-user{justify-content:center;padding:0}.sidebar-collapsed .sidebar-logo strong{font-size:18px}.sidebar-collapsed .sidebar-current span:not(.current-dot),.sidebar-collapsed .nav-item span,.sidebar-collapsed .sidebar-user span{display:none}.sidebar-collapsed .current-dot{width:14px;height:14px}.app-shell{display:flex;height:100vh;min-width:0;min-height:0;flex-direction:column;background:#25282b}.notice{margin:8px 34px 0;border-radius:4px;padding:9px 12px;font-size:13px;font-weight:750;white-space:pre-wrap}.notice.error{border:1px solid #793934;background:#331d1d;color:#f0b1aa}.notice.success{border:1px solid #375c41;background:#1d3023;color:#a8dbb6}.notice.muted{border:1px solid #4b515a;background:#22252a;color:#9aa1aa}.board{display:grid;min-height:0;flex:1;grid-template-columns:repeat(7,minmax(220px,1fr));overflow:auto;border-bottom:1px solid #383c42;background:#282b2e}.kanban-column{display:grid;min-width:220px;min-height:0;grid-template-rows:32px minmax(0,1fr);border-right:1px solid #3b3f45;background:#282b2e}.column-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;border-bottom:1px solid #3b3f45;background:#292c2f;padding:0 8px}.column-title{display:flex;min-width:0;height:30px;align-items:center;justify-content:space-between;gap:8px;border:0;background:transparent;color:#d1d5db;padding:0;text-align:left}.column-title span{display:flex;min-width:0;align-items:center;gap:3px;overflow:hidden;font-size:14px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.column-title small{display:inline-flex;min-width:24px;height:18px;align-items:center;justify-content:center;border-radius:4px;background:#202226;color:#aeb4bd;font-size:11px;font-weight:800}.task-list{min-height:0;overflow-y:auto;padding:8px 8px 22px}.task-card{border:1px solid #3b4047;border-radius:4px;background:#1b1d20;box-shadow:0 1px 1px #00000038;padding:10px}.task-card:hover{border-color:#535a64}.task-card:active{cursor:grabbing}.task-title-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:start}.task-card h3{display:inline;margin:0;overflow-wrap:anywhere;color:#e0e3e7;font-size:14px;font-weight:750;line-height:1.4}.task-card p{overflow-wrap:anywhere;margin:6px 0 0;color:#d5d8dd;font-size:13px;font-weight:650;line-height:1.35}.task-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px}.task-meta{display:flex;min-width:0;align-items:center;gap:7px;overflow:hidden;color:#969da7;font-size:12px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.task-avatar{width:22px;height:22px;border-radius:4px;font-size:10px}.drop-line{height:8px;border-radius:999px;background:transparent}.drop-line.active{background:#2d6fe2}.column-add-row{display:flex;width:28px;height:28px;align-items:center;justify-content:center;border:0;border-radius:4px;background:transparent;color:#888f98}.column-add-row:hover:not(:disabled){background:#34383e;color:#d1d6dd}.icon-button,.mini-button,.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #4a5058;border-radius:4px;font-weight:750}.icon-button{width:32px;height:32px;flex:0 0 auto;background:#22252a;color:#b3bac4}.mini-button{width:24px;height:24px;flex:0 0 auto;background:transparent;color:#89919b}.icon-button:hover:not(:disabled),.mini-button:hover:not(:disabled),.secondary-button:hover:not(:disabled){border-color:#626a75;background:#30343a;color:#dbe0e6}.danger{color:#d36a61}.primary-button,.secondary-button{min-height:36px;gap:8px;padding:0 14px}.primary-button{border-color:#2d6fe2;background:#2d6fe2;color:#fff}.secondary-button{background:#22252a;color:#d0d6dd}.danger-button{border-color:#a63f37;background:#a63f37;color:#fff}.danger-button:hover:not(:disabled){border-color:#bd5249;background:#bd5249}.login-layout{display:grid;min-height:100vh;place-items:center;background:#151719;padding:16px}.login-panel{display:grid;width:min(420px,100%);gap:12px;border:1px solid #3b4149;border-radius:8px;background:#1d2024;padding:18px}.login-panel h1,.modal-header h2,.section-title h3{margin:0;letter-spacing:0}.login-panel h1{color:#f0f3f6;font-size:22px}.login-waiting{display:grid;min-height:112px;place-items:center;gap:10px;border:1px solid #3b4149;border-radius:6px;background:#22262b;color:#d9dee5;padding:18px;text-align:center}.login-waiting p{margin:0;font-size:14px;font-weight:750}.login-waiting svg{color:#88c0ff}.eyebrow{margin:0 0 6px;color:#8f96a1;font-size:12px;font-weight:800;letter-spacing:0;text-transform:uppercase}label{display:grid;gap:6px;color:#c8ced6;font-size:13px;font-weight:750}input,select,textarea{width:100%;min-height:38px;border:1px solid #4b525c;border-radius:4px;background:#17191c;color:#e2e6eb;outline:none;padding:8px 10px}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:#2d6fe2;box-shadow:0 0 0 2px #2d6fe242}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;background:#080a0cb3;padding:16px}.modal-panel{display:grid;width:min(680px,100%);max-height:min(780px,calc(100vh - 32px));grid-template-rows:auto minmax(0,1fr) auto;border:1px solid #464d57;border-radius:6px;background:#1d2024;box-shadow:0 18px 48px #0000006b}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #363b42;padding:12px}.modal-header h2{overflow:hidden;color:#f0f3f6;font-size:18px;text-overflow:ellipsis;white-space:nowrap}.modal-body{min-height:0;overflow-y:auto;padding:14px}.modal-footer{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid #363b42;padding:12px}.modal-form,.settings-stack,.settings-section{display:grid;gap:12px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.settings-section{border:1px solid #363d45;border-radius:6px;background:#22252a;padding:12px}.section-title{display:flex;align-items:center;gap:8px;color:#e0e5eb}.section-title h3{font-size:15px}.section-action{justify-self:start}.confirm-message{margin:0;overflow-wrap:anywhere;color:#cfd4da;font-size:14px;line-height:1.45}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 760px){.board{grid-template-columns:repeat(7,minmax(240px,1fr))}.form-grid{grid-template-columns:1fr}.modal-footer{display:grid;grid-template-columns:1fr}}
