body{margin:0;font-family:Hiragino Sans,Meiryo,sans-serif}#root{height:100vh}.top-nav{background-color:#1a73e8;color:#fff;padding:0 20px;height:60px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0000001a;z-index:100;flex-shrink:0}.logo{font-size:1.5rem;font-weight:700;display:flex;align-items:center;gap:10px}.user-menu{display:flex;align-items:center;gap:12px}.user-name{font-size:.95rem}.avatar{width:35px;height:35px;border-radius:50%;border:2px solid white}.task-form{display:flex;gap:10px;align-items:center}.task-form__input{flex:1;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:1rem;outline:none}.task-form__input:focus{border-color:#1a73e8;box-shadow:0 0 0 2px #1a73e833}.main-content{flex:1;padding:40px;overflow-y:auto;background-color:#fff}.task-header{margin-bottom:30px}.task-header h2{font-size:1.6rem;color:#333;margin-bottom:15px}.task-list{list-style:none;padding:0}.task-item{display:flex;align-items:center;padding:15px;border-bottom:1px solid #eee;gap:15px}.task-item:last-child{border-bottom:none}.task-item input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#1a73e8;flex-shrink:0}.task-item label{flex:1;font-size:1.1rem;cursor:pointer}.task-item.completed label{text-decoration:line-through;color:#999}.delete-btn{background-color:transparent;color:#ea4335;padding:6px 8px;border:none;border-radius:4px;cursor:pointer;font-size:.95rem;transition:background-color .2s}.delete-btn:hover{color:#c5221f;background:#fff1f0}.no-tasks{padding:20px;color:#999;text-align:center}*{box-sizing:border-box;margin:0;padding:0}.app-root{display:flex;flex-direction:column;height:100vh;font-family:Hiragino Sans,Meiryo,sans-serif;background-color:#f0f2f5;color:#333}.app-wrapper{flex:1;overflow:hidden;display:flex}.app-container{display:flex;width:100%;height:100%;overflow:hidden}.loading-screen{display:flex;height:100vh;align-items:center;justify-content:center;font-size:1.2rem;color:#666}