@font-face {font-display: swap;font-family: 'Noto Sans Gunjala Gondi';font-style: normal;font-weight: 400;src: url(../fonts/noto-sans-gunjala-gondi/noto-sans-gunjala-gondi-v20-gunjala-gondi_latin-regular.woff2) format('woff2') }@font-face {font-display: swap;font-family: 'Noto Sans Gunjala Gondi';font-style: normal;font-weight: 600;src: url(../fonts/noto-sans-gunjala-gondi/noto-sans-gunjala-gondi-v20-gunjala-gondi_latin-600.woff2) format('woff2') }@font-face {font-display: swap;font-family: 'Noto Sans Gunjala Gondi';font-style: normal;font-weight: 700;src: url(../fonts/noto-sans-gunjala-gondi/noto-sans-gunjala-gondi-v20-gunjala-gondi_latin-700.woff2) format('woff2') }@font-face {font-display: swap;font-family: 'Inter';font-style: normal;font-weight: 400;src: url(../fonts/inter/inter-v19-latin-regular.woff2) format('woff2') }@font-face {font-display: swap;font-family: 'Inter';font-style: normal;font-weight: 500;src: url(../fonts/inter/inter-v19-latin-500.woff2) format('woff2') }@font-face {font-display: swap;font-family: 'Inter';font-style: normal;font-weight: 600;src: url(../fonts/inter/inter-v19-latin-600.woff2) format('woff2') }@font-face {font-display: swap;font-family: 'Inter';font-style: normal;font-weight: 700;src: url(../fonts/inter/inter-v19-latin-700.woff2) format('woff2') }:root {--primary-color: #1a73e8;--purpal-color: #451c65;--secondary-color: #6c757d;--success-color: #008744;--danger-color: #d93025;--warning-color: #ffc107;--light-color: #f8f9fa;--dark-color: #212529;--heading-text-color: #1a1a1a;--text-color: #333333;--subtle-text-color: #666666;--logo-color: #1a73e8;--background-color: #f8f9fa;--surface-color: #ffffff;--border-color: #e0e0e0;--font-family-base: 'Inter', sans-serif;--font-family-heading: "Georgia", serif;--font-family-gunjala: 'Noto Sans Gunjala Gondi', sans-serif;--font-size-title: 2rem;--font-size-subtitle: 1.5rem;--font-size-paragraph: 1rem;--font-size-subparagraph: 0.875rem;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px;--border-radius: 8px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);--shadow-md: 0 2px 5px rgba(0, 0, 0, 0.15);--shadow-lg: 0 5px 15px rgba(0, 0, 0, 0.2);--max-content-width: 1200px;--transition-speed: .5s }* {box-sizing: border-box;padding: 0;margin: 0;font-family: var(--font-family-base) }ul, ol {margin: 1em 0;padding-left: 2em }ul {list-style-type: disc }ol {list-style-type: decimal }li {display: list-item }body {font-family: var(--font-family-base);color: var(--text-color);background-color: var(--background-color);line-height: 1.6;display: flex;flex-direction: column;min-height: 100vh }.dark-theme {--background-color: #151515;--surface-color: #3c3c3c;--heading-text-color: #f2f2f2;--text-color: #c7c7c7;--border-color: #444;--subtle-text-color: #999 }.title {font-size: var(--font-size-title);font-weight: 700;margin-bottom: var(--space-md);color: var(--heading-text-color);font-family: var(--font-family-heading) }.sub-title {font-size: var(--font-size-subtitle);font-weight: 600;color: var(--heading-text-color) }.paragraph {font-size: var(--font-size-paragraph);margin-bottom: var(--space-sm);color: var(--text-color) }.sub-paragraph {font-size: var(--font-size-subparagraph);color: var(--subtle-text-color);margin-bottom: var(--space-sm);font-style: normal }.card {border: 1px solid var(--border-color);border-radius: var(--border-radius);padding: var(--space-md);background: var(--surface-color);box-shadow: var(--shadow-sm);margin-bottom: var(--space-lg) }.text-center {text-align: center }.text-left {text-align: left }.text-right {text-align: right }.mt-1 {margin-top: var(--space-sm) }.mt-2 {margin-top: var(--space-md) }.mt-3 {margin-top: var(--space-lg) }.mb-1 {margin-bottom: var(--space-sm) }.mb-2 {margin-bottom: var(--space-md) }.mb-3 {margin-bottom: var(--space-lg) }.p-1 {padding: var(--space-sm) }.p-2 {padding: var(--space-md) }.p-3 {padding: var(--space-lg) }.text-primary {color: var(--primary-color) }.text-secondary {color: var(--secondary-color) }.text-success {color: var(--success-color) }.text-danger {color: var(--danger-color) }.text-warning {color: var(--warning-color) }.text-light {color: var(--light-color) }.text-dark {color: var(--dark-color) }.bg-primary {background: var(--primary-color);color: #fff }.bg-secondary {background: var(--secondary-color);color: #fff }.bg-success {background: var(--success-color);color: #fff }.bg-danger {background: var(--danger-color);color: #fff }.bg-warning {background: var(--warning-color);color: #212529 }.bg-light {background: var(--light-color);color: #212529 }.bg-dark {background: var(--dark-color);color: #fff }.rpost{text-decoration: none;font-weight: 600;color: var(--purpal-color);transition: .1s;}.rpost:hover{color: var(--primary-color);}.header-container, .main-content-container, .footer-container {max-width: var(--max-content-width);width: 100%;margin: auto }.main-content-container {padding: 10px;flex: 1;margin-top: 60px }.s-header {width: 100%;background-color: var(--surface-color);min-height: 60px;display: flex;align-items: center;box-shadow: var(--shadow-sm);position: fixed;top: 0;z-index: 9999 }.s-nav {width: 100%;max-width: 1200px;display: flex;align-items: center;justify-content: space-between;margin: 0 auto;padding: 0 10px }.s-logo {font-size: 28px;font-weight: 700;color: var(--logo-color) }#menu {display: flex;gap: 20px;font-size: 16px;font-weight: 400 }#menu li {list-style: none }#menu li a {text-decoration: none;color: var(--text-color);padding: 6px 10px;border-radius: var(--border-radius);transition: background var(--transition-speed), color var(--transition-speed);font-family: var(--font-family-base) }#menu li a:hover {text-decoration: underline;text-underline-offset: 5px;color: var(--primary-color) }#menu li.active a {color: var(--primary-color);font-weight: 600 }.nav-btn {display: flex;gap: 10px }.nav-btn img {width: 25px;height: 25px;cursor: pointer }#menuIcon, #closeIcon {display: none }.alert {padding: 1rem;margin-bottom: 1.5rem;border-radius: var(--border-radius);font-weight: 600 }.alert-error {background-color: rgb(217 48 37 / .1);color: var(--danger-color);border: 1px solid var(--danger-color) }.alert-success {background-color: rgb(0 135 68 / .1);color: var(--success-color);border: 1px solid var(--success-color) }.site-footer {text-align: center;padding: .5rem;border-top: 1px solid var(--border-color);background-color: var(--surface-color) }.footer-text {margin: 0;font-size: .9rem;color: var(--subtle-text-color) }.main-container {display: flex;justify-content: space-between;gap: 20px;width: 100% }.left-container {width: 70% }.right-container {width: 30% }.card-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));gap: 16px }.post-card {background: var(--surface-color);border: 1px solid var(--border-color);border-radius: 10px;box-shadow: var(--shadow-sm);margin-bottom: 10px;padding: 10px;overflow: hidden;transition: box-shadow 0.3s ease }.post-card:hover {transform: translateY(-3px);box-shadow: var(--shadow-md) }.post-card a {display: block;text-decoration: none }.post-card img {width: 100%;object-fit: cover;display: block }.post-image-container {width: 100%;height: 100%;max-height: 500px;border-radius: 10px 10px 0 0;margin-bottom: var(--space-sm);overflow: hidden }.post-content .category {display: inline-block;background: var(--primary-color);color: initial !important;font-size: 11px;padding: 3px 8px;border-radius: 6px;margin-bottom: 0 }.post-content a {color: inherit !important;text-decoration: underline }.post-content h3 {font-size: 14px;font-weight: 600;margin: 6px 0;line-height: 1.4;color: var(--heading-text-color) }.post-content h3:hover {color: var(--primary-color) }.post-meta {font-size: 12px;color: var(--subtle-text-color) }.post-category {display: inline-block;background: var(--primary-color);color: #fff;padding: 2px 8px;border-radius: 5px;font-size: 12px;margin-bottom: .2rem }.post-title {color: var(--heading-text-color);margin: 10px 0;font-size: 20px;width: 60% }.post-excerpt {font-size: 14px;color: var(--text-color);margin: 10px 0 }.icon {width: 1em;height: 1em;display: inline-block;vertical-align: middle;fill: currentColor }.recent-line {border: 1px solid var(--border-color);margin: 10px 0;width: 90% }#searchInput {width: calc(100% - 80px);padding: 8px;border: 1px solid var(--border-color);border-radius: 5px;background: var(--surface-color);color: var(--text-color) }form button {padding: 8px 12px;border: none;background: var(--primary-color);color: #fff;border-radius: 5px;cursor: pointer }form button:hover {background: #0d5bba }.section-header {display: flex;align-items: center;margin-bottom: 20px }.section-header h2 {font-size: 20px;font-weight: 700;color: var(--heading-text-color) }.section-header .dot {margin-left: 8px;color: var(--primary-color);font-size: 22px }.form {background: var(--surface-color);padding: 0 20px;border-radius: var(--border-radius);max-width: 1200px;width: 100%;margin: 0 auto;box-shadow: var(--shadow-sm) }.form-container {max-width: 1200px;width: 98%;margin: 0 auto;box-sizing: border-box }textarea.wysiwyg {min-height: 300px }label {display: block;font-weight: 700;margin-top: 15px;margin-bottom: 5px;color: var(--heading-text-color) }.ck-editor__top {flex-wrap: wrap }.ck-editor__editable_inline {min-height: 250px;max-width: 100%;word-wrap: break-word;background: var(--surface-color);color: var(--text-color) }input[type="text"], input[type="password"], input[type="url"], textarea, select {width: 100%;padding: 10px;font-size: 15px;border: 1px solid var(--border-color);border-radius: var(--border-radius);outline: none;transition: border-color 0.2s ease;background: var(--surface-color);color: var(--text-color);margin-bottom: 10px }input:focus, textarea:focus, select:focus {border-color: var(--primary-color);box-shadow: 0 0 0 2px rgb(26 115 232 / .1) }textarea {resize: vertical }.article-cover {width: 100%;max-height: 450px;object-fit: cover;border-radius: var(--border-radius);margin-bottom: 20px }.article-content {font-size: 18px;line-height: 1.8;color: var(--text-color) }.article-content img {max-width: 100%;height: auto;display: block;margin: 0 auto;border-radius: var(--border-radius) }.article-content h1, .article-content h2, .article-content h3, .article-content h4 {margin-bottom: 15px;font-weight: 600;color: var(--heading-text-color) }.article-content p {margin-bottom: 15px }.article-content a {color: var(--primary-color);text-decoration: none;transition: color 0.2s ease }.article-content a:hover {color: #0d5bba }.article-content blockquote {border-left: 4px solid var(--primary-color);padding-left: 15px;color: var(--text-color);font-style: italic;margin: 20px 0 }.article-content ul, .article-content ol {margin-left: 20px;margin-bottom: 15px }.admin-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 20px;flex-wrap: wrap;gap: 10px }.btn-edit {background-color: var(--warning-color);color: var(--dark-color);border: none }.btn-edit:hover {background-color: #e0a800 }.btn-danger {background-color: var(--danger-color);color: #fff;border: none }.btn-danger:hover {background-color: #c82333 }.inline-form {display: inline }.admin-table {width: 100%;border-collapse: collapse;background: var(--surface-color);border-radius: var(--border-radius);overflow: hidden;box-shadow: var(--shadow-sm) }.admin-table th, .admin-table td {padding: 12px 15px;text-align: left;border-bottom: 1px solid var(--border-color) }.admin-table th {background-color: var(--surface-color);font-weight: 600;font-size: 14px;color: var(--heading-text-color) }.admin-table tr:hover {background-color: rgb(0 0 0 / .02) }.actions {display: flex;flex-direction: column;gap: .2rem }.dashboard-title {font-size: 2rem;margin-bottom: 20px;color: var(--heading-text-color) }.stats-container {display: flex;gap: 20px;flex-wrap: wrap;margin-bottom: 20px }.stat-card {flex: 1 1 200px;background: linear-gradient(135deg, var(--primary-color), #224abe);color: #fff;text-align: center;padding: 20px;border-radius: var(--border-radius);box-shadow: var(--shadow-sm);transition: transform 0.2s ease, box-shadow 0.2s ease }.stat-card:hover {transform: translateY(-4px);box-shadow: var(--shadow-md) }.stat-num {font-size: 2.5rem;font-weight: 700;display: block }.stat-label {font-size: 1rem;opacity: .85 }.dashboard {padding: 1rem;max-width: 1200px;width: 100%;margin: auto }.stats-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));gap: 1rem;margin-bottom: 2rem }.stat-card {display: flex;align-items: center;gap: 1rem;padding: 1.2rem;border-radius: var(--border-radius);color: #fff;font-weight: 600 }.stat-card .icon {font-size: 2rem }.stat-card.blue {background: var(--primary-color) }.stat-card.green {background: var(--success-color) }.stat-card.purple {background: #8b5cf6 }.stat-card.red {background: var(--danger-color) }.num {font-size: 1.5rem }.cards-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));gap: 1rem;margin-bottom: 2rem }.card-header {display: flex;justify-content: space-between;padding: .8rem 1rem;border-bottom: 1px solid var(--border-color);font-weight: 600;color: var(--heading-text-color) }.card-body {padding: 1rem }.comment {margin-bottom: 1rem;color: var(--text-color) }.comment p {margin: .3rem 0 }.quick-actions {padding: 1rem;display: grid;gap: .5rem }.btn {box-shadow: var(--shadow-sm);padding: 10px;border-radius: var(--border-radius);font-weight: 600;cursor: pointer;text-decoration: none;text-align: center;color: #fff }.btn.blue {background: var(--primary-color) }.btn.green {background: var(--success-color) }.btn.purple {background: #9333ea }.btn.dark {background: var(--dark-color) }.btn.orange {background: #f97316 }.btn:hover {opacity: .9 }.comment-box {max-width: 100%;margin: 40px auto;background: var(--surface-color);padding: 30px;border-radius: var(--border-radius);box-shadow: var(--shadow-sm) }.comment-box h2 {text-align: center;font-size: 22px;color: var(--heading-text-color);margin-bottom: 10px }.comment-box p {text-align: center;color: var(--text-color);font-size: 14px;margin-bottom: 25px }.comment-box h3 {text-align: center;font-size: 20px;margin-bottom: 10px;color: var(--heading-text-color) }.comment-box small {display: block;text-align: center;margin-bottom: 20px;font-size: 13px;color: var(--subtle-text-color) }.form-group {display: flex;gap: 15px;margin-top: 15px }.form-group input {flex: 1;padding: 10px;border: 1px solid var(--border-color);border-radius: var(--border-radius);font-size: 14px;outline: none;transition: border 0.3s ease;background: var(--surface-color);color: var(--text-color) }.form-group input:focus {border-color: var(--primary-color) }.checkbox {margin-top: 12px;font-size: 13px;color: var(--text-color) }.checkbox input {margin-right: 5px }.btn-submit {margin-top: 20px;background: var(--primary-color);color: #fff;border: none;padding: 12px 20px;border-radius: var(--border-radius);font-size: 15px;cursor: pointer;transition: background 0.3s ease;display: inline-block }.btn-submit:hover {background: #0d5bba }.ads-grid {display: flex;flex-wrap: wrap;gap: 20px;margin-top: 20px }.ad-card {background: var(--surface-color);border: 1px solid var(--border-color);border-radius: var(--border-radius);box-shadow: var(--shadow-sm);padding: 15px;flex: 1 1 300px;display: flex;flex-direction: column;transition: transform 0.2s, box-shadow 0.2s }.ad-card:hover {transform: translateY(-3px);box-shadow: var(--shadow-md) }.ad-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 10px }.ad-header h3 {font-size: 18px;color: var(--heading-text-color) }.status {padding: 3px 8px;border-radius: var(--border-radius);font-size: 12px;font-weight: 700;color: #fff }.status.active {background-color: var(--success-color) }.status.inactive {background-color: var(--danger-color) }.ad-code {background: var(--background-color);padding: 10px;border-radius: var(--border-radius);font-family: monospace;font-size: 14px;overflow-x: auto;margin-bottom: 10px;word-wrap: break-word;word-break: break-word;overflow-wrap: break-word;white-space: pre-wrap;color: var(--text-color) }.ad-actions {display: flex;justify-content: flex-end;gap: 10px }.ad-actions a {padding: 5px 10px;border-radius: var(--border-radius);text-decoration: none;color: #fff;font-size: 14px;transition: background 0.2s }.edit-btn {background-color: var(--primary-color) }.edit-btn:hover {background-color: #0d5bba }.delete-btn {background-color: var(--danger-color) }.delete-btn:hover {background-color: #c82333 }.popup-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgb(0 0 0 / .6);display: none;justify-content: center;align-items: center;z-index: 9999 }.popup-box {background: var(--surface-color);padding: 20px;border-radius: var(--border-radius);width: 400px;max-width: 90%;text-align: center;position: relative;box-shadow: var(--shadow-lg);animation: fadeIn 0.5s ease }.popup-box .close-btn {position: absolute;top: 10px;right: 10px;cursor: pointer;font-size: 20px;font-weight: 700;color: var(--text-color) }@keyframes fadeIn {from {opacity: 0;transform: scale(.9) }to {opacity: 1;transform: scale(1) }}table {width: 100%;border-collapse: collapse;margin-bottom: var(--space-lg);background: var(--surface-color);box-shadow: var(--shadow-sm);border-radius: var(--border-radius);overflow: hidden }thead {background: var(--primary-color);color: #fff }thead th {text-align: left;padding: var(--space-sm) var(--space-md);font-size: .95rem;font-weight: 600 }tbody td {padding: var(--space-sm) var(--space-md);border-top: 1px solid var(--border-color);font-size: .9rem;color: var(--text-color) }tbody tr:hover {background: var(--light-color);transition: background var(--transition-speed) }.muted {color: var(--subtle-text-color);font-size: .85rem }.slug {font-family: monospace;color: var(--secondary-color) }@media (max-width:992px) {.right-container {width: 30%;min-width: 250px }.post-title {font-size: 18px }}@media (max-width:768px) {.main-container {display: flex;flex-direction: column }.left-container {width: 100% }.right-container {width: 100%;min-width: 280px }.post-title {font-size: 16px }.post-excerpt {font-size: 13px }#menu {flex-direction: column;gap: 0;background-color: var(--surface-color);position: absolute;top: 60px;right: 0;width: 100%;text-align: center;padding: 10px 0;opacity: 0;transform: translateY(-20px);pointer-events: none;transition: opacity 0.3s ease, transform 0.3s ease }#menu.active {opacity: 1;transform: translateY(0);pointer-events: auto }#menu li {margin: 10px 0 }#menuIcon {display: block }.form {padding: 15px }.ck-editor__editable_inline {min-height: 250px;min-width: 100px }.article-cover {max-height: 300px }.article-content {font-size: 16px }.admin-header {align-items: center }.admin-table th, .admin-table td {font-size: 13px;padding: 10px }.form-group {flex-direction: column;gap: 10px }textarea {height: 100px }.btn-submit {width: 100% }table, thead, tbody, th, td, tr {display: block;width: 100% }thead {display: none }tr {margin-bottom: var(--space-md);border: 1px solid var(--border-color);border-radius: var(--border-radius);box-shadow: var(--shadow-sm) }td {padding: var(--space-sm) var(--space-md);text-align: right;border: none;position: relative }td::before {content: attr(data-label);position: absolute;left: var(--space-md);font-weight: 700;color: var(--dark-color);text-align: left }.paragraph {font-size: var(--font-size-subparagraph) }.sub-title {font-size: var(--font-size-paragraph) }}@media (max-width:480px) {.main-container {gap: 10px }.post-card img {height: 200px }.post-title {font-size: 15px }.article {padding: 15px }.article-cover {max-height: 200px }.article-content {font-size: 15px }.admin-table th, .admin-table td {font-size: 12px;padding: 8px }.comment-box {padding: 20px }.comment-box h2 {font-size: 18px }.comment-box h3 {font-size: 16px }.form-group input {font-size: 13px;padding: 8px }textarea {font-size: 13px;padding: 10px }.sub-title {font-size: var(--font-size-paragraph) }}