.login-form{display:flex;justify-content:center;align-items:center;min-height:90vh}#auth-container{min-width:500px;background:var(--light);padding:0 2rem 2rem;border-radius:var(--border-radius);box-shadow:var(--shadow-md);box-sizing:border-box}.auth-header{color:var(--primary);text-align:center}.auth-title{font-size:3rem;margin:1.5rem}.form-group{display:flex;flex-direction:column;gap:1rem}.form-input{flex:1;padding:.5rem;font-size:1.5rem;border:1px solid #e2e8f0;border-radius:var(--border-radius);transition:var(--transition)}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--gray)}.logger-container{display:flex;gap:.75rem;flex-wrap:wrap}.logger-container button{font-size:1rem;flex:1}@media (max-width: 600px){#auth-container{min-width:90%}.auth-title{font-size:1.8rem}.form-group{gap:.75rem}.form-input{font-size:1.2rem;padding:.75rem}.logger-container{gap:1rem}.logger-container button{flex:none;width:100%}}.tabs-container{display:flex;gap:.5rem;margin-bottom:1.5rem}.tab-button{display:flex;flex:1;align-items:center;justify-content:center;font-size:1.5rem;font-weight:600;padding:.75rem;border:none;cursor:pointer;border-radius:var(--border-radius);transition:var(--transition);position:relative}.tab-button.active{background:var(--primary);color:var(--light)}.tab-button.active:hover{background:var(--primary-dark);color:var(--light)}.tab-button:not(.active):hover{background:var(--gray)}.badge{padding:.25rem .5rem;background:#fff3;border-radius:9999px;font-size:1.5rem;font-weight:700;position:absolute;right:0;margin-right:.5rem}.task-list{padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.task-item{display:flex;padding:0 .5rem;background:var(--light);border-radius:var(--border-radius);box-shadow:var(--shadow-md);transition:var(--transition);position:relative}.task-item:hover{box-shadow:var(--shadow-lg)}@media (max-width: 600px){.tabs-container{flex-direction:column;gap:.75rem;margin-bottom:1rem}.tab-button{font-size:1.25rem}}.empty-state{text-align:center;padding:3rem 0}.empty-state-icon{margin:0 auto;height:3rem;width:3rem;color:var(--gray)}.empty-state-title{margin-top:.5rem;font-size:.875rem;font-weight:500;color:var(--dark)}.empty-state-subtitle{font-size:.875rem;color:var(--gray)}.task-content{margin:.5rem 0;display:flex;align-items:center;flex:1}.task-text{flex-grow:1;margin:0 1rem;padding:1rem 0;word-break:break-word;font-size:1.5rem}.edit-mode{display:flex;width:100%;padding:.8rem 0}.edit-input{flex-grow:1;padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:var(--border-radius);font-size:1.5rem}.sortable-chosen{opacity:.8;background:#e0e7ff!important}@media (max-width: 600px){.task-content{flex-direction:column;gap:.5rem;padding:.5rem}.task-text{padding:0;font-size:1.25rem}.task-actions{flex-direction:column;gap:.5rem}.edit-mode{flex-direction:column;align-items:center}.edit-input{padding:.5rem .75rem;border:1px solid #e2e8f0;border-radius:var(--border-radius);font-size:1.25rem}}.task-icon-button{width:3rem;height:3rem;display:inline-flex;justify-content:center;padding:.5rem;border-radius:50%;background:none;border:none;cursor:pointer;transition:var(--transition),transform .1s ease-in-out}.task-icon-button.primary{color:var(--primary)}.task-icon-button.primary:hover{background-color:#6366f11a}.task-icon-button.danger{color:var(--danger)}.task-icon-button.danger:hover{background-color:#ef44441a}.task-icon-button.secondary{color:var(--secondary)}.task-icon-button.secondary:hover{background-color:#10b9811a}.task-icon-button.warning{color:var(--warning)}.task-icon-button.warning:hover{background-color:#eab3081a}.task-icon-button:active{transform:scale(.8)}.app-container{background-color:var(--light);border-radius:var(--border-radius);box-shadow:var(--shadow-md);margin:2rem;padding:2rem;max-width:1200px;margin-left:auto;margin-right:auto}.app-header{display:flex;position:relative}.app-title{font-size:3rem;font-weight:700;color:var(--primary);transition:color var(--transition);text-align:center;flex-grow:1}.input-fields{position:relative;display:flex;align-items:center;gap:1rem;margin:0 2rem 2rem}.form-input{padding:1rem}.input-fields .form-input{border:1px solid var(--gray)}.btn-add{position:absolute;right:1%;padding:0;cursor:pointer}@media (max-width: 600px){.app-container{margin:.5rem;padding:.5rem}.app-title{margin:1.25rem;font-size:2.5rem;text-align:left}.input-fields{flex-direction:column}.btn-add{top:8%;transform:translate(-60%)}}@media (max-width: 400px){.btn-add{transform:translate(-10%)}}:root{--primary: #6366f1;--primary-dark: #4f46e5;--secondary: #10b981;--secondary-dark: #0d946c;--danger: #ef4444;--danger-dark: #c53030;--warning: #eab308;--warning-dark: #a78103;--dark: #1e293b;--light: #f8fafc;--gray: #94a3b8;--border-radius: 12px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 6px 8px rgba(0, 0, 0, .2);--transition: all .2s ease-in-out}body{margin:0;padding:0;box-sizing:border-box;font-family:Inter,system-ui,sans-serif;background-color:#f1f5f9;justify-content:center align-items: center}.btn{font-size:1.5rem;padding:1rem;border:none;border-radius:var(--border-radius);font-weight:600;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary{background:var(--primary);color:var(--light)}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:var(--secondary);color:var(--light)}.btn-secondary:hover{background:var(--secondary-dark)}.btn.active{border:2px solid var(--gray)}.btn-logout{background:var(--danger);color:var(--light);position:absolute;top:0;right:0}.btn-logout:hover{background:#dc2626}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 600px){.btn{font-size:1.25rem;padding:.75rem;font-weight:600;cursor:pointer}}