:root{--bg-main:#193b68;--bg-surface:#cbd9eb;--bg-card:#f7fbff;--header-bg:#dde9f9;--header-bg-2:#dde9f9;--text-primary:#0f172a;--text-secondary:#5f6f85;--header-text:#f8fafc;--header-muted:#b8c6d9;--border:#0f172a1a;--accent:#3b82f6;--accent-soft:#3b82f61f;--success:#16a34a;--warning:#d97706;--danger:#dc2626}*{box-sizing:border-box}html,body,#root{background:var(--bg-main);min-height:100%;margin:0}html:after{content:"";pointer-events:none;opacity:.03;background-image:url(https://grainy-gradients.vercel.app/noise.svg);position:fixed;inset:0}.page-header{background:linear-gradient(180deg, var(--header-bg), var(--header-bg-2));color:var(--header-text);border:1px solid #ffffff14;border-radius:28px;margin-bottom:18px;padding:24px;box-shadow:0 0 20px #000000bd}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{max-width:1600px;min-height:100vh;margin:0 auto;padding:24px}.topbar{grid-template-columns:auto 1fr auto;align-items:center;gap:16px;width:100%;margin-bottom:18px;display:grid}.topbar-left{justify-self:start}.topbar-center{justify-self:center;align-items:center;gap:12px;display:flex}.topbar-right{justify-self:end}.eyebrow{color:#93c5fd;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;font-size:12px;display:inline-block}h1{color:#000;margin:0;font-size:36px;line-height:1.1}.topbar p{color:#94a3b8;margin:8px 0 0}.topbar-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.stat,.session-pill{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;background:#193b68;border:1px solid #94a3b829;border-radius:16px;padding:10px 14px}.stat-red{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;background:#652825d4;border:1px solid #fb0202ab;border-radius:16px;padding:10px 14px}.stat-gray{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;background:#0c0c0fd4;border:1px solid #94a3b829;border-radius:16px;padding:10px 14px}.stat-green{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;background:#1b3f1dd4;border:1px solid #37fb02ab;border-radius:16px;padding:10px 14px}.session-pill,.stat-red,.stat-green,.stat-gray,.stat{flex-direction:column;align-items:center;min-width:150px;padding:14px 18px;display:flex}.stat-red strong,.stat-green strong,.stat-gray strong,.stat strong{color:#fff;font-size:30px}.stat-red span,.stat-green span,.stat-gray span,.stat span{color:#b7c6db;font-size:15px}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;display:flex}.search{color:#000;background:#f0f0f0;border:1px solid #000;border-radius:14px;outline:none;flex:1;min-width:400px;padding:14px 16px;transition:border .2s}.search:hover{border-color:#6366f1;box-shadow:0 1px 20px #0f172ab8}.search:focus{border-color:#6366f1}.search::placeholder{color:#64748b}.select-wrap{color:#000;background:#f0f0f0;border-radius:14px;outline:none;min-width:160px;transition:border .2s;position:relative}.select-wrap:after{content:"▾";pointer-events:none;color:#475569;font-size:18px;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.filters-row{border-radius:14px;align-items:center;width:100%;margin-top:12px;margin-right:8px;font-weight:600;display:flex}.filters-row select{appearance:none;color:#000;cursor:pointer;background:#f0f0f0;border:1px solid #000;border-radius:14px;outline:none;min-width:160px;padding:14px 16px;font-weight:600;transition:border .2s;box-shadow:0 2px 6px #00000014}.filters-row select:hover{border-color:#6366f1;box-shadow:0 1px 20px #0f172ab8}.filters-row select:focus{border-color:#6366f1;outline:none;font-weight:600;box-shadow:0 1px 1000px #6366f133}.board{border-radius:24px;grid-template-columns:repeat(4,minmax(260px,1fr));align-items:start;gap:16px;display:grid}.column{border:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#dde9f9;border-radius:20px;min-height:70vh;padding:16px;transition:all .2s}.column.over{border-color:#f0f0f0;box-shadow:inset 0 0 0 1px #0c0c0fd4}.column:hover{background:#abcbf6;border-color:#f0f0f0;box-shadow:inset 0 0 0 1px #0c0c0fd4}.column-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.column-header h2{color:#000;margin:0;font-size:18px}.count{text-align:center;color:#f0f0f0;background:#193b68;border-radius:999px;min-width:28px;padding:4px 8px;font-size:13px}.column-body{flex-direction:column;gap:12px;display:flex}.empty-state{color:#63768e;text-align:center;background:#0206172e;border:1px dashed #94a3b840;border-radius:18px;padding:22px}.task-card,.task-card-high,.task-card-low,.task-card-normal{-webkit-user-select:none;user-select:none;background:#f0f0f0;border-radius:16px;padding:14px;transition:all .2s;box-shadow:0 6px 18px #0f172a0f}.task-card{background:#fff;border:1px solid #0f172a14;box-shadow:0 6px 18px #0f172a0f}.task-card-high{border-left:4px solid #d46a6a}.task-card-low{border-left:4px solid #6faf8f}.task-card-normal{border-left:4px solid #8fa3bf}.task-card:hover,.task-card-high:hover,.task-card-low:hover,.task-card-normal:hover{border-color:#60a5fa66 #60a5fa66 #60a5fa66 #193b68;border-left-style:solid;border-left-width:4px;transform:translateY(-2px);box-shadow:0 0 15px #00000070}.task-card-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.task-card-top-left{align-items:center;gap:10px;display:flex}.task-card h3{color:#000;margin:0 0 8px;font-size:15px}.task-card p{color:#000;margin:0;font-size:13px}.board,.column{overflow:visible}.task-card-overlay{pointer-events:none;transform:rotate(1deg);box-shadow:0 24px 60px #00000059}.muted{color:#64748b!important}.priority,.due-date{text-transform:capitalize;white-space:nowrap;border-radius:999px;padding:4px 8px;font-size:11px;display:inline-block}.priority.high{color:#b72c2c;background:#ef44441b;box-shadow:inset 0 0 0 1.5px #ef4444}.priority.normal{color:#154daa;background:#3b82f624;box-shadow:inset 0 0 0 1.5px #0061ff}.priority.low{color:#0c6145;background:#10b98154;box-shadow:inset 0 0 0 1.5px #10b981}.due-date{color:#f0f0f0;background:#193b68;font-size:11px}.due-badge{text-transform:capitalize;white-space:nowrap;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:700}.due-overdue{color:#000;background:#ef444454}.due-today{color:#000;background:#f59e0bbe;border-color:#00000070}.due-soon{color:#000;background:#fde047e9;border-color:#00000070}.due-future{color:#000;background:#b1bdd5de;border-color:#00000070}.primary-btn,.secondary-btn,.danger-btn,.success-btn,.icon-btn{border:0;border-radius:14px;padding:12px 16px;font-weight:600}.success-btn{color:#0f150b;background:#38e231ce;border-radius:12px;padding:12px 16px;font-weight:600;transition:all .2s}.primary-btn:hover,.secondary-btn:hover,.danger-btn:hover,.success-btn:hover,.icon-btn:hover{transform:translateY(-1px);box-shadow:0 1px 20px #60a5fa80}.primary-btn{color:#000000cf;background:#3b82f6cc;border-radius:12px;padding:12px 18px;font-weight:600;transition:all .2s}.secondary-btn{color:#000000cf;background:#94a3b8db}.danger-btn{color:#000000cf;background:#ef4444}.icon-btn{color:#000000cf;background:#94a3b8db;width:40px;height:40px;padding:0}.assignee-combobox{flex-direction:column;gap:10px;display:flex}.assignee-input{color:#fff;background:#193b68;border:1px solid #94a3b82e;border-radius:14px;outline:none;width:100%;padding:12px 14px}.assignee-chips{flex-wrap:wrap;gap:8px;display:flex}.assignee-chip{color:#f0f0f0;background:#193b68a4;border-radius:999px;align-items:center;gap:8px;padding:6px 10px;font-size:13px;display:inline-flex}.chip-avatar{color:#fff;border:1px solid #000;border-radius:50%;place-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:grid}.chip-remove{color:#fff;cursor:pointer;background:0 0;border:0;padding:0 2px;font-size:18px;line-height:1}.assignee-dropdown{background:#f0f0f0;border:1px solid #000;border-radius:14px;max-height:180px;overflow:hidden}.assignee-scroll{max-height:180px;padding:8px;overflow-y:auto}.assignee-option{cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex}.assignee-option:hover{background:#94a3b814}.dropdown-empty{color:#94a3b8;padding:10px}.loading-state,.error-banner{border-radius:18px;margin-top:18px;padding:16px}.loading-state{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#000;background:#dde9f9;border:1px solid #94a3b829;border-radius:16px;padding:10px 14px}.error-banner{color:#fecaca;background:#7f1d1d52;border:1px solid #f8717142}.task-log-btn{cursor:pointer;opacity:.7;background:0 0;border:none;font-size:14px}.task-log-btn:hover{opacity:1}.activity-list{flex-direction:column;gap:14px;margin-top:12px;display:flex}.activity-item{align-items:flex-start;gap:10px;display:flex}.activity-dot{background:#6366f1;border-radius:50%;width:8px;height:8px;margin-top:6px}.activity-text{margin:0;font-size:14px}.modal-backdrop{background:#020617b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;font-size:14px!important}.modal{background:#dde9f9;border:1px solid #193b68;border-radius:24px;width:min(720px,100%);max-height:90vh;padding:20px;overflow-y:auto;box-shadow:0 30px 80px #0006}.modal-header{justify-content:space-between;gap:16px;margin-bottom:16px;display:flex}.modal-header h2{color:#000;margin:0;font-size:18px}.modal-header p{color:#000;margin:6px 0 0}.modal-form{flex-direction:column;gap:14px;display:flex}.modal-form label{color:#000;flex-direction:column;gap:8px;display:flex}.modal-form input,.modal-form textarea,.modal-form select{color:#000;background:#f0f0f0;border:1px solid #193b68;border-radius:10px;outline:none;padding:10px 12px}.modal-form textarea{resize:vertical}.grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.error-box{color:#fecaca;background:#7f1d1d47;border:1px solid #f871713d;border-radius:14px;padding:12px 14px}.modal-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:6px;display:flex}.actions-right{gap:10px;display:flex}.team-modal{width:min(900px,100%)}.team-table-wrap{margin:12px 0 16px;overflow:auto}.team-table{border-collapse:collapse;width:100%}.team-table th,.team-table td{text-align:left;color:#000;border-bottom:1px solid #193b68;padding:12px 10px}.member-avatar-preview{color:#fff;border:1px solid #193b68;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.table-input{color:#000;background:#f0f0f0;border:1px solid #193b68;border-radius:10px;width:100%;padding:10px 12px}.color-input{background:0 0;border:none;width:44px;height:38px}.assigned-pill{color:#080808;background:#ef5d5db5;border-radius:999px;margin-left:8px;padding:4px 8px;font-size:11px;display:inline-block;box-shadow:inset 0 0 0 1.5px #ef4444}.assignee-stack{flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;display:flex}.assignee-stack .avatar{flex:none}.avatar{border:1px solid #193b68}.comments-section{border-top:1px solid #ffffff1f;margin-top:24px;padding-top:20px}.comments-section h2{color:#000;font-size:18px}.comments-list{flex-direction:column;gap:12px;max-height:260px;margin:12px 0 18px;padding-right:6px;display:flex;overflow-y:auto}.comment-item{color:#111827;background:#fff;border-radius:14px;padding:12px 14px;box-shadow:0 4px 12px #0000001f}.comment-meta{color:#6b7280;margin-bottom:8px;font-size:12px}.comment-item p{margin:0;line-height:1.5}.comment-form{flex-direction:column;gap:14px;margin-top:18px;display:flex}.comment-form textarea{resize:vertical;width:100%;min-height:110px}.comment-form .primary-btn{align-self:flex-end;margin-top:4px}.activity-section{margin-top:24px}.activity-section h2{color:#000;font-size:18px}.activity-list{color:#111827;background:#fff;border-radius:16px;flex-direction:column;gap:14px;margin-top:12px;padding:16px 16px 16px 20px;display:flex;position:relative;box-shadow:0 4px 12px #0000001f}.activity-list:before{content:"";background:#e5e7eb;width:2px;position:absolute;top:10px;bottom:10px;left:8px}.activity-item{border-bottom:1px solid #e5e7eb;align-items:flex-start;gap:10px;padding:6px 0;display:flex}.activity-item:last-child{border-bottom:none}.activity-dot{background:#6366f1;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px;position:absolute;left:4px}.activity-text{margin:0;font-size:14px;font-weight:500}.activity-time{color:#6b7280;font-size:12px}.label-combobox{flex-direction:column;gap:10px;display:flex}.label-input{width:100%}.label-chips{flex-wrap:wrap;gap:8px;display:flex}.label-chip{color:#000;background:#57eda6;border:1px solid #39986b;border-radius:999px;align-items:center;gap:8px;padding:6px 10px;font-size:13px;display:inline-flex}.label-chip .chip-remove{color:#000;cursor:pointer;background:0 0;border:none;font-size:16px;line-height:1}.task-label{color:#000;background:#fbfc55;border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.label-stack{flex-wrap:wrap;gap:4px;margin-top:12px;display:flex}.spinner{vertical-align:middle;border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin;display:inline-block}.spinner-dark{border:2px solid #0f172a33;border-top-color:#0f172a}@keyframes spin{to{transform:rotate(360deg)}}.loading-state{justify-content:center;align-items:center;gap:10px;min-height:120px;font-weight:600;display:flex}@media (width<=1200px){.board{grid-template-columns:repeat(2,minmax(260px,1fr))}}@media (width<=700px){.topbar,.toolbar,.modal-actions,.actions-right{flex-direction:column;align-items:stretch}.board,.grid-2{grid-template-columns:1fr}h1{font-size:28px}}@media (width<=900px){.topbar{grid-template-columns:1fr;justify-items:stretch}.topbar-left,.topbar-center,.topbar-right{justify-self:stretch}.topbar-center{flex-wrap:wrap;justify-content:center}.topbar-right{justify-self:end}}