*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f7fa;color:#1a1a2e;min-height:100vh}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.auth-card{background:#fff;border-radius:12px;padding:48px 40px;width:100%;max-width:420px;box-shadow:0 20px 60px #00000026}.auth-card h1{margin-bottom:8px;font-size:28px;color:#1a1a2e}.auth-card>form{display:flex;flex-direction:column;gap:16px;margin-top:24px}label{font-size:14px;font-weight:500;color:#4a5568;margin-bottom:4px;display:block}input[type=text],input[type=password]{padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:15px;transition:border-color .2s}input[type=text]:focus,input[type=password]:focus{outline:none;border-color:#667eea}.error{color:#e53e3e;font-size:14px;background:#fff5f5;padding:10px 14px;border-radius:6px}.auth-card button[type=submit]{padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .1s,box-shadow .2s}.auth-card button[type=submit]:hover{transform:translateY(-1px);box-shadow:0 6px 20px #667eea66}.auth-link{text-align:center;margin-top:20px;font-size:14px;color:#718096}.auth-link a{color:#667eea;font-weight:600;text-decoration:none}.qr-section{text-align:center;margin:20px 0;padding:20px;background:#f7fafc;border-radius:8px}.qr-section img{width:200px;height:200px;margin-bottom:12px}.qr-section code{background:#edf2f7;padding:4px 8px;border-radius:4px;font-size:13px;word-break:break-all}.todo-page{max-width:900px;margin:0 auto;padding:24px 20px}.todo-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:16px;border-bottom:2px solid #e2e8f0}.todo-header h1{font-size:32px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.user-info span{color:#4a5568;margin-right:16px}.btn-logout{padding:8px 16px;background:#e2e8f0;border:none;border-radius:6px;cursor:pointer;font-size:14px}.stats-bar{display:flex;gap:24px;padding:16px 20px;background:#fff;border-radius:10px;margin-bottom:20px;box-shadow:0 1px 3px #00000014}.stats-bar span{font-size:14px;color:#4a5568;font-weight:500}.filters{display:flex;gap:12px;margin-bottom:20px}.filters input,.filters select{padding:10px 14px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px}.filters input:focus,.filters select:focus{outline:none;border-color:#667eea}.search-input{flex:1}.btn-add{display:block;width:100%;padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;margin-bottom:20px}.todo-form{background:#fff;padding:24px;border-radius:10px;display:flex;flex-direction:column;gap:12px;margin-bottom:20px;box-shadow:0 4px 15px #00000014}.todo-form input[type=text],.todo-form textarea{padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:15px;width:100%}.form-row{display:flex;gap:12px}.form-row select{flex:1;padding:10px 14px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px}.form-actions{display:flex;gap:12px}.form-actions button{padding:10px 24px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer}.form-actions button:first-child{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.form-actions button:last-child{background:#e2e8f0;color:#4a5568}.todo-list{list-style:none;display:flex;flex-direction:column;gap:12px}.todo-item{background:#fff;padding:20px;border-radius:10px;box-shadow:0 1px 3px #0000000f;transition:box-shadow .2s}.todo-item:hover{box-shadow:0 4px 12px #0000001a}.todo-main{display:flex;gap:16px;align-items:flex-start}.status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;white-space:nowrap;min-width:90px;text-align:center}.status-pending{background:#fef3c7;color:#92400e}.status-in-progress{background:#dbeafe;color:#1e40af}.status-completed{background:#d1fae5;color:#065f46}.todo-content h3{font-size:17px;margin-bottom:6px}.todo-content p{font-size:14px;color:#718096;margin-bottom:8px}.todo-meta{display:flex;gap:12px;align-items:center}.category-tag{background:#edf2f7;padding:2px 10px;border-radius:4px;font-size:12px;color:#4a5568}.todo-actions{margin-left:auto;display:flex;gap:8px}.todo-actions button{padding:6px 10px;border:none;background:transparent;cursor:pointer;font-size:16px;border-radius:4px}.todo-actions button:hover{background:#f7fafc}.empty-state,.loading{text-align:center;padding:48px;color:#a0aec0;font-size:16px}