.add-form{align-items:center;display:flex;margin-bottom:20px}.add-form label{font-weight:700;margin-right:10px}.add-form input[type=text]{border:1px solid #ccc;border-radius:5px;flex-grow:1;font-size:1em;padding:10px}.add-form input[type=text]:focus{border-color:#007bff;box-shadow:0 0 5px #007bff80;outline:none}.add-form button[type=submit]{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1em;margin-left:10px;padding:10px 15px}.add-form button[type=submit]:hover{background-color:#0056b3}.add-form button[type=submit]:focus{box-shadow:0 0 5px #007bff80;outline:none}.item-list{list-style-type:none;margin:0;max-width:600px;padding:0;width:100%}.item-list li{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;margin-bottom:8px;padding:12px 16px;transition:all .2s ease}.item-list li:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.item-list span{color:#333;flex:1 1;font-size:16px;word-break:break-word}.item-list input{border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:16px;margin-right:8px;padding:8px 12px}.item-list button{align-items:center;background-color:#f5f5f5;border:none;border-radius:50%;color:#555;cursor:pointer;display:flex;height:36px;justify-content:center;margin-left:8px;transition:all .2s ease;width:36px}.item-list button:hover{background-color:#e0e0e0}.item-list button:first-of-type:not(:only-of-type){background-color:#4caf50;border-radius:4px;color:#fff;padding:0 16px;width:auto}.item-list button:first-of-type:not(:only-of-type):hover{background-color:#388e3c}.item-list li:not(:has(input)) button:first-of-type{background-color:#2196f3;color:#fff}.item-list li:not(:has(input)) button:first-of-type:hover{background-color:#0d8bf2}.item-list button:nth-of-type(2){color:#ff9800}.item-list button:nth-of-type(2):hover{background-color:#fff3e0}.item-list button:nth-of-type(3){color:#f44336}.item-list button:nth-of-type(3):hover{background-color:#ffebee}.item-list span[style*=line-through]{color:#888;font-style:italic}@media (max-width:480px){.item-list li{padding:10px 12px}.item-list button{height:32px;margin-left:6px;width:32px}}.search-container,.search-form{align-items:center;display:flex;margin-bottom:20px}.search-form label{font-weight:700;margin-right:10px}.search-form input[type=text]{border:1px solid #ccc;border-radius:5px;flex-grow:1;font-size:1em;padding:10px}.search-form input[type=text]:focus{border-color:#007bff;box-shadow:0 0 5px #007bff80;outline:none}.header{background-color:#f8f8f8;border-bottom:2px solid #eee;color:#333;margin-bottom:20px;padding:20px 0;text-align:center}.header h1{font-size:2.5em;font-weight:700;margin:0}body{align-items:center;background-color:#f4f4f4;font-family:sans-serif;justify-content:center;margin:0;min-height:100vh}body,form{display:flex}form{background-color:#fff;border-radius:8px;box-shadow:0 0 10px #0000001a;flex-direction:column;gap:20px;padding:30px;width:300px}h2{color:#333;margin-bottom:20px;text-align:center}input[type=email],input[type=password],input[type=text]{border:1px solid #ddd;border-radius:4px;font-size:16px;padding:12px}input[type=email]:focus,input[type=password]:focus,input[type=text]:focus{border-color:#007bff;box-shadow:0 0 5px #007bff80;outline:none}button[type=submit]{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:12px 20px;transition:background-color .3s ease}button[type=submit]:hover{background-color:#0056b3}.error-message{color:red;font-size:14px;margin-top:5px}
/*# sourceMappingURL=main.2d3e2d69.css.map*/