*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{color:inherit;text-decoration:none}button{background:none;border:none;cursor:pointer;outline:none}:root{--primary-color:#000;--primary-color-dark:#333;--secondary-color:#fff;--accent-color:#f0f0f0;--text-color:#333;--border-color:#e0e0e0;--hover-color:#f8f8f8;--shadow-color:#0000001a}@media (max-width:768px){.container{padding:0 10px}}.app{display:flex;flex-direction:column;min-height:100vh}.main-content{box-sizing:border-box;flex:1 1;padding:0;width:100%}@media (max-width:768px){.main-content{padding:10px 0}}.website-card{background-color:var(--secondary-color);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;height:80px;margin:0 auto;padding:12px;transition:transform .3s,box-shadow .3s;width:230px}.website-card:hover{box-shadow:0 5px 15px var(--shadow-color);transform:translateY(-5px)}.website-content{height:100%;overflow:hidden;text-align:left}.website-content,.website-icon{align-items:center;display:flex}.website-icon{flex-shrink:0;height:30px;justify-content:center;margin-right:10px;width:30px}.website-icon img{max-height:100%;max-width:100%;object-fit:contain}.website-icon span{font-size:1.2rem}.website-info{flex:1 1;overflow:hidden}.website-name{color:var(--primary-color);font-size:.9rem;margin-bottom:2px}.website-description{-webkit-line-clamp:1;-webkit-box-orient:vertical;color:var(--text-color);display:-webkit-box;font-size:.8rem;margin:0;opacity:.8;overflow:hidden}.website-grid{grid-gap:10px;box-sizing:border-box;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-left:auto;margin-right:auto;margin-top:20px;max-width:1700px;padding:0 20px;width:100%}.empty-state{background-color:var(--accent-color);border-radius:8px;margin-top:20px;padding:40px;text-align:center}.empty-state p{color:var(--text-color);font-size:1.1rem}@media (max-width:992px){.website-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));max-width:900px;padding:0 30px}}@media (max-width:768px){.website-grid{max-width:700px;padding:0 20px}}@media (max-width:576px){.website-grid{gap:15px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));max-width:500px;padding:0 15px}}.home-header{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;margin-bottom:30px;padding:0 100px;width:100%}.header-left h1{color:var(--primary-color);font-size:2rem;margin:0;text-align:left}.header-right p{color:var(--text-color);font-size:1.1rem;margin:0;opacity:.8;text-align:right}@media (max-width:992px){.home-header{padding:0 50px}}@media (max-width:768px){.home-header{align-items:flex-start;flex-direction:column;gap:10px}.header-left h1{font-size:1.8rem}.header-right p{font-size:1rem;text-align:left}}@media (max-width:576px){.home-header{padding:0 30px}.header-left h1{font-size:1.5rem}}.home-page{box-sizing:border-box;min-height:calc(100vh - 115px);padding:10px 0;width:100%}.error-state,.loading-state{font-size:1.1rem}.website-categories{display:flex;flex-direction:column;gap:30px}.category-section{margin-bottom:10px}.category-title{border-bottom:2px solid var(--accent-color);color:var(--primary-color);font-size:1.5rem;margin-bottom:15px;padding-bottom:8px}@media (max-width:768px){.home-page{padding:15px 0}.category-title{font-size:1.3rem;margin-bottom:10px}}@media (max-width:576px){.home-page{padding:10px 0}}.website-form{background-color:var(--secondary-color);border-radius:8px;box-shadow:0 2px 10px var(--shadow-color);margin:0 auto;max-width:600px;padding:20px}.form-group label{color:var(--primary-color)}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--border-color);border-radius:4px;font-size:1rem;padding:10px;transition:border-color .3s;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary-color);outline:none}.form-group.checkbox{align-items:center;display:flex}.form-group.checkbox input{margin-right:10px;width:auto}.form-group.checkbox label{margin-bottom:0}.form-actions{justify-content:flex-end}.btn-cancel,.btn-submit{border-radius:4px;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .3s,opacity .3s}.btn-submit{background-color:var(--primary-color);color:var(--secondary-color)}.btn-submit:hover{opacity:.9}.btn-cancel{background-color:var(--accent-color);color:var(--text-color)}.btn-cancel:hover{background-color:var(--border-color)}@media (max-width:768px){.website-form{padding:15px}.form-actions{flex-direction:column}.btn-cancel,.btn-submit{width:100%}}.admin-page{padding:20px 0}.page-header{margin-bottom:30px;text-align:center}.page-header h1{color:var(--primary-color);font-size:2rem;margin-bottom:10px}.page-header p{color:var(--text-color);font-size:1.1rem;opacity:.8}.form-container{margin-top:20px}.form-container h2{color:var(--primary-color);margin-bottom:20px;text-align:center}.admin-controls{margin-top:20px}.empty-state,.error-state,.loading-state{background-color:var(--accent-color);border-radius:8px;margin-top:20px;padding:40px;text-align:center}.loading-state{color:var(--text-color)}.error-state{color:#e53935}.website-table-container{overflow-x:auto}.website-table{background-color:var(--secondary-color);border-collapse:collapse;box-shadow:0 2px 10px var(--shadow-color);margin-top:20px;width:100%}.website-table td,.website-table th{border-bottom:1px solid var(--border-color);padding:12px 15px;text-align:left}.website-table th{background-color:var(--primary-color);color:var(--secondary-color);font-weight:500}.website-table tr:hover{background-color:var(--hover-color)}.website-table tr.inactive{opacity:.7}.website-name-with-icon{align-items:center;display:flex;gap:10px}.admin-website-icon{align-items:center;background-color:var(--accent-color);border-radius:4px;display:flex;height:24px;justify-content:center;overflow:hidden;width:24px}.admin-website-icon img{height:100%;object-fit:contain;width:100%}.admin-website-icon span{font-size:16px}.status{border-radius:4px;display:inline-block;font-size:.8rem;padding:4px 8px}.status.active{background-color:#4caf50;color:#fff}.status.inactive{background-color:#9e9e9e;color:#fff}.delete-button,.edit-button{font-size:.9rem;padding:5px 10px;transition:opacity .3s}.edit-button{background-color:#2196f3}.delete-button{background-color:#f44336}.delete-button:hover,.edit-button:hover{opacity:.9}@media (max-width:768px){.search-add{flex-direction:column}.search-input{margin-bottom:10px;margin-right:0}.add-button{width:100%}.website-table td,.website-table th{padding:8px 10px}.action-buttons{flex-direction:column}}.user-manage-page{width:100%}.form-group input[type=email],.form-group input[type=password],.form-group input[type=text]{border:1px solid #ced4da;border-radius:4px;font-size:1rem;padding:8px 12px;width:100%}.admin-note{color:#dc3545;font-size:.85rem;font-style:italic;margin-left:5px}.delete-button.disabled{background-color:#6c757d;cursor:not-allowed;opacity:.6}.delete-button.disabled:hover{background-color:#6c757d;transform:none}.user-table-container{margin-top:20px;overflow-x:auto}.user-table{background-color:#fff;border-collapse:collapse;box-shadow:0 2px 4px #0000001a;width:100%}.user-table td,.user-table th{border-bottom:1px solid #e9ecef;padding:12px 15px;text-align:left}.user-table th{color:#495057;font-weight:600}.user-table th,.user-table tr:hover{background-color:#f8f9fa}.user-table tr.inactive{opacity:.7}.delete-button,.edit-button,.toggle-button{border:none;border-radius:4px;cursor:pointer;font-size:.85rem;padding:4px 8px;transition:background-color .3s}.toggle-button{background-color:#ffc107;color:#212529}.toggle-button:hover{background-color:#e0a800}@media (max-width:992px){.action-buttons{flex-direction:column;gap:3px}.delete-button,.edit-button,.toggle-button{width:100%}}@media (max-width:768px){.user-table td,.user-table th{font-size:.9rem;padding:8px 10px}.form-actions{flex-direction:column}.cancel-button,.save-button{width:100%}}@media (max-width:576px){.user-table{font-size:.85rem}.user-table td:first-child,.user-table td:nth-child(6),.user-table th:first-child,.user-table th:nth-child(6){display:none}}.category-manage-page{padding:20px 0;width:100%}.category-manage-page h2{color:var(--primary-color);margin-bottom:20px;text-align:center}.error-message{background-color:#f8d7da;border-radius:4px;color:#721c24;margin-bottom:15px;padding:10px 15px}.form-container{background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.form-container h3{color:var(--primary-color);margin-bottom:15px;margin-top:0}.form-group{margin-bottom:15px}.form-group input[type=text],.form-group textarea{border:1px solid #ced4da;border-radius:4px;font-size:1rem;padding:8px 12px;width:100%}.checkbox-group,.checkbox-group label{align-items:center;display:flex}.checkbox-group label{cursor:pointer;margin-bottom:0}.checkbox-group input[type=checkbox]{margin-right:8px}.form-actions{display:flex;gap:10px;margin-top:20px}.cancel-button,.save-button{border:none;border-radius:4px;cursor:pointer;font-weight:500;padding:8px 16px;transition:background-color .3s}.save-button{background-color:var(--primary-color);color:#fff}.save-button:hover{background-color:#0056b3}.cancel-button{background-color:#6c757d;color:#fff}.cancel-button:hover{background-color:#5a6268}.category-controls{margin-top:20px}.search-add{display:flex;justify-content:space-between;margin-bottom:20px}.search-input{border:1px solid var(--border-color);border-radius:4px;flex:1 1;font-size:1rem;margin-right:10px;padding:10px}.add-button{background-color:var(--primary-color);border:none;border-radius:4px;color:var(--secondary-color);cursor:pointer;font-size:1rem;padding:10px 20px;transition:opacity .3s}.add-button:hover{opacity:.9}.empty-state,.loading-state{background-color:var(--accent-color);border-radius:8px;margin-top:20px;padding:40px;text-align:center}.category-table-container{margin-top:20px;overflow-x:auto}.category-table{background-color:#fff;border-collapse:collapse;box-shadow:0 2px 4px #0000001a;width:100%}.category-table td,.category-table th{border-bottom:1px solid #e9ecef;padding:12px 15px;text-align:left}.category-table th{color:#495057;font-weight:600}.category-table th,.category-table tr:hover{background-color:#f8f9fa}.category-table tr.inactive{opacity:.7}.status-label{border-radius:4px;display:inline-block;font-size:.85rem;font-weight:500;padding:4px 8px}.status-label.active{background-color:#d4edda;color:#155724}.status-label.inactive{background-color:#f8d7da;color:#721c24}.action-buttons{display:flex;gap:5px}.delete-button,.edit-button{border:none;border-radius:4px;cursor:pointer;font-size:.85rem;padding:4px 8px;transition:background-color .3s}.edit-button{background-color:#17a2b8;color:#fff}.edit-button:hover{background-color:#138496}.delete-button{background-color:#dc3545;color:#fff}.delete-button:hover{background-color:#c82333}@media (max-width:992px){.action-buttons{flex-direction:column;gap:3px}.delete-button,.edit-button{width:100%}}@media (max-width:768px){.search-add{flex-direction:column}.search-input{margin-bottom:10px;margin-right:0}.add-button{width:100%}.category-table td,.category-table th{font-size:.9rem;padding:8px 10px}.form-actions{flex-direction:column}.cancel-button,.save-button{width:100%}}@media (max-width:576px){.category-table{font-size:.85rem}.category-table td:first-child,.category-table td:nth-child(5),.category-table th:first-child,.category-table th:nth-child(5){display:none}}.login-page{align-items:center;background-color:var(--background-color);display:flex;justify-content:center;min-height:calc(100vh - 115px);padding:20px}.login-container{background-color:var(--secondary-color);border-radius:8px;box-shadow:0 4px 12px var(--shadow-color);max-width:400px;padding:30px;width:100%}.login-container h1{color:var(--primary-color);margin-bottom:10px;margin-top:0;text-align:center}.login-description{color:var(--text-color);margin-bottom:20px;opacity:.8;text-align:center}.login-error{background-color:#ff00001a;border-left:4px solid red;border-radius:4px;color:red;margin-bottom:20px;padding:10px}.login-form{display:flex;flex-direction:column}.form-group{margin-bottom:20px}.form-group label{color:var(--text-color);display:block;font-weight:500;margin-bottom:5px}.form-group input{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);font-size:16px;padding:10px;width:100%}.form-group input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #007bff40;outline:none}.login-button{background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px;transition:background-color .3s}.login-button:hover{background-color:var(--primary-color-dark)}.login-button:disabled{background-color:#ccc;cursor:not-allowed}.not-found-page{align-items:center;display:flex;justify-content:center;min-height:60vh;text-align:center}.not-found-content{background-color:var(--secondary-color);border-radius:8px;box-shadow:0 2px 10px var(--shadow-color);max-width:500px;padding:40px}.not-found-content h1{color:var(--primary-color);font-size:6rem;line-height:1;margin-bottom:10px}.not-found-content h2{color:var(--primary-color);font-size:2rem;margin-bottom:20px}.not-found-content p{color:var(--text-color);font-size:1.1rem;margin-bottom:30px}.home-link{background-color:var(--primary-color);border-radius:4px;color:var(--secondary-color);display:inline-block;font-size:1rem;padding:10px 20px;transition:opacity .3s}.home-link:hover{opacity:.9}@media (max-width:768px){.not-found-content{padding:20px}.not-found-content h1{font-size:4rem}.not-found-content h2{font-size:1.5rem}}.header{background-color:var(--primary-color);box-shadow:0 2px 4px var(--shadow-color);color:var(--secondary-color);padding:15px 0}.header-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1800px;padding:0 20px}.logo{font-size:1.5rem;font-weight:700}.logo a{color:var(--secondary-color)}.nav ul{display:flex;list-style:none}.nav li{margin-left:20px}.nav a{color:var(--secondary-color);font-weight:500;transition:opacity .3s}.nav a:hover{opacity:.8}.user-info{align-items:center;display:flex;gap:10px}.user-info span{font-weight:500}.logout-btn,.user-info span{color:var(--secondary-color)}.logout-btn{background-color:initial;border:1px solid var(--secondary-color);border-radius:4px;cursor:pointer;font-size:.9rem;padding:5px 10px;transition:all .3s}.logout-btn:hover{background-color:var(--secondary-color);color:var(--primary-color)}@media (max-width:768px){.header-container{flex-direction:column;padding:10px}.logo{margin-bottom:10px}.nav ul{justify-content:center}.nav li{margin:0 10px}}.footer{background-color:var(--primary-color);color:var(--secondary-color);margin-top:auto;padding:10.5px 0}.footer-container{margin:0 auto;max-width:1200px;padding:0 20px;text-align:center}.footer p{font-size:.9rem;opacity:.8}@media (max-width:768px){.footer-container{padding:0 10px}}.admin-layout{display:flex;min-height:calc(100vh - 115px)}.admin-sidebar{background-color:#f8f9fa;border-right:1px solid #e9ecef;padding:20px 0;width:220px}.sidebar-header{border-bottom:1px solid #e9ecef;margin-bottom:20px;padding:0 20px 20px}.sidebar-header h3{color:var(--primary-color);font-size:1.2rem;margin:0}.sidebar-menu ul{list-style:none;margin:0;padding:0}.sidebar-menu li{margin-bottom:5px}.sidebar-menu a{border-left:3px solid #0000;color:var(--text-color);display:block;padding:10px 20px;text-decoration:none;transition:all .3s ease}.sidebar-menu a:hover{background-color:#007bff1a;color:var(--primary-color)}.sidebar-menu a.active{background-color:#007bff26;border-left-color:var(--primary-color);color:var(--primary-color);font-weight:500}.admin-content{flex:1 1;overflow-y:auto;padding:20px 100px}@media (max-width:992px){.admin-content{padding:20px 50px}}@media (max-width:768px){.admin-layout{flex-direction:column}.admin-sidebar{border-bottom:1px solid #e9ecef;border-right:none;padding:10px 0;width:100%}.sidebar-header{margin-bottom:10px;padding:0 15px 10px}.admin-content{padding:15px 30px}}
/*# sourceMappingURL=main.366b4d19.css.map*/