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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-container{align-items:center;background-color:#f0f2f5;display:flex;height:100vh;justify-content:center}.login-form{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:2rem;width:300px}.login-form h2{color:#333;margin-bottom:1.5rem;text-align:center}.form-group{margin-bottom:1rem}.form-group label{color:#555;display:block;margin-bottom:.5rem}.form-group input{border:1px solid #ccc;border-radius:4px;padding:.5rem;width:100%}.login-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem;width:100%}.login-button:hover{background-color:#0056b3}.dashboard-container{display:flex}.sidebar{background-color:#333;color:#fff;height:100vh;padding:1rem}.sidebar h2{text-align:center}.sidebar ul{list-style:none;padding:0}.sidebar ul li{cursor:pointer;padding:1rem;text-align:center}.sidebar ul li:hover{background-color:#555}.main-content{background-color:#f0f2f5;flex-grow:1;padding:2rem}.logout-button{background-color:#dc3545;border-radius:4px;margin-top:2rem;padding:.75rem}.logout-button:hover{background-color:#c82333}.upload-image-btn{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-left:10px;padding:5px 10px}.upload-image-btn:hover{background-color:#0056b3}.modal-content{background:#fff;border-radius:8px;bottom:auto;box-shadow:0 4px 8px #0000001a;left:50%;margin-right:-50%;padding:20px;position:absolute;right:auto;top:50%;transform:translate(-50%,-50%);width:500px}.modal-overlay{background-color:#000000bf;bottom:0;left:0;position:fixed;right:0;top:0}.modal-header{align-items:center;border-bottom:1px solid #ccc;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:10px}.modal-title{margin:0}.close-btn{background:none;border:none;cursor:pointer;font-size:1.5rem}.upload-section input[type=file]{margin-bottom:10px}.error-message,.loading-message{margin-top:10px}.error-message{color:red}.image-url-container{margin-top:20px}.image-url-container input{border:1px solid #ccc;border-radius:4px;padding:8px;width:calc(100% - 110px)}.copy-code-btn{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-left:10px;padding:8px 10px}.copy-code-btn:hover{background-color:#218838}:root{--sidebar-bg:#2c3e50;--content-bg:#ecf0f1;--text-light:#ecf0f1;--text-dark:#2c3e50;--primary-color:#3498db;--danger-color:#e74c3c;--danger-hover:#c0392b;--border-color:#bdc3c7}body{background-color:#ecf0f1;background-color:var(--content-bg);color:#2c3e50;color:var(--text-dark);font-family:Source Sans Pro,sans-serif;margin:0}.sidebar-header,h1,h2,h3,h4,h5,h6{font-family:Poppins,sans-serif}.dashboard-layout{display:flex;min-height:100vh}.sidebar{background-color:#2c3e50;background-color:var(--sidebar-bg);color:#ecf0f1;color:var(--text-light);display:flex;flex-direction:column;padding:20px;width:250px}.content-area{flex-grow:1;padding:40px}.sidebar-header{font-size:1.8rem;font-weight:700;margin-bottom:40px;text-align:center}.sidebar-nav{flex-grow:1;list-style:none;margin:0;padding:0}.sidebar-nav li a{background-color:#34495e;border-radius:8px;color:#ecf0f1;color:var(--text-light);display:block;margin-bottom:10px;padding:15px 10px;text-decoration:none;transition:background-color .2s,color .2s}.sidebar-nav li a:hover{background-color:#4e6a85}.sidebar-nav li a.active{background-color:#3498db;background-color:var(--primary-color);font-weight:700}.logout-button{background-color:#e74c3c;background-color:var(--danger-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin-top:auto;padding:15px;transition:background-color .2s;width:100%}.logout-button:hover{background-color:#c0392b;background-color:var(--danger-hover)}.content-area h1{border-bottom:2px solid #bdc3c7;border-bottom:2px solid var(--border-color);font-size:2.5rem;margin-top:0;padding-bottom:15px}.posts-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.create-post-btn{background-color:#3498db;background-color:var(--primary-color);border-radius:8px;color:#fff;font-weight:500;padding:10px 20px;text-decoration:none;transition:background-color .2s}.create-post-btn:hover{background-color:#2980b9}.posts-table{background-color:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 4px 8px #0000001a;font-size:1rem;margin-top:25px;overflow:hidden;width:100%}.posts-table thead tr{background-color:#2c3e50;background-color:var(--sidebar-bg);color:#ecf0f1;color:var(--text-light);text-align:left}.posts-table td,.posts-table th{padding:15px 20px}.posts-table tbody tr{border-bottom:1px solid #ddd}.posts-table tbody tr:last-of-type{border-bottom:none}.action-btn{border:none;border-radius:5px;cursor:pointer;margin-right:5px;padding:5px 10px}.edit-btn{background-color:#f39c12;color:#fff}.delete-btn{background-color:#e74c3c;background-color:var(--danger-color);color:#fff}.post-editor-form{gap:20px}.form-group,.post-editor-form{display:flex;flex-direction:column}.form-group label{font-size:1rem;font-weight:500;margin-bottom:8px}.form-group input,.form-group textarea{border:1px solid #bdc3c7;border:1px solid var(--border-color);border-radius:8px;font-family:inherit;font-size:1rem;padding:12px}.form-group textarea{min-height:400px;resize:vertical}.save-post-btn{align-self:flex-start;background-color:#27ae60;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:12px 25px;transition:background-color .2s}.save-post-btn:hover{background-color:#229954}.success-message{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:8px;color:#155724}.error-message,.success-message{margin-top:15px;padding:10px 15px}.error-message{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24}.input-with-button{display:flex;gap:10px}.input-with-button input{flex-grow:1}.input-with-button button{background-color:#f8f9fa;border:1px solid #bdc3c7;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;padding:0 15px}.stats-cards-container{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:40px}.stat-card{background-color:#fff;border-radius:12px;box-shadow:0 6px 12px #00000014;padding:25px;transition:transform .2s,box-shadow .2s}.stat-card:hover{box-shadow:0 10px 20px #0000001f;transform:translateY(-5px)}.stat-card h2{color:#7f8c8d;font-size:1.2rem;margin:0 0 10px}.stat-card p{color:#2c3e50;color:var(--text-dark);font-size:2.5rem;font-weight:700;margin:0}.chart-container{background-color:#fff;border-radius:12px;box-shadow:0 6px 12px #00000014;padding:30px}
/*# sourceMappingURL=main.9f36bfe7.css.map*/