@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-primary:#f0f9ff;--bg-secondary:#fff;--bg-tertiary:#e0f2fe;--bg-glass:#ffffffb3;--border-color:#cbd5e1;--border-focus:#0284c7;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--accent-blue:#3b82f6;--accent-gold:#f59e0b;--accent-green:#10b981;--accent-red:#ef4444;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--transition:all .2s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5;overflow-x:hidden}.glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color)}.app-container{width:100vw;height:100vh;display:flex;overflow:hidden}.sidebar{box-sizing:border-box;background-color:#1e40af;border-right:1px solid #ffffff1a;flex-direction:column;flex-shrink:0;width:330px;min-width:330px;height:100vh;max-height:100vh;padding:1.25rem 1rem .75rem;display:flex;overflow:hidden}.logo-container{color:#fff;align-items:center;gap:.75rem;margin-bottom:2rem;font-size:1.25rem;font-weight:700;display:flex}.logo-img{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--accent-blue), var(--accent-gold));color:#fff;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;display:flex}.nav-section{margin-bottom:1.5rem}.nav-title{text-transform:uppercase;letter-spacing:.05em;color:#93c5fd;margin-bottom:.75rem;font-size:.75rem;font-weight:600}.nav-link{border-radius:var(--radius-sm);color:#e0f2fe;cursor:pointer;transition:var(--transition);align-items:center;gap:.75rem;padding:.6rem .75rem;font-size:.9rem;font-weight:500;text-decoration:none;display:flex}.nav-link:hover,.nav-link.active{color:#fff;background-color:#ffffff26}.nav-link.active{border-left:3px solid #38bdf8;padding-left:calc(.75rem - 3px)}.main-content{flex-1:1;background-color:#e0f2fe;flex-direction:column;height:100%;display:flex;overflow:hidden}.top-header{border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;height:70px;padding:0 2rem;display:flex}.user-profile{align-items:center;gap:.75rem;display:flex}.avatar{background-color:var(--bg-tertiary);width:36px;height:36px;color:var(--text-primary);border:2px solid var(--border-color);border-radius:50%;justify-content:center;align-items:center;font-weight:600;display:flex}.workspace-view{flex-1:1;flex-direction:column;gap:1.5rem;padding:2rem;display:flex;overflow-y:auto}.kanban-board{flex-direction:row;align-items:flex-start;gap:1.5rem;padding-bottom:1rem;display:flex;overflow-x:auto}.kanban-column{border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:#f8fafc;flex-direction:column;flex:0 0 300px;gap:1rem;width:300px;min-width:300px;padding:1rem;display:flex}.column-header{border-bottom:2px solid var(--bg-tertiary);justify-content:space-between;align-items:center;padding-bottom:.5rem;display:flex}.column-title{color:var(--text-primary);align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;display:flex}.column-badge{background-color:var(--bg-secondary);color:var(--text-secondary);border-radius:20px;padding:.1rem .5rem;font-size:.75rem}.task-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);flex-direction:column;gap:.75rem;padding:1rem;display:flex}.task-card:hover{box-shadow:var(--shadow-md);border-color:#ffffff26;transform:translateY(-2px)}.task-title{font-size:.95rem;font-weight:600}.task-meta{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:.8rem;display:flex}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background-color:var(--accent-blue);color:#fff}.btn-primary:hover{background-color:#2563eb}.btn-secondary{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:var(--bg-tertiary)}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.form-input{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);width:100%;padding:.6rem .8rem;font-family:inherit;font-size:.9rem}.form-input:focus{border-color:var(--border-focus);outline:none}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background-color:#0009;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;max-width:600px;box-shadow:var(--shadow-lg);padding:2rem}.modal-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.modal-title{font-size:1.25rem;font-weight:700}.sidebar-scroll{scrollbar-width:auto;scrollbar-color:#ffffffa6 #ffffff14}.sidebar-scroll::-webkit-scrollbar{width:12px}.sidebar-scroll::-webkit-scrollbar-track{background:#ffffff14;border-radius:6px}.sidebar-scroll::-webkit-scrollbar-thumb{background:#ffffffa6 padding-box padding-box;border:2px solid #0000;border-radius:6px;min-height:60px;transition:background .2s}.sidebar-scroll::-webkit-scrollbar-thumb:hover{background:#fffffff2}.reply-toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:.75rem;max-width:420px;display:flex;position:fixed;top:1.5rem;right:1.5rem}.reply-toast-card{pointer-events:auto;background:#fff;border:1px solid #bfdbfe;border-left:5px solid #2563eb;border-radius:10px;padding:1rem 1.15rem;transition:transform .2s,opacity .2s;animation:.3s cubic-bezier(.16,1,.3,1) slideInToast;box-shadow:0 10px 25px -5px #0000002e,0 8px 10px -6px #0000001a}@keyframes slideInToast{0%{opacity:0;transform:translate(110%)}to{opacity:1;transform:translate(0)}}