body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.contacts-container{margin:0 auto;max-width:1200px;padding:30px 20px}.contacts-container h1{color:#333;font-size:2.5rem;margin-bottom:30px;text-align:center}.contacts-wrapper{grid-gap:30px;align-items:start;display:grid;gap:30px;grid-template-columns:1fr 1fr}.contact-form-section,.contacts-list-section{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:25px}.contact-form-section h2,.contacts-list-section h2{color:#333;font-size:1.5rem;margin-bottom:20px}.success-message{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:4px;color:#155724;margin-bottom:20px;padding:12px 16px}.contact-form{display:flex;flex-direction:column;gap:15px}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:.95rem;padding:12px;transition:border-color .3s}.form-group input:focus,.form-group textarea:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.btn-delete-small{background-color:#dc3545;color:#fff;font-size:.85rem;margin-top:10px;padding:8px 12px;width:100%}.btn-delete-small:hover{background-color:#c82333}.contacts-list{display:flex;flex-direction:column;gap:15px;max-height:600px;overflow-y:auto}.contact-card{background:#f9f9f9;border-left:4px solid #007bff;border-radius:6px;padding:15px;transition:all .3s}.contact-card:hover{box-shadow:0 2px 8px #0000001a;transform:translateX(4px)}.contact-info h3{color:#333;font-size:1.1rem;margin:0 0 10px}.contact-info p{color:#555;font-size:.9rem;margin:8px 0}.contact-info .email,.contact-info .phone{word-break:break-all}.contact-info .date{color:#999;margin-top:10px}@media (max-width:768px){.contacts-wrapper{grid-template-columns:1fr}.contacts-list{max-height:400px}.contact-form-section,.contacts-list-section{padding:20px}.contacts-container{padding:20px 10px}}.categories-container{margin:0 auto;max-width:1200px;padding:30px 20px}.categories-container h1{color:#333;font-size:2.5rem;margin-bottom:30px;text-align:center}.category-form{background:#f9f9f9;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:600px;padding:25px}.form-group{display:flex;flex-direction:column;margin-bottom:20px}.form-group label{color:#333;font-size:.95rem;font-weight:600;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:.95rem;padding:12px;transition:border-color .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.form-buttons{display:flex;gap:10px;justify-content:center}.btn{border:none;border-radius:4px;cursor:pointer;font-size:.95rem;font-weight:600;padding:12px 24px;transition:all .3s}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover{background-color:#0056b3;box-shadow:0 4px 8px #0056b34d;transform:translateY(-2px)}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#545b62}.btn-edit{background-color:#28a745;color:#fff;font-size:.85rem;padding:8px 12px}.btn-edit:hover{background-color:#218838}.btn-delete{background-color:#dc3545;color:#fff;font-size:.85rem;padding:8px 12px}.btn-delete:hover{background-color:#c82333}.categories-list{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:25px}.categories-list h2{color:#333;font-size:1.8rem;margin-bottom:20px}.categories-table{border-collapse:collapse;margin-top:15px;width:100%}.categories-table thead{background-color:#f0f0f0;border-bottom:2px solid #ddd}.categories-table th{color:#333;font-weight:600;padding:15px;text-align:left}.categories-table td{border-bottom:1px solid #ddd;padding:15px}.categories-table tbody tr:hover{background-color:#f9f9f9}.actions{display:flex;gap:10px}@media (max-width:768px){.categories-container{padding:20px 10px}.categories-table{font-size:.9rem}.categories-table td,.categories-table th{padding:10px}.actions{flex-direction:column}.btn{font-size:.85rem;padding:10px 12px}}.App{background-color:#f5f5f5;min-height:100vh}.navbar{background-color:#007bff;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:100}.nav-container{height:70px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.nav-container,.nav-logo{align-items:center;display:flex}.nav-logo{color:#fff;font-size:1.8rem;font-weight:700;text-decoration:none;transition:transform .3s}.nav-logo:hover{transform:scale(1.05)}.nav-menu{display:flex;gap:30px;list-style:none;margin:0;padding:0}.nav-item{margin:0}.nav-link{color:#fff;font-size:1.1rem;font-weight:500;position:relative;text-decoration:none;transition:color .3s,transform .3s}.nav-link:hover{color:gold;transform:translateY(-2px)}.nav-link:after{background-color:gold;bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .3s;width:0}.nav-link:hover:after{width:100%}.home{margin:0 auto;max-width:1200px;padding:80px 20px;text-align:center}.home h1{color:#333;font-size:3rem;margin-bottom:20px}.home p{color:#666;font-size:1.2rem;margin-bottom:40px}.home-links{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.home-btn{border-radius:8px;display:inline-block;font-size:1.1rem;font-weight:600;padding:15px 40px;text-decoration:none;transition:all .3s}.home-btn:first-child{background-color:#6c63ff;color:#fff}.home-btn:first-child:hover{background-color:#5a52cc;box-shadow:0 8px 16px #6a63ff66;transform:translateY(-3px)}.home-btn:nth-child(2){background-color:#007bff;color:#fff}.home-btn:nth-child(2):hover{background-color:#0056b3;box-shadow:0 8px 16px #0056b366;transform:translateY(-3px)}.home-btn:nth-child(3){background-color:#28a745;color:#fff}.home-btn:nth-child(3):hover{background-color:#218838;box-shadow:0 8px 16px #21883866;transform:translateY(-3px)}@media (max-width:768px){.nav-container{flex-direction:column;height:auto;padding:10px 20px}.nav-menu{gap:15px;margin-bottom:10px;margin-top:10px}.nav-link{font-size:1rem}.home h1{font-size:2rem}.home p{font-size:1rem}.home-links{flex-direction:column;gap:10px}.home-btn{width:100%}}@media (max-width:480px){.nav-logo{font-size:1.3rem}.nav-menu{gap:10px}.home{padding:40px 10px}.home h1{font-size:1.5rem}}
/*# sourceMappingURL=main.8d3ae0f2.css.map*/