body{margin:0;font-family:Segoe UI,sans-serif}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;margin:0;height:100vh;display:flex;flex-direction:column}.toggle-btn{position:absolute;top:10px;left:10px;z-index:2;background:#333;color:#fff;border:none;padding:10px;cursor:pointer}.layout{display:flex;height:100%;transition:all .3s ease}.sidebar{background-color:#2c3e50;color:#fff;width:200px;padding-top:60px;position:fixed;left:-200px;top:0;bottom:0;transition:left .3s ease;z-index:1}.sidebar.open{left:0}.sidebar ul{list-style:none;padding:0}.sidebar li{padding:15px}.sidebar a{color:#fff;text-decoration:none}.content{flex:1;padding:20px;margin-left:200px;transition:margin-left .3s ease}.content.expanded{margin-left:0}button{background-color:#2c3e50;color:#fff;border:none;padding:10px 20px;margin:5px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .3s ease,transform .2s ease}button:hover{background-color:#34495e;transform:translateY(-2px)}button:active{background-color:#1a252f;transform:translateY(0)}button.primary{background-color:#333}button.primary:hover{background-color:#444}table{width:100%;border-collapse:collapse;margin:20px 0;font-size:14px;text-align:left;border:1px solid #ddd}table th{background-color:#2c3e50;color:#fff;padding:12px;font-weight:600}table td{padding:12px;border-bottom:1px solid #ddd}table tr:nth-child(2n){background-color:#f2f2f2}table tr:nth-child(odd){background-color:#fff}table tr:hover{background-color:#e6f7ff}.task-textarea{width:100%;max-width:100%;font-size:14px}@media (min-width:1024px){.task-textarea{width:80%;height:300px;font-size:16px}}