*{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: 768px){.app-main{padding:1rem}.login-form{padding:1.5rem;margin:1rem}.task-list{padding:1rem;margin:.5rem}button,.task-item{min-height:44px}}.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}