*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fafafa;--surface:#fff;--border:#e8ecf1;--text:#2d3748;--text-muted:#a0aec0;--primary:#6c9bcf;--primary-hover:#5a89bd;--danger:#e57373;--danger-hover:#d32f2f;--success:#a8d5ba;--success-dark:#7bc09a;--radius:12px;--shadow:0 2px 8px rgba(108,155,207,.08);--shadow-md:0 4px 16px rgba(108,155,207,.12)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.7;font-weight:300;letter-spacing:.01em}button{cursor:pointer;border:none;border-radius:var(--radius);font-size:.875rem;padding:.5rem 1.25rem;transition:all .2s ease;font-weight:400;letter-spacing:.02em}input[type=text]{border:1.5px solid var(--border);border-radius:var(--radius);padding:.75rem 1rem;font-size:.9375rem;width:100%;outline:none;transition:border-color .2s ease,box-shadow .2s ease;background:var(--surface);font-weight:300}input[type=text]:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(108,155,207,.15)}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 2px 8px rgba(108,155,207,.3)}.btn-primary:hover{background:var(--primary-hover);box-shadow:0 4px 12px rgba(108,155,207,.4);transform:translateY(-1px)}.btn-danger{background:transparent;color:var(--danger);padding:.25rem .5rem;font-size:.8125rem;border-radius:8px}.btn-danger:hover{background:#fde8e8;color:var(--danger-hover)}.btn-ghost{background:transparent;color:var(--text-muted);padding:.375rem .75rem;font-size:.8125rem;border-radius:20px}.btn-ghost:hover{background:#edf2f7;color:var(--text)}.btn-ghost.active{background:var(--primary);color:#fff;box-shadow:0 2px 6px rgba(108,155,207,.3)}.todo-checkbox{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:1.25rem;height:1.25rem;border:2px solid var(--border);border-radius:50%;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;flex-shrink:0}.todo-checkbox:hover{border-color:var(--success-dark);box-shadow:0 0 0 3px rgba(168,213,186,.3)}.todo-checkbox:checked{background:var(--success);border-color:var(--success);animation:checkPop .3s cubic-bezier(.4,0,.2,1)}.todo-checkbox:checked:after{content:"";position:absolute;top:45%;left:50%;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:translate(-50%,-50%) rotate(45deg) scale(1);animation:checkMark .2s ease-in-out .1s both}@keyframes checkPop{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes checkMark{0%{transform:translate(-50%,-50%) rotate(45deg) scale(0)}to{transform:translate(-50%,-50%) rotate(45deg) scale(1)}}.login-container{min-height:100vh;display:flex;justify-content:center;align-items:center;background:var(--bg)}.login-card{text-align:center;background:var(--surface);padding:3rem 2.5rem;border-radius:16px;box-shadow:var(--shadow-md);max-width:400px;width:100%}.login-title{font-size:1.75rem;font-weight:300;color:var(--text);margin-bottom:.25rem;letter-spacing:-.02em}.login-accent{color:var(--primary);font-weight:500}.login-subtitle{color:var(--text-muted);font-size:.9375rem;margin-bottom:1.5rem;font-weight:300}