.add-page-container{box-sizing:border-box;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.form-container{-webkit-backdrop-filter:blur(20px);border:1px solid #fff9;border-radius:24px;width:100%;max-width:600px;padding:40px;box-shadow:0 25px 50px -12px #0000001a;background:#fff6!important}.input-field{box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;width:100%;padding:16px 20px;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.input-field:focus{border-color:var(--accent);background:#fff;transform:scale(1.01);box-shadow:0 10px 25px #0000000d}.error-message{color:#e53e3e;background:#fff5f5;border:1px solid #feb2b2;border-radius:16px;align-items:center;gap:12px;margin-bottom:25px;padding:14px 20px;font-size:.9rem;font-weight:600;animation:.4s ease-out errorShow,.4s ease-in-out shake;display:flex;box-shadow:0 4px 12px #e53e3e14}.error-message:before{content:"⚠️";font-size:1.1rem}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}50%{transform:translate(6px)}75%{transform:translate(-6px)}}@keyframes errorShow{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.btn-black{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;padding:16px 32px;font-weight:700;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:inline-flex;box-shadow:0 10px 20px #0000001a}.btn-black:hover{transform:translateY(-5px)scale(1.02);box-shadow:0 15px 30px #0003}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.form-container{width:auto;margin:10px;padding:20px}.input-field{padding:14px;font-size:16px}.btn-black{width:100%}}.separator{text-align:center;color:#94a3b8;text-transform:uppercase;letter-spacing:.1em;margin:30px 0;font-size:.8rem;position:relative}.fade-in{animation:.5s ease-out forwards fadeIn}@media (max-width:600px){.form-container{margin:10px;padding:24px}.h1-super{font-size:1.8rem}}.add-glass-panel{border:1px solid #e2e8f0;border-radius:24px;width:100%;max-width:550px;padding:40px;box-shadow:0 20px 25px -5px #0000000d;background:#fff!important}.add-header{justify-content:space-between;margin-bottom:30px;display:flex}.btn-back-home,.btn-go-list{border-radius:12px;padding:10px 16px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s}.btn-back-home{color:#64748b}.btn-go-list{color:#0f172a;background:#f1f5f9}.add-title{color:#000;margin-bottom:25px;font-size:2rem;font-weight:800}@keyframes addFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.badge-category{color:#fff;letter-spacing:.02em;background:#000;border-radius:14px;align-items:center;gap:10px;padding:10px 16px;font-size:.85rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 12px #0000001a}.badge-category:hover{transform:translateY(-2px);box-shadow:0 6px 15px #00000026}.btn-delete-cat{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:1.1rem;line-height:1;transition:all .2s;display:flex}.btn-delete-cat:hover{color:#fff;background:#ff4d4d;transform:rotate(90deg)}.error-message{color:#e53e3e;background:#fff5f5;border:1px solid #feb2b2;border-radius:16px;align-items:center;gap:12px;margin-bottom:25px;padding:14px 20px;font-size:.9rem;font-weight:600;animation:.4s ease-out errorShow,.4s ease-in-out shake;display:flex}