:root{font-family:IBM Plex Sans,Segoe UI,sans-serif;color:#0f172a;background:radial-gradient(circle at top left,rgba(37,87,214,.2),transparent 28%),radial-gradient(circle at bottom right,rgba(21,128,106,.18),transparent 30%),linear-gradient(180deg,#f2f5fb,#e7edf7);line-height:1.5;font-weight:400;text-rendering:optimizeLegibility;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}#root{min-height:100vh}.signin-page,.loading-screen{min-height:100vh;display:grid;place-items:center;padding:2rem}.signin-page{grid-template-columns:minmax(0,1.1fr) minmax(320px,420px);gap:2rem}.signin-panel,.signin-card,.sidebar,.content-area,.board-column,.details-panel,.module-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffd1;border:1px solid rgba(148,163,184,.26);box-shadow:0 24px 60px #0f172a14}.signin-panel,.signin-card{border-radius:28px;padding:2rem}.hero-copy,.muted,.task-card p,.details-description,.comment-card p{color:#475569}.feature-list{padding-left:1rem}.eyebrow,.section-label{text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;color:#2557d6;margin:0 0 .4rem}.field{display:grid;gap:.5rem;margin:1rem 0}.field input,.comment-form textarea{width:100%;border:1px solid rgba(148,163,184,.45);border-radius:16px;background:#ffffffe0;padding:.9rem 1rem}.primary-button,.ghost-button,.project-pill{border:none;border-radius:999px;padding:.9rem 1.2rem;transition:transform .14s ease,background .14s ease}.primary-button{background:linear-gradient(135deg,#2557d6,#15806a);color:#fff}.ghost-button{background:#0f172a0f;color:#0f172a}.status-message{margin-top:1rem}.app-shell{display:grid;grid-template-columns:320px minmax(0,1fr);min-height:100vh;gap:1rem;padding:1rem}.sidebar,.content-area{border-radius:28px}.sidebar{display:flex;flex-direction:column;padding:1.4rem;gap:1.5rem}.brand{margin:0}.sidebar-section{display:grid;gap:.75rem}.project-list,.module-nav{display:grid;gap:.65rem}.project-pill,.module-link{text-align:left;background:#0f172a0d;border-radius:20px;padding:.9rem 1rem}.project-pill.active,.module-link.active,.task-card.active{background:#2557d61f;outline:1px solid rgba(37,87,214,.22)}.project-pill small,.module-link small,.member-row small,.comment-author small{display:block;color:#64748b}.members-panel{margin-top:auto}.member-row{display:flex;align-items:center;gap:.75rem}.avatar{width:2.25rem;height:2.25rem;border-radius:999px;display:inline-grid;place-items:center;color:#fff;font-weight:700;flex:0 0 auto}.avatar.compact{width:1.8rem;height:1.8rem;font-size:.78rem}.content-area{padding:1.4rem;display:grid;gap:1rem}.topbar{display:flex;justify-content:space-between;gap:1rem;align-items:start}.topbar h2{margin:0}.status-chip{padding:.65rem .9rem;border-radius:999px;background:#0f172a0f;font-size:.82rem}.sync-banner{border-radius:18px;background:#dc26261a;color:#991b1b;padding:.9rem 1rem;border:1px solid rgba(220,38,38,.16)}.board-layout{display:grid;gap:1rem}.board-header,.board-summary,.task-card-topline,.task-meta,.task-footer,.details-header,.section-heading,.comment-author{display:flex;justify-content:space-between;gap:.75rem;align-items:center}.board-summary{justify-content:flex-end;flex-wrap:wrap}.board-summary span,.task-key,.label-pill{border-radius:999px;background:#0f172a0d;padding:.35rem .7rem;font-size:.78rem}.kanban-board{display:grid;grid-template-columns:repeat(5,minmax(220px,1fr));gap:1rem}.board-column{padding:1rem;border-radius:24px;min-height:520px}.column-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.column-stack,.comment-feed,.placeholder-grid{display:grid;gap:.8rem}.task-card,.placeholder-card,.comment-card{border-radius:20px;background:#f8fafceb;border:1px solid rgba(148,163,184,.18);padding:1rem}.task-card h5,.comment-card p,.placeholder-card p{margin:.5rem 0}.label-row{display:flex;flex-wrap:wrap;gap:.35rem}.priority-badge{border-radius:999px;padding:.35rem .7rem;font-size:.78rem;text-transform:capitalize}.priority-badge.low{background:#94a3b826;color:#475569}.priority-badge.medium{background:#facc1529;color:#a16207}.priority-badge.high{background:#f9731629;color:#c2410c}.priority-badge.critical{background:#dc262629;color:#b91c1c}.details-panel,.module-panel{border-radius:24px;padding:1.2rem}.details-panel.empty{min-height:240px}.details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.2rem 0}.details-section{display:grid;gap:1rem}.comment-form{display:grid;gap:.75rem}.module-panel{display:grid;gap:1rem}.placeholder-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.empty-state{display:grid;place-items:center;min-height:50vh}@media(max-width:1240px){.app-shell{grid-template-columns:1fr}.kanban-board{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.signin-page,.kanban-board,.details-grid{grid-template-columns:1fr}.topbar,.board-header{flex-direction:column}}@media(max-width:640px){.app-shell,.content-area,.sidebar{padding:.8rem}.signin-panel,.signin-card,.sidebar,.content-area,.board-column,.details-panel,.module-panel{border-radius:20px}}
