.app{min-height:100vh}.login-main{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#f6f8fa,#e9ecef)}.login-card{display:flex;flex-direction:column;align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 8px 30px #00000014;padding:3rem 2.5rem;max-width:400px;width:100%;text-align:center}.logo{color:#24292f;margin-bottom:1rem}.login-card h1{font-size:1.6rem;color:#1a1a1a;margin-bottom:.5rem}.subtitle{color:#6b7280;margin-bottom:2rem;font-size:.95rem}.todo-section{width:100%;margin-top:2rem}.todo-form{display:flex;gap:.5rem;width:100%}.todo-input{flex:1;padding:.7rem 1rem;font-size:.95rem;border:1px solid #d1d5db;border-radius:8px;outline:none;transition:border-color .2s,box-shadow .2s}.todo-input:focus{border-color:#3ecf8e;box-shadow:0 0 0 3px #3ecf8e26}.add-btn{background:#3ecf8e;color:#fff;border:none;border-radius:8px;padding:.7rem 1.5rem;font-size:.95rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .2s}.add-btn:hover{background:#38c083}.add-btn:disabled{opacity:.7;cursor:not-allowed}.todo-message{margin-top:.75rem;font-size:.9rem;color:#6b7280;text-align:left}.todo-table-wrap{margin-top:1.5rem;width:100%}.todo-table{width:100%;border-collapse:collapse;font-size:.9rem}.todo-table th,.todo-table td{border:1px solid #e5e7eb;padding:.6rem .75rem;text-align:left}.todo-table th{background:#f9fafb;color:#374151;font-weight:600}.todo-table td{color:#1a1a1a}.todo-empty{text-align:center;color:#9ca3af;padding:1.5rem 0}.badge{display:inline-block;padding:.15rem .6rem;border-radius:999px;font-size:.8rem;font-weight:600}.badge-done{background:#dcfce7;color:#16a34a}.badge-pending{background:#fef3c7;color:#d97706}.delete-btn{background:none;border:1px solid #fca5a5;color:#dc2626;border-radius:6px;padding:.25rem .75rem;font-size:.8rem;cursor:pointer;transition:background .2s,color .2s}.delete-btn:hover{background:#dc2626;color:#fff}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#fff}*{margin:0;padding:0;box-sizing:border-box}body,#root{min-height:100vh}