.galaxy-container{width:100%;height:100%;position:relative}:root{--color-primary-50: #EFF6FF;--color-primary-100: #DBEAFE;--color-primary-200: #BFDBFE;--color-primary-300: #93C5FD;--color-primary-400: #60A5FA;--color-primary-500: #3B82F6;--color-primary-600: #2563EB;--color-primary-700: #1D4ED8;--color-primary-800: #1E40AF;--color-primary-900: #1E3A8A;--color-gray-50: #F9FAFB;--color-gray-100: #F3F4F6;--color-gray-200: #E5E7EB;--color-gray-300: #D1D5DB;--color-gray-400: #9CA3AF;--color-gray-500: #6B7280;--color-gray-600: #4B5563;--color-gray-700: #374151;--color-gray-800: #1F2937;--color-gray-900: #111827;--color-success-default: #10B981;--color-warning-default: #F59E0B;--color-error-default: #EF4444;--bg-base: #FFFFFF;--bg-elevated: #F9FAFB;--bg-overlay: #F3F4F6;--bg-hover: #E5E7EB;--border-light: #F3F4F6;--border-default: #E5E7EB;--border-dark: #D1D5DB;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem}.sidebar{@apply w-64 h-full bg-white border-r border-gray-200 flex flex-col;}.sidebar-header{@apply flex-none px-4 py-4 border-b border-gray-100;}.sidebar-logo{@apply w-8 h-8 rounded-lg bg-gradient-to-br from-blue-500 to-blue-600 flex items-center justify-center shadow-sm;}.sidebar-title{@apply text-base font-bold text-gray-900 tracking-tight;}.sidebar-nav-item{@apply w-full flex items-center gap-2.5 px-3 py-2 rounded-lg text-sm font-medium transition-all duration-150 ease-out cursor-pointer;@apply text-gray-700 hover:bg-gray-50;}.sidebar-nav-item.active{@apply bg-blue-50 text-blue-700;}.sidebar-icon{@apply w-4 h-4 flex-none;}.sidebar-count{@apply flex-none text-xs font-semibold px-1.5 py-0.5 rounded-md min-w-[20px] text-center;}.sidebar-section-header{@apply flex items-center justify-between px-3 py-2;}.sidebar-section-title{@apply text-xs font-bold text-gray-500 uppercase tracking-wider;}.sidebar-divider{@apply h-px my-3 mx-4 bg-gray-100;}.sidebar-footer{@apply flex-none p-4 border-t border-gray-100 bg-gray-50;}.task-item{@apply flex items-center gap-2 px-3 py-2 rounded-lg transition-all duration-150 ease-out;@apply hover:bg-gray-50;}.task-item.completed{@apply opacity-60;}.task-item.task-completing{@apply scale-[.98];}.task-checkbox{@apply flex-none w-5 h-5 rounded-full border-2 border-gray-300 transition-all duration-150 ease-out cursor-pointer;@apply hover:border-blue-500 hover:scale-110;@apply flex items-center justify-center;}.task-checkbox.completed{@apply bg-blue-500 border-blue-500;}.task-title{@apply text-sm text-gray-700 transition-all duration-150;}.task-item.completed .task-title{@apply line-through text-gray-400;}.task-date-badge{@apply flex items-center gap-1 px-2 py-0.5 rounded-md text-xs font-medium transition-all;@apply border;}.task-date-badge.urgent{@apply font-semibold;}.detail-pane{@apply w-96 h-full bg-white border-l border-gray-200 flex flex-col shadow-lg;}.detail-header{@apply flex-none px-4 py-3 border-b border-gray-200 flex items-center justify-between;}.detail-header-btn{@apply p-2 rounded-md hover:bg-gray-100 transition-colors text-gray-500 hover:text-gray-700;}.detail-icon-btn{@apply p-1.5 rounded-md hover:bg-gray-100 transition-colors text-gray-400 hover:text-gray-600;}.detail-checkbox{@apply w-6 h-6 rounded-full border-2 transition-all cursor-pointer;@apply border-gray-300 hover:border-blue-500;@apply flex items-center justify-center;}.detail-checkbox.completed{@apply bg-blue-500 border-blue-500;}.detail-input{@apply w-full text-2xl font-bold text-gray-900 bg-transparent border-none outline-none;@apply placeholder-gray-400;}.detail-block{@apply mb-6;}.detail-block-header{@apply flex items-center gap-2 mb-3;}.detail-block-title{@apply text-sm font-semibold text-gray-700;}.detail-subtask-item{@apply flex items-center gap-2 px-3 py-2 rounded-lg hover:bg-gray-50 transition-colors;}.detail-subtask-checkbox{@apply flex-none w-4 h-4 rounded border-2 transition-all cursor-pointer;@apply border-gray-300 hover:border-blue-500;@apply flex items-center justify-center;}.detail-subtask-checkbox.completed{@apply bg-blue-500 border-blue-500;}.detail-subtask-title{@apply flex-1 text-sm bg-transparent border-none outline-none;}.detail-subtask-title.completed{@apply line-through text-gray-400;}.detail-textarea{@apply w-full min-h-[100px] px-3 py-2 text-sm text-gray-700 bg-gray-50 border border-gray-200 rounded-lg;@apply focus:outline-none focus:ring-2 focus:ring-blue-500/20 focus:border-blue-500;@apply placeholder-gray-400 resize-none;}.detail-action-btn{@apply w-full flex items-center gap-2.5 px-3 py-2 text-sm text-gray-700 rounded-lg;@apply hover:bg-gray-50 transition-colors cursor-pointer;}.detail-url-item{@apply flex items-center gap-2 px-3 py-2 rounded-lg bg-gray-50 hover:bg-gray-100 transition-colors;}.detail-url-link{@apply flex-1 text-xs text-blue-600 hover:text-blue-700 truncate;}.detail-footer{@apply flex-none px-4 py-3 border-t border-gray-200 bg-gray-50;@apply flex items-center gap-2 text-xs text-gray-500;}@keyframes slide-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-slide-in{animation:slide-in .2s ease-out}.animate-scale-in{animation:scale-in .15s ease-out}.animate-slide-up{animation:slide-up .3s ease-out}.scrollbar-thin{scrollbar-width:thin}.scrollbar-thin::-webkit-scrollbar{width:6px;height:6px}.scrollbar-thin::-webkit-scrollbar-track{background:transparent}.scrollbar-thin::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background:#9ca3af}.dropdown-menu{animation:scale-in .15s ease-out}