*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{font-family:Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%}:root{--color-resize-bar: #515b6a;--color-resize-bar-active: #b1bdd0;--color-resize-bar-hover: #515b6a}body{background-color:#121212;color:#fff}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}*::-webkit-scrollbar-thumb:hover{background:#ffffff4d}*::-webkit-scrollbar-corner{background:transparent}._ResizeHandle_am8pj_1{flex:0 0 .5rem;display:flex;justify-content:center;align-items:center;outline:none;color:var(--color-resize-bar)}._ResizeHandle_am8pj_1:hover{color:var(--color-resize-bar-hover)}._ResizeHandle_am8pj_1[data-resize-handle-active]{color:var(--color-resize-bar-active)}._ResizeHandle_am8pj_1 ._ResizeHandleThumb_am8pj_31[data-direction=vertical]{rotate:90deg}@media (pointer: coarse){._ResizeHandle_am8pj_1{flex:0 0 2rem}._ResizeHandle_am8pj_1 ._ResizeHandleThumb_am8pj_31{flex:0 0 1.25rem;height:1.25rem;width:1.25rem}}._Icon_np3hj_1{flex:0 0 1rem;width:1rem;height:1rem;fill:currentColor}.app{@apply min-h-screen;background-color:#121212}html,body{height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}#root{min-height:100%;display:flex;flex-direction:column}@media (max-width: 1200px){.app-main{padding:.5rem}.login-form{padding:1rem;margin:.5rem}.task-list{padding:.5rem;margin:.25rem}button,.task-item,.MuiIconButton-root,.MuiButton-root{min-height:44px;min-width:44px}.MuiPaper-root{-webkit-overflow-scrolling:touch}.MuiBox-root{gap:.5rem}.MuiTabs-root{min-height:48px}.MuiTab-root{min-height:48px;padding:6px 12px;font-size:.875rem}.MuiTreeView-root{padding:.5rem}.MuiDialog-paper{margin:1rem;max-height:calc(100vh - 2rem)}.MuiListItem-root{padding:.5rem}.MuiChip-root{font-size:.75rem;height:24px}.MuiTypography-h5{font-size:1.25rem}.MuiTypography-h6{font-size:1.125rem}.MuiTypography-body1{font-size:.875rem}.MuiTypography-body2{font-size:.8rem}.MuiTypography-caption{font-size:.7rem}}.app-header{@apply px-8 py-4 flex justify-between items-center shadow-md;background-color:#1e1e1e;color:#fff}.app-header h1{@apply m-0 text-2xl;}.logout-btn{@apply border-0 px-4 py-2 rounded cursor-pointer text-sm;background-color:#d32f2f;color:#fff}.logout-btn:hover{background-color:#b71c1c}.app-main{@apply max-w-4xl mx-auto my-8 px-4;}.loading{@apply text-center py-8 text-lg;color:#b3b3b3}.login-form{@apply p-8 rounded-lg shadow-lg max-w-md mx-auto;background-color:#1e1e1e}.login-form h2{@apply text-center mb-6;color:#fff}.form-group{@apply mb-4;}.form-group label{@apply block mb-2 font-medium;color:#b3b3b3}.form-group input{@apply w-full p-3 border rounded text-base box-border focus:outline-none focus:ring-2;background-color:#2d2d2d;border-color:#404040;color:#fff}.form-group input:focus{border-color:#90caf9;ring-color:#90caf9}.login-form button{@apply w-full border-0 p-3 rounded text-base cursor-pointer mt-4 disabled:cursor-not-allowed;background-color:#1976d2;color:#fff}.login-form button:hover{background-color:#1565c0}.login-form button:disabled{background-color:#424242}.error-message{@apply p-3 rounded mt-4 text-center;background-color:#d32f2f;color:#fff}.task-list{@apply p-8 rounded-lg shadow-lg;background-color:#1e1e1e}.task-list h2{@apply mt-0 flex justify-between items-center;color:#fff}.task-list button{@apply border-0 px-4 py-2 rounded cursor-pointer text-sm;background-color:#1976d2;color:#fff}.task-list button:hover{background-color:#1565c0}.task-list ul{@apply list-none p-0 my-4;}.task-item{@apply border rounded p-4 mb-4 flex justify-between items-start;background-color:#2d2d2d;border-color:#404040}.task-item.completed{opacity:.7;background-color:#1a1a1a}.task-content h3{@apply m-0 mb-2;color:#fff}.task-content p{@apply m-0 mb-2;color:#b3b3b3}.task-content small{@apply text-xs;color:#888}.task-actions{@apply flex gap-2 flex-shrink-0;}.complete-btn{background-color:#2e7d32}.complete-btn:hover{background-color:#1b5e20}.uncomplete-btn{background-color:#f57c00}.uncomplete-btn:hover{background-color:#e65100}.delete-btn{background-color:#d32f2f}.delete-btn:hover{background-color:#b71c1c}.error{@apply p-4 rounded text-center;background-color:#d32f2f;color:#fff}.error button{@apply border-0 px-4 py-2 rounded cursor-pointer mt-2;background-color:#fff;color:#d32f2f}