:root{--bg-app: #202024;--bg-sidebar: #27272a;--bg-card: #27272a;--bg-hover: #3f3f46;--bg-input: #3f3f46;--text-primary: #d4d4d8;--text-secondary: #a1a1aa;--text-muted: #71717a;--accent-primary: #818cf8;--accent-hover: #6366f1;--accent-text: #ffffff;--border-subtle: #3f3f46;--border-focus: #818cf8;--status-success: #34d399;--status-warning: #fbbf24;--status-error: #f87171;--status-info: #60a5fa;--status-orange: #fb923c;--font-family: "Inter", system-ui, -apple-system, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1)}body{background-color:var(--bg-app);color:var(--text-primary);font-family:var(--font-family);margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-app)}::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.w-6{width:1.5rem}.h-6{height:1.5rem}.w-5-5{width:1.375rem}.h-5-5{height:1.375rem}.w-5{width:1.25rem}.h-5{height:1.25rem}.w-4-5{width:1.125rem}.h-4-5{height:1.125rem}.w-4{width:1rem}.h-4{height:1rem}.w-3-5{width:.875rem}.h-3-5{height:.875rem}.w-3{width:.75rem}.h-3{height:.75rem}.w-2-5{width:.625rem}.h-2-5{height:.625rem}*{box-sizing:border-box}html,body{height:100%;width:100%;overflow:hidden}input,textarea,button,select{font-family:inherit}button{background-color:transparent;cursor:pointer}#root{height:100%;width:100%;display:flex;background-color:var(--bg-app);color:var(--text-primary)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.flex-wrap{flex-wrap:wrap}.h-full{height:100%}.w-full{width:100%}.w-64{width:16rem}.w-96{width:24rem}.max-w-xs{max-width:20rem}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-3xl{max-width:48rem}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{inset:0}.z-10{z-index:10}.z-50{z-index:50}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.bg-app{background-color:var(--bg-app)}.bg-sidebar{background-color:var(--bg-sidebar)}.bg-card{background-color:var(--bg-card)}.bg-input{background-color:var(--bg-input)}.bg-bg-app{background-color:var(--bg-app)}.bg-bg-input{background-color:var(--bg-input)}.bg-bg-card{background-color:var(--bg-card)}.bg-black\/50{background-color:#00000080}.bg-transparent{background-color:transparent}.hidden{display:none!important}@media(min-width:769px){.sm\:flex{display:flex!important}.sm\:hidden{display:none!important}}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-dark-muted{color:#898992}.text-sb-blue{color:#8cbcf2}.text-sb-green{color:#5b995b}.text-sb-orange{color:#b06272}.text-sb-purple{color:#c084fc}.text-sb-yellow{color:#fceb90}.text-sb-light-green{color:#9fcf96}.text-sb-project{color:#818cf899}.text-task-title{color:#c2c2c9}.text-accent-primary{color:var(--accent-primary)}.text-status-warning{color:var(--status-warning)}.text-status-error{color:var(--status-error)}.text-status-orange{color:var(--status-orange)}.text-red-500{color:#ef4444}.text-transparent{color:transparent}.text-bg-app{color:var(--bg-app)}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--accent-primary),var(--accent-hover))}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.hover\:bg-hover:hover,.bg-hover{background-color:var(--bg-hover)}.hover\:text-primary:hover{color:var(--text-primary)}.hover\:text-accent-primary:hover{color:var(--accent-primary)}.hover\:underline:hover{text-decoration:underline}.hover\:bg-accent-hover:hover{background-color:var(--accent-hover)}*,:before,:after{border-width:0;border-style:solid;border-color:currentColor}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-r{border-right-width:1px}.border-subtle{border-color:var(--border-subtle)}.border-muted{border-color:var(--text-muted)}.border-none{border:none}.border-bg-app{border-color:var(--bg-app)}.outline-none{outline:none}.focus\:border-accent-primary:focus{border-color:var(--accent-primary)}.hover\:border-accent-primary:hover{border-color:var(--accent-primary)}.p-0{padding:0}.p-2{padding:var(--spacing-2)}.p-3{padding:var(--spacing-3)}.p-4{padding:var(--spacing-4)}.p-6{padding:var(--spacing-6)}.px-2{padding-left:var(--spacing-2);padding-right:var(--spacing-2)}.px-3{padding-left:var(--spacing-3);padding-right:var(--spacing-3)}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.py-1{padding-top:var(--spacing-1);padding-bottom:var(--spacing-1)}.py-2{padding-top:var(--spacing-2);padding-bottom:var(--spacing-2)}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.pl-12{padding-left:3rem}.m-0{margin:0}.mb-2{margin-bottom:var(--spacing-2)}.mb-4{margin-bottom:var(--spacing-4)}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mb-24{margin-bottom:6rem}.mr-1{margin-right:var(--spacing-1)}.mr-2{margin-right:var(--spacing-2)}.mr-3{margin-right:var(--spacing-3)}.mt-auto{margin-top:auto}.mt-16{margin-top:4rem}.space-y-1>*+*{margin-top:var(--spacing-1)}.space-y-2>*+*{margin-top:var(--spacing-2)}.space-y-4>*+*{margin-top:var(--spacing-4)}.space-y-8>*+*{margin-top:2rem}.gap-2{gap:var(--spacing-2)}.gap-4{gap:var(--spacing-4)}.gap-6{gap:var(--spacing-6)}.font-sans{font-family:var(--font-family)}.text-xxs{font-size:.65rem}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.italic{font-style:italic}.line-through{text-decoration:line-through}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.tracking-wider{letter-spacing:.05em}.text-center{text-align:center}.rounded{border-radius:var(--radius-sm)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.cursor-pointer{cursor:pointer}.cursor-grab{cursor:grab}.active\:cursor-grabbing:active{cursor:grabbing}.disabled\:opacity-50:disabled{opacity:.5}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.bg-accent-primary{background-color:var(--accent-primary)}.border-accent-primary{border-color:var(--accent-primary)}.bg-status-success{background-color:var(--status-success)}.border-status-success{border-color:var(--status-success)}.border-status-error{border-color:#f87171a6}.border-status-orange{border-color:#fb923ca6}.border-status-warning{border-color:#fbbf24a6}.hover\:border-status-success:hover{border-color:var(--status-success)}.fill-current{fill:currentColor}.text-yellow-500{color:#eab308}.fill-yellow-500{fill:#eab308}@media(max-width:768px){.flex.h-full.w-full.bg-app{flex-direction:column-reverse!important}.bg-sidebar{width:100%!important;height:auto!important;flex-direction:row!important;border-right:none!important;border-top:1px solid var(--border-subtle);padding:.5rem!important;overflow-x:auto;overflow-y:hidden!important;scrollbar-width:none}.bg-sidebar::-webkit-scrollbar{display:none}.bg-sidebar .flex-shrink-0.h-\[69px\],.bg-sidebar .border-b.border-subtle,.bg-sidebar .border-t.border-subtle,.bg-sidebar [title="Expand Sidebar"],.bg-sidebar [title="Collapse Sidebar"],.bg-sidebar .flex.items-center.justify-between:not(.SidebarItem),.bg-sidebar [title="Add Project"],.bg-sidebar .border-b.border-subtle.mx-2.my-2{display:none!important}.bg-sidebar nav,.bg-sidebar .flex-1.overflow-y-auto,.bg-sidebar .p-2.border-t.border-subtle,.bg-sidebar .space-y-2,.bg-sidebar .flex-1.min-w-0,.bg-sidebar .flex.items-center.gap-1,.bg-sidebar .flex.flex-col.gap-2,.bg-sidebar nav>div{display:contents!important}.bg-sidebar{width:100%!important;height:4.5rem!important;flex-direction:row!important;justify-content:space-evenly!important;align-items:center!important;border-right:none!important;border-top:1px solid var(--border-subtle);padding:0!important;overflow:hidden!important;display:flex!important;background-color:var(--bg-sidebar)!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important}.bg-sidebar .SidebarItem{flex:0 1 auto!important;min-width:2.5rem!important;width:3.5rem!important;height:3.5rem!important;justify-content:center!important;align-items:center!important;display:flex!important;padding:0!important;margin:0!important;border-radius:.75rem!important;background-color:transparent!important;transition:transform .2s ease!important}.bg-sidebar .SidebarItem:active{transform:scale(.9)!important}.bg-sidebar .space-y-2>*+*,.bg-sidebar .space-y-1>*+*{margin-top:0!important}.bg-sidebar .sidebar-label,.bg-sidebar .text-base.sm\:flex,.bg-sidebar span:not(.flex):not(.SidebarItem):not(.SidebarItem *){display:none!important}.bg-sidebar .h-px,.bg-sidebar .my-2,.bg-sidebar .mx-2,.bg-sidebar .border-t,.bg-sidebar .border-b,.bg-sidebar h3,.bg-sidebar .flex.items-center.px-4.py-2{display:none!important}.bg-sidebar .SidebarItem span.flex{display:flex!important;justify-content:center!important;align-items:center!important;width:auto!important;gap:0!important}.bg-sidebar .SidebarItem svg{width:1.75rem!important;height:1.75rem!important;opacity:1!important}.hidden-mobile{display:none!important}}