@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.block{display:block}.flex{display:flex}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.border-collapse{border-collapse:collapse}.border{border-style:var(--tw-border-style);border-width:1px}.italic{font-style:italic}.underline{text-decoration-line:underline}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--bg-main:#0b0f19;--bg-card:#1e293b;--bg-sidebar:#0f172a;--border-color:#334155;--primary-blue:#3b82f6;--success-green:#10b981;--warning-amber:#f59e0b;--danger-red:#ef4444;--purple-accent:#8b5cf6}body{color:#cbd5e1;background-color:#0b0f19;min-height:100vh;margin:0;font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif}h1,h2,h3,h4,h5,h6,.outfit-font{font-family:Outfit,sans-serif}.admin-container{background-color:#0b0f19;grid-template-columns:260px 1fr;height:100vh;display:grid;overflow:hidden}.admin-sidebar{box-sizing:border-box;background-color:#0f172a;border-right:1px solid #1e293b;flex-direction:column;flex-shrink:0;gap:24px;height:100vh;padding:24px 16px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-brand{color:#fff;align-items:center;gap:12px;padding:0 10px;font-family:Outfit,sans-serif;font-size:1.3rem;font-weight:800;display:flex}.sidebar-menu{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.sidebar-link{color:#94a3b8;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:.92rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.sidebar-link:hover{color:#f1f5f9;background-color:#1e293bb3}.sidebar-link.active{color:#60a5fa;background:linear-gradient(135deg,#3b82f626 0%,#2563eb40 100%);border:1px solid #3b82f64d}.admin-main{box-sizing:border-box;background-color:#0b0f19;flex-direction:column;width:100%;height:100vh;padding:0;display:flex;position:relative;overflow:hidden auto}.admin-header{z-index:500;box-sizing:border-box;background-color:#0b0f19;border-bottom:1px solid #1e293b;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;width:100%;margin:0;padding:20px 36px;display:flex;position:sticky;top:0;left:0;right:0}.admin-body{box-sizing:border-box;flex:1;width:100%;max-width:100%;padding:28px 36px 48px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:30px;display:grid}.stat-card{background-color:#1e293b;border:1px solid #334155;border-radius:16px;align-items:center;gap:18px;padding:22px;transition:transform .2s;display:flex;box-shadow:0 4px 6px -1px #0000001a}.stat-card:hover{transform:translateY(-2px)}.stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.stat-number{color:#fff;margin-bottom:4px;font-family:Outfit,sans-serif;font-size:1.7rem;font-weight:800;line-height:1}.stat-label{color:#94a3b8;font-size:.85rem;font-weight:600}.admin-card{background-color:#1e293b;border:1px solid #334155;border-radius:16px;margin-bottom:30px;padding:28px;box-shadow:0 10px 15px -3px #0003}.article-form-grid{grid-template-columns:2fr 1fr;gap:30px;display:grid}@media (max-width:991px){.article-form-grid{grid-template-columns:1fr;gap:20px}}.table-container{border-radius:12px;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid #334155;padding:16px 20px}.admin-table th{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;background-color:#0f172a;font-size:.85rem;font-weight:700}.admin-table td{color:#cbd5e1;font-size:.92rem}.status-badge{text-transform:uppercase;letter-spacing:.03em;border-radius:99px;align-items:center;gap:4px;padding:4px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.status-badge.publish{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.status-badge.draft{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d}.form-group{margin-bottom:20px}.form-label{color:#f1f5f9;margin-bottom:8px;font-size:.88rem;font-weight:600;display:block}.form-control{color:#f8fafc;box-sizing:border-box;background-color:#0f172a;border:1px solid #334155;border-radius:10px;width:100%;padding:12px 16px;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.form-control:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f633}.btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);box-shadow:0 4px 12px #2563eb4d}.btn-primary:hover{background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%)}.btn-secondary{color:#f1f5f9;background:#334155}.btn-secondary:hover{background:#475569}.btn-icon{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #334155;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;text-decoration:none;transition:all .2s;display:inline-flex}.btn-icon:hover{color:#fff;background:#ffffff1a}.btn-icon.btn-edit:hover{color:#60a5fa;background:#3b82f633;border-color:#3b82f666}.btn-icon.btn-delete:hover{color:#f87171;background:#ef444433;border-color:#ef444466}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{background:#1e293b;border:1px solid #334155;border-radius:16px;width:100%;max-width:520px;padding:28px;animation:.2s modalFadeIn;box-shadow:0 25px 50px -12px #00000080}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{border-bottom:1px solid #334155;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;display:flex}.modal-title{color:#fff;margin:0;font-size:1.2rem;font-weight:700}.toast-container{z-index:999999;pointer-events:none;flex-direction:column;gap:12px;display:flex;position:fixed;bottom:28px;right:28px}.toast-item{pointer-events:auto;-webkit-backdrop-filter:blur(12px);border-radius:14px;align-items:center;gap:12px;min-width:320px;max-width:440px;padding:16px 20px;font-size:.92rem;font-weight:600;animation:.3s cubic-bezier(.16,1,.3,1) toastSlideIn;display:flex;box-shadow:0 20px 30px -10px #00000080}@keyframes toastSlideIn{0%{opacity:0;transform:translate(50px)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}.toast-success{color:#6ee7b7;background:#064e3beb;border:1px solid #10b98166;box-shadow:0 10px 25px -5px #10b98140}.toast-error{color:#fca5a5;background:#4c0519eb;border:1px solid #ef444466;box-shadow:0 10px 25px -5px #ef444440}.toast-close{color:currentColor;cursor:pointer;opacity:.7;background:0 0;border:none;align-items:center;margin-left:auto;padding:2px;display:flex}.toast-close:hover{opacity:1}.mobile-menu-toggle-btn,.mobile-close-btn,.sidebar-backdrop{display:none}.admin-header-title-wrap{align-items:center;gap:14px;display:flex}.admin-header-actions{align-items:center;gap:12px;display:flex}.dashboard-overview-grid{grid-template-columns:2fr 1fr;gap:25px;display:grid}.articles-filter-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px;display:flex}.articles-filter-controls{flex-wrap:wrap;flex:1;gap:12px;display:flex}.search-input-wrapper{flex:1;min-width:220px;position:relative}.filter-select{flex-shrink:0;width:150px}.form-actions-row{border-top:1px solid #334155;justify-content:flex-end;align-items:center;gap:12px;padding-top:20px;display:flex}.settings-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.settings-submit-row{justify-content:flex-end;margin-top:25px;display:flex}.sidebar-footer-actions{border-top:1px solid #1e293b;flex-direction:column;gap:8px;margin-top:auto;padding-top:16px;display:flex}.sidebar-action-btn{cursor:pointer;box-sizing:border-box;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px 14px;font-size:.88rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.sidebar-action-btn.view-site-btn{color:#38bdf8;background:#1e293b;border-color:#334155}.sidebar-action-btn.view-site-btn:hover{color:#fff;background:#334155}.sidebar-action-btn.logout-btn{color:#fca5a5;background:#ef44441f;border-color:#ef444440}.sidebar-action-btn.logout-btn:hover{color:#ef4444;background:#ef444438}.table-container{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#334155 transparent;background-color:#1e293b;border-radius:12px;width:100%;overflow-x:auto}.table-container::-webkit-scrollbar{height:6px}.table-container::-webkit-scrollbar-track{background:0 0}.table-container::-webkit-scrollbar-thumb{background:#334155;border-radius:4px}.admin-table{border-collapse:collapse;width:100%;min-width:620px}@media (max-width:1024px){.dashboard-overview-grid{grid-template-columns:1fr!important;gap:20px!important}}@media (max-width:991px){.admin-container{flex-direction:column;height:100vh;display:flex;overflow:hidden}.mobile-menu-toggle-btn{color:#38bdf8;cursor:pointer;background:#1e293b;border:1px solid #334155;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:inline-flex}.mobile-menu-toggle-btn:hover{color:#fff;background:#334155}.admin-sidebar{display:none}.admin-sidebar.mobile-open{width:290px;max-width:85vw;animation:.25s cubic-bezier(.16,1,.3,1) drawerSlideIn;top:0;bottom:0;left:0;box-shadow:0 0 35px #000000d9;z-index:10001!important;background-color:#0f172a!important;border-right:1px solid #334155!important;flex-direction:column!important;height:100vh!important;padding:24px 18px!important;display:flex!important;position:fixed!important;overflow-y:auto!important}@keyframes drawerSlideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.admin-sidebar.mobile-open .sidebar-brand{justify-content:space-between;align-items:center;width:100%;margin-bottom:15px;padding:0 4px;display:flex!important}.admin-sidebar.mobile-open .mobile-close-btn{color:#94a3b8;cursor:pointer;background:#ffffff14;border:1px solid #334155;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:inline-flex!important}.admin-sidebar.mobile-open .mobile-close-btn:hover{color:#f87171;background:#ef444433}.admin-sidebar.mobile-open .sidebar-menu{flex-direction:column!important;gap:6px!important;width:100%!important;overflow:hidden auto!important}.admin-sidebar.mobile-open .sidebar-link{border-radius:10px!important;width:100%!important;padding:12px 16px!important;font-size:.92rem!important}.admin-sidebar.mobile-open .sidebar-footer-actions{flex-shrink:0;border-top:1px solid #334155!important;flex-direction:column!important;gap:8px!important;width:100%!important;margin-top:auto!important;padding-top:16px!important;display:flex!important}.admin-sidebar.mobile-open .sidebar-action-btn{border-radius:10px!important;justify-content:flex-start!important;width:100%!important;padding:12px 16px!important;font-size:.9rem!important}.sidebar-backdrop{-webkit-backdrop-filter:blur(4px);z-index:10000;background:#000000b3;position:fixed;inset:0;display:block!important}.admin-main{flex:1;height:100%;padding:0;overflow:hidden auto}.admin-header{flex-direction:row;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.admin-header-title-wrap{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.admin-header-title-wrap h1{white-space:nowrap;text-overflow:ellipsis;line-height:1.25;overflow:hidden;margin:0!important;font-size:1.25rem!important}.admin-header-title-wrap p{display:none}.admin-header-actions{display:none!important}.admin-body{padding:20px 18px 48px}.admin-card{border-radius:14px;margin-bottom:20px;padding:20px 18px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:22px}.stat-card{border-radius:14px;gap:12px;padding:16px 14px}.stat-number{font-size:1.45rem}.stat-label{font-size:.8rem}.stat-icon{border-radius:10px;width:44px;height:44px}.modal-overlay{padding:14px}.modal-card{border-radius:14px;max-width:100%;padding:22px 18px}.toast-container{bottom:14px;left:14px;right:14px}.toast-item{box-sizing:border-box;width:100%;min-width:auto;max-width:100%}}@media (max-width:768px){.settings-grid{grid-template-columns:1fr!important;gap:16px!important}.articles-filter-bar{flex-direction:column;align-items:stretch;gap:12px}.articles-filter-controls{flex-direction:column;gap:10px;width:100%}.search-input-wrapper{width:100%;min-width:100%}.filter-select{width:100%!important}.add-article-btn{justify-content:center;width:100%}}@media (max-width:640px){.admin-header{gap:10px;padding:12px 14px}.admin-header-title-wrap h1{line-height:1.25;font-size:1.15rem!important}.admin-header-title-wrap p,.admin-header-actions{display:none!important}.admin-body{padding:14px 12px 40px}.admin-card{border-radius:12px;padding:16px 12px}.stats-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.stat-card{flex-direction:column;align-items:flex-start;gap:8px;padding:12px 10px}.stat-number{font-size:1.3rem}.stat-label{font-size:.75rem}.stat-icon{border-radius:8px;width:36px;height:36px}.form-actions-row{flex-direction:column-reverse;gap:10px;width:100%}.form-actions-row .btn{justify-content:center;width:100%;padding:12px;font-size:.92rem}.settings-submit-row{width:100%}.settings-submit-row .btn{justify-content:center;width:100%;padding:12px}.login-card{border-radius:14px!important;padding:24px 18px!important}.admin-table th,.admin-table td{padding:12px;font-size:.84rem}}@media (max-width:380px){.admin-header-title-wrap h1{font-size:1.18rem!important}.btn-label-text{display:inline}.stat-number{font-size:1.15rem}.admin-body{padding:12px 8px 36px}}.articles-manager-container{flex-direction:column;gap:20px;width:100%;display:flex}.articles-metrics-strip{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.metric-pill-btn{color:#cbd5e1;cursor:pointer;background:#1e293b;border:1px solid #334155;border-radius:9999px;align-items:center;gap:10px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 2px 4px #0000001a}.metric-pill-btn:hover{color:#fff;background:#273549;border-color:#475569;transform:translateY(-1px)}.metric-pill-btn.active{color:#fff;background:#2563eb26;border-color:#3b82f6;box-shadow:0 0 12px #3b82f640}.metric-pill-indicator{border-radius:50%;flex-shrink:0;width:8px;height:8px}.metric-pill-indicator.all{background:#38bdf8;box-shadow:0 0 6px #38bdf899}.metric-pill-indicator.published{background:#10b981;box-shadow:0 0 6px #10b981b3}.metric-pill-indicator.draft{background:#f59e0b;box-shadow:0 0 6px #f59e0bb3}.metric-pill-label{font-size:.85rem}.metric-pill-badge{color:#e2e8f0;background:#0f172a;border:1px solid #334155;border-radius:9999px;padding:2px 8px;font-size:.75rem;font-weight:700}.metric-pill-btn.active .metric-pill-badge{color:#fff;background:#2563eb;border-color:#3b82f6}.metric-pill-stat{color:#94a3b8;background:#0f172a;border:1px solid #1e293b;border-radius:9999px;align-items:center;gap:8px;margin-left:auto;padding:8px 16px;font-size:.85rem;font-weight:600;display:inline-flex}.metric-pill-value{color:#38bdf8;font-family:Outfit,sans-serif;font-weight:800}.articles-card{padding:24px}.articles-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.articles-toolbar-left{flex-wrap:wrap;flex:1;align-items:center;gap:12px;display:flex}.articles-toolbar-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.articles-search-box{flex:1;min-width:240px;max-width:400px;position:relative}.articles-search-box .search-icon{color:#64748b;pointer-events:none;width:16px;height:16px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.articles-search-input{color:#f8fafc;box-sizing:border-box;background:#0f172a;border:1px solid #334155;border-radius:12px;width:100%;padding:11px 38px 11px 40px;font-size:.9rem;transition:all .2s}.articles-search-input:focus{background:#0b1120;border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f626}.articles-search-clear{color:#94a3b8;cursor:pointer;background:#1e293b;border:1px solid #334155;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;transition:all .2s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.articles-search-clear:hover{color:#fff;background:#334155}.articles-select-wrapper{position:relative}.articles-select{color:#cbd5e1;cursor:pointer;appearance:none;background-color:#0f172a;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:14px;border:1px solid #334155;border-radius:12px;padding:11px 34px 11px 16px;font-size:.88rem;font-weight:500;transition:all .2s}.articles-select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f626}.articles-reset-btn{color:#f87171;cursor:pointer;background:#ef44441a;border:1px solid #ef44444d;border-radius:12px;align-items:center;gap:6px;padding:10px 14px;font-size:.84rem;font-weight:600;transition:all .2s;display:inline-flex}.articles-reset-btn:hover{color:#fca5a5;background:#ef444433;border-color:#ef4444}.add-article-gradient-btn{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%)!important;border:1px solid #3b82f680!important;border-radius:12px!important;align-items:center!important;gap:8px!important;padding:11px 20px!important;font-weight:700!important;transition:all .2s!important;display:inline-flex!important;box-shadow:0 4px 14px #2563eb4d!important}.add-article-gradient-btn:hover{border-color:#60a5fa!important;transform:translateY(-2px)!important;box-shadow:0 6px 20px #2563eb73!important}.articles-active-filters-info{color:#94a3b8;background:#0f172a;border:1px solid #1e293b;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;padding:10px 14px;font-size:.82rem;display:flex}.filter-tag{color:#38bdf8;background:#1e293b;border:1px solid #334155;border-radius:9999px;padding:2px 10px;font-size:.76rem;font-weight:600}.articles-desktop-table-container{background:#0f172a;border:1px solid #334155;border-radius:14px;display:block;overflow-x:auto}.articles-premium-table{border-collapse:collapse;width:100%}.articles-premium-table thead tr{background:#0b1120}.articles-premium-table th{color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #334155;padding:16px 18px;font-size:.78rem;font-weight:700}.article-row{border-bottom:1px solid #1e293b;transition:background-color .15s}.article-row:last-child{border-bottom:none}.article-row:hover{background-color:#1e293b99}.articles-premium-table td{vertical-align:middle;padding:14px 18px}.article-thumb-cell{width:90px;padding:10px 14px!important}.article-thumb-preview-box{cursor:pointer;background:#020617;border:1px solid #334155;border-radius:8px;flex-shrink:0;width:74px;height:50px;transition:transform .2s,border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.article-thumb-preview-box:hover{border-color:#38bdf8;transform:scale(1.04);box-shadow:0 4px 12px #38bdf840}.article-thumb-image{object-fit:cover;width:100%;height:100%;display:block}.article-thumb-hover-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;background:#0f172ab3;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.article-thumb-preview-box:hover .article-thumb-hover-overlay{opacity:1}.article-thumb-empty-box{color:#64748b;background:#0b1120;border:1px dashed #334155;border-radius:8px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:2px;width:74px;height:50px;font-size:.65rem;font-weight:600;display:flex}.article-title-text{color:#fff;cursor:pointer;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:4px;font-size:.96rem;font-weight:700;line-height:1.4;transition:color .15s;display:-webkit-box;overflow:hidden}.article-title-text:hover{color:#38bdf8}.article-slug-row{align-items:center;gap:6px;display:flex}.article-slug-text{color:#64748b;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.76rem}.article-slug-link-icon{color:#64748b;align-items:center;transition:color .15s;display:inline-flex}.article-slug-link-icon:hover{color:#38bdf8}.article-category-badge{color:#38bdf8;white-space:nowrap;background:#0ea5e91f;border:1px solid #38bdf840;border-radius:8px;align-items:center;padding:4px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.article-category-badge.small{padding:2px 8px;font-size:.72rem}.article-views-cell{color:#f1f5f9;align-items:center;gap:6px;font-size:.88rem;font-weight:600;display:flex}.article-date-cell{color:#94a3b8;align-items:center;gap:6px;font-size:.82rem;display:flex}.status-indicator-dot{border-radius:50%;width:6px;height:6px;display:inline-block}.status-badge.publish .status-indicator-dot{background:#34d399;box-shadow:0 0 6px #34d399cc}.status-badge.draft .status-indicator-dot{background:#fbbf24;box-shadow:0 0 6px #fbbf24cc}.articles-action-buttons{justify-content:flex-end;align-items:center;gap:6px;display:flex}.btn-table-action{color:#94a3b8;cursor:pointer;background:#0f172a;border:1px solid #334155;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;text-decoration:none;transition:all .18s;display:inline-flex}.btn-table-action:hover{transform:translateY(-1px)}.btn-table-preview:hover{color:#38bdf8;background:#38bdf81f;border-color:#38bdf8}.btn-table-image:hover{color:#a855f7;background:#a855f71f;border-color:#a855f7}.btn-table-edit:hover{color:#3b82f6;background:#3b82f61f;border-color:#3b82f6}.btn-table-delete:hover{color:#ef4444;background:#ef44441f;border-color:#ef4444}.articles-empty-td{text-align:center;padding:60px 20px!important}.articles-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:30px 16px;display:flex}.empty-icon-box{background:#1e293bcc;border:1px solid #334155;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.articles-mobile-cards-container{display:none}.article-mobile-item-card{background:#0f172a;border:1px solid #334155;border-radius:14px;flex-direction:column;gap:12px;padding:14px;display:flex;box-shadow:0 4px 6px -1px #0003}.article-mobile-item-top{align-items:flex-start;gap:12px;display:flex}.article-mobile-item-thumb{cursor:pointer;background:#020617;border:1px solid #334155;border-radius:10px;flex-shrink:0;width:76px;height:56px;position:relative;overflow:hidden}.article-mobile-item-thumb img{object-fit:cover;width:100%;height:100%;display:block}.article-mobile-thumb-badge{color:#38bdf8;background:#0f172ad9;border-radius:4px;align-items:center;padding:2px 4px;display:flex;position:absolute;bottom:3px;right:3px}.article-mobile-item-thumb.empty{border-style:dashed;justify-content:center;align-items:center;display:flex}.article-mobile-item-details{flex:1;min-width:0}.article-mobile-item-title{color:#fff;cursor:pointer;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:3px;font-size:.95rem;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.article-mobile-item-slug{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin-bottom:6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.74rem;overflow:hidden}.article-mobile-item-badges{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.article-mobile-item-meta{background:#1e293b;border:1px solid #273549;border-radius:10px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:.78rem;display:flex}.meta-stat{color:#94a3b8;align-items:center;gap:5px;font-weight:500;display:flex}.article-mobile-item-actions{gap:8px;display:flex}.btn-mobile-card-action{color:#cbd5e1;cursor:pointer;background:#1e293b;border:1px solid #334155;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:4px;padding:9px 4px;font-size:.78rem;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.btn-mobile-card-action.live:active,.btn-mobile-card-action.live:hover{color:#38bdf8;background:#38bdf826;border-color:#38bdf8}.btn-mobile-card-action.image:active,.btn-mobile-card-action.image:hover{color:#a855f7;background:#a855f726;border-color:#a855f7}.btn-mobile-card-action.edit:active,.btn-mobile-card-action.edit:hover{color:#3b82f6;background:#3b82f626;border-color:#3b82f6}.btn-mobile-card-action.delete:active,.btn-mobile-card-action.delete:hover{color:#ef4444;background:#ef444426;border-color:#ef4444}.image-preview-overlay{z-index:9999;-webkit-backdrop-filter:blur(12px);background:#050810e0;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out forwards fadeInModal;display:flex;position:fixed;inset:0}.image-preview-modal-card{background:#1e293b;border:1px solid #334155;border-radius:18px;flex-direction:column;width:100%;max-width:820px;max-height:92vh;animation:.25s cubic-bezier(.16,1,.3,1) forwards zoomInModal;display:flex;overflow:hidden;box-shadow:0 25px 60px -15px #000000b3,0 0 0 1px #ffffff0d}.image-preview-header{background:#1e293b;border-bottom:1px solid #334155;justify-content:space-between;align-items:flex-start;gap:14px;padding:18px 22px;display:flex}.image-preview-title-block{flex:1;min-width:0}.image-preview-badge-pill{color:#38bdf8;text-transform:uppercase;letter-spacing:.04em;background:#38bdf81f;border:1px solid #38bdf84d;border-radius:9999px;align-items:center;gap:5px;margin-bottom:6px;padding:3px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.image-preview-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.15rem;font-weight:800;line-height:1.35;overflow:hidden}.image-preview-slug{color:#64748b;margin-top:3px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.78rem}.image-preview-close-btn{color:#94a3b8;cursor:pointer;background:#0f172a;border:1px solid #334155;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.image-preview-close-btn:hover{color:#fff;background:#ef4444;border-color:#ef4444}.image-preview-body{background:#070c18;justify-content:center;align-items:center;min-height:280px;padding:24px;display:flex;overflow:auto}.image-preview-frame{justify-content:center;align-items:center;max-width:100%;display:flex}.image-preview-img{object-fit:contain;border:1px solid #334155;border-radius:12px;max-width:100%;max-height:58vh;box-shadow:0 15px 35px -10px #0009}.image-preview-footer{background:#1e293b;border-top:1px solid #334155;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:16px 22px;display:flex}.image-preview-meta-info{flex:1;min-width:180px;overflow:hidden}.image-url-preview-tag{color:#64748b;white-space:nowrap;text-overflow:ellipsis;background:#0f172a;border:1px solid #273549;border-radius:6px;padding:5px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.76rem;display:block;overflow:hidden}.image-preview-footer-btns{flex-shrink:0;align-items:center;gap:8px;display:flex}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}@keyframes zoomInModal{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (max-width:768px){.metric-pill-stat{margin-left:0}}@media (max-width:640px){.articles-desktop-table-container{display:none!important}.articles-mobile-cards-container{flex-direction:column;gap:12px;display:flex!important}.articles-card{padding:16px 12px!important}.articles-metrics-strip{gap:8px}.metric-pill-btn{padding:7px 12px;font-size:.8rem}.metric-pill-stat{justify-content:space-between;width:100%;margin-left:0}.articles-toolbar{flex-direction:column;align-items:stretch;gap:12px}.articles-toolbar-left{flex-direction:column;align-items:stretch;width:100%}.articles-search-box{width:100%;max-width:100%}.articles-select-wrapper,.articles-select{width:100%}.articles-reset-btn{justify-content:center;width:100%}.articles-toolbar-right{width:100%}.add-article-gradient-btn{justify-content:center!important;width:100%!important}.image-preview-overlay{padding:12px}.image-preview-modal-card{border-radius:14px;max-height:95vh}.image-preview-header{padding:14px 16px}.image-preview-body{min-height:200px;padding:14px}.image-preview-img{max-height:45vh}.image-preview-footer{flex-direction:column;align-items:stretch;padding:12px 16px}.image-preview-footer-btns{justify-content:space-between;width:100%}.image-preview-footer-btns .btn{flex:1;justify-content:center}}.editor-page-container{box-sizing:border-box;flex-direction:column;gap:20px;width:100%;max-width:1080px;margin:0 auto;display:flex}.editor-top-bar{background:#1e293b;border:1px solid #334155;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:14px 20px;display:flex;box-shadow:0 4px 16px -2px #00000040}.editor-top-bar-left{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.editor-back-btn{color:#94a3b8;cursor:pointer;background:#0f172a99;border:1px solid #334155;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:.82rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.editor-back-btn:hover{color:#f1f5f9;background:#0f172a;border-color:#475569}.editor-breadcrumb-divider{color:#475569;-webkit-user-select:none;user-select:none;font-size:.9rem;font-weight:600}.editor-header-title-badge{align-items:center;display:flex}.editor-badge-chip{border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:.82rem;font-weight:700;display:inline-flex}.editor-badge-chip.edit{color:#c084fc;background:#a855f726;border:1px solid #a855f74d}.editor-badge-chip.create{color:#38bdf8;background:#38bdf826;border:1px solid #38bdf84d}.editor-live-link-btn{color:#34d399;background:#10b9811f;border:1px solid #10b98147;border-radius:20px;align-items:center;gap:5px;padding:5px 12px;font-size:.78rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.editor-live-link-btn:hover{color:#6ee7b7;background:#10b98138;border-color:#34d399}.editor-top-bar-right{align-items:center;gap:10px;display:flex}.editor-cancel-btn{padding:8px 16px;font-size:.85rem}.editor-save-primary-btn{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);align-items:center;gap:8px;padding:8px 20px;font-size:.88rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #2563eb66}.editor-save-primary-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #2563eb99}.editor-layout-grid{flex-direction:column;gap:24px;width:100%;display:flex}@media (min-width:1440px){.editor-layout-grid{gap:28px}}.editor-main-column{flex-direction:column;gap:24px;width:100%;min-width:0;display:flex}.editor-card{box-sizing:border-box;background:#1e293b;border:1px solid #334155;border-radius:16px;padding:24px;box-shadow:0 4px 20px -2px #0000004d}.editor-field-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;margin-bottom:8px;display:flex}.editor-label{color:#f1f5f9;align-items:center;gap:4px;margin:0;font-size:.88rem;font-weight:700;display:flex}.req-star{color:#ef4444;font-weight:700}.editor-char-counter{color:#94a3b8;font-size:.75rem;font-weight:500}.editor-title-group{margin-bottom:20px}.editor-title-input{transition:all .2s;color:#fff!important;background-color:#0f172a!important;border:1px solid #334155!important;border-radius:10px!important;padding:12px 16px!important;font-size:1.15rem!important;font-weight:700!important}.editor-title-input:focus{border-color:#38bdf8!important;box-shadow:0 0 0 3px #38bdf826!important}.editor-slug-group{margin-bottom:20px}.editor-resync-slug-btn{color:#38bdf8;cursor:pointer;background:#38bdf81a;border:1px solid #38bdf84d;border-radius:6px;align-items:center;gap:5px;padding:3px 10px;font-size:.74rem;font-weight:600;transition:all .2s;display:inline-flex}.editor-resync-slug-btn:hover{color:#7dd3fc;background:#38bdf833}.editor-slug-input-wrapper{background:#0f172a;border:1px solid #334155;border-radius:10px;align-items:center;transition:border-color .2s;display:flex;overflow:hidden}.editor-slug-input-wrapper:focus-within{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf826}.editor-slug-prefix{color:#64748b;white-space:nowrap;-webkit-user-select:none;user-select:none;background:#1e293b;border-right:1px solid #334155;padding:10px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.82rem}.editor-slug-input{flex:1;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;box-shadow:none!important;color:#38bdf8!important;background:0 0!important;border:none!important;outline:none!important;padding:10px 14px!important;font-size:.88rem!important;font-weight:600!important}.editor-slug-status-hint{margin-top:8px}.slug-hint-warning{color:#fbbf24;background:#f59e0b1a;border:1px solid #f59e0b40;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:.78rem;line-height:1.4;display:flex}.slug-hint-success{color:#34d399;background:#10b98114;border:1px solid #10b98133;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:.78rem;line-height:1.4;display:flex}.slug-hint-success code{color:#6ee7b7;background:#0000004d;border-radius:4px;padding:2px 6px}.editor-excerpt-textarea{resize:vertical;background-color:#0f172a!important;border:1px solid #334155!important;border-radius:10px!important;font-size:.9rem!important;line-height:1.6!important}.editor-content-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.editor-section-heading{color:#f8fafc;align-items:center;gap:8px;font-size:1rem;font-weight:700;display:flex}.editor-mode-toggle-btn{cursor:pointer;color:#cbd5e1;background:#0f172a;border:1px solid #334155;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:.78rem;font-weight:600;transition:all .2s;display:inline-flex}.editor-mode-toggle-btn:hover{color:#fff;border-color:#64748b}.editor-mode-toggle-btn.active-code{color:#fbbf24;background:#f59e0b1f;border-color:#f59e0b4d}.editor-mode-toggle-btn.active-visual{color:#38bdf8;background:#38bdf81f;border-color:#38bdf84d}.editor-raw-html-container{flex-direction:column;display:flex}.raw-html-header-strip{background:#0b0f19;border:1px solid #334155;border-bottom:none;border-radius:10px 10px 0 0;justify-content:space-between;align-items:center;padding:9px 14px;font-size:.78rem;display:flex}.raw-html-tag{color:#38bdf8;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:700}.raw-html-hint{color:#64748b;font-size:.74rem}.editor-raw-html-textarea{resize:vertical;color:#f1f5f9!important;background:#0b0f19!important;border:1px solid #334155!important;border-top-left-radius:0!important;border-top-right-radius:0!important;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace!important;font-size:.88rem!important;line-height:1.65!important}.editor-tinymce-container{background:#0f172a;border:1px solid #334155;border-radius:10px;overflow:hidden}.editor-sidebar-column{flex-direction:column;gap:24px;width:100%;display:flex;position:static}.editor-sidebar-card{box-sizing:border-box;background:#1e293b;border:1px solid #334155;border-radius:16px;padding:24px;box-shadow:0 4px 20px -2px #0000004d}.sidebar-card-header{border-bottom:1px solid #334155;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.sidebar-card-header h4{color:#f8fafc;margin:0;font-size:.95rem;font-weight:700}.editor-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:40px!important}.editor-date-input-wrapper{width:100%;position:relative}.editor-date-picker-input{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;cursor:pointer;font-family:inherit}.editor-date-picker-input::-webkit-calendar-picker-indicator{filter:invert(.85)brightness(1.2);cursor:pointer;border-radius:4px;padding:4px;transition:background-color .2s}.editor-date-picker-input::-webkit-calendar-picker-indicator:hover{background:#38bdf833}.editor-publish-fields-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:8px;display:grid}.sidebar-publish-actions{border-top:1px solid #334155;flex-direction:row;align-items:center;gap:12px;margin-top:20px;padding-top:16px;display:flex}.sidebar-publish-actions .btn{min-width:180px;width:auto!important}.sidebar-publish-btn{transition:all .2s;box-shadow:0 4px 14px #2563eb66;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)!important;padding:12px 24px!important;font-weight:700!important}.sidebar-publish-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #2563eb99}.cover-mode-toggle{background:#0f172a;border:1px solid #334155;border-radius:8px;gap:2px;padding:3px;display:flex}.cover-mode-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:.74rem;font-weight:600;transition:all .2s;display:flex}.cover-mode-btn:hover{color:#f1f5f9}.cover-mode-btn.active{color:#fff;background:#3b82f6}.editor-upload-dropzone{text-align:center;cursor:pointer;background:#0f172a80;border:2px dashed #334155;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:22px 14px;transition:all .2s;display:flex}.editor-upload-dropzone:hover{background:#38bdf80d;border-color:#38bdf8}.dropzone-main-text{color:#f1f5f9;margin-bottom:3px;font-size:.85rem;font-weight:600}.dropzone-sub-text{color:#64748b;font-size:.73rem}.editor-cover-preview-card{background:#0f172a;border:1px solid #334155;border-radius:10px;margin-top:14px;overflow:hidden}.cover-preview-img-wrap{aspect-ratio:16/9;cursor:pointer;background:#0b0f19;width:100%;position:relative;overflow:hidden}.cover-preview-img{object-fit:cover;width:100%;height:100%;transition:transform .25s}.cover-preview-img-wrap:hover .cover-preview-img{transform:scale(1.04)}.cover-preview-overlay{color:#fff;opacity:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172aa6;justify-content:center;align-items:center;gap:8px;font-size:.82rem;font-weight:600;transition:opacity .2s;display:flex;position:absolute;inset:0}.cover-preview-img-wrap:hover .cover-preview-overlay{opacity:1}.cover-preview-footer-bar{background:#0f172a;border-top:1px solid #1e293b;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.cover-preview-info-tag{color:#94a3b8;font-size:.72rem;font-weight:600}.cover-remove-btn{color:#f43f5e;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:.74rem;font-weight:600;transition:all .2s;display:flex}.cover-remove-btn:hover{background:#f43f5e1f}.editor-no-cover-box{color:#64748b;background:#0f172a66;border:1px dashed #334155;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-top:10px;padding:18px;font-size:.8rem;display:flex}.editor-field-hint{color:#64748b;margin-top:6px;font-size:.74rem;display:block}.google-serp-preview-box{background:#0b0f19;border:1px solid #334155;border-radius:10px;margin-top:14px;padding:14px}.serp-top-row{margin-bottom:4px}.serp-domain{color:#94a3b8;word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.74rem}.serp-title{color:#8ab4f8;cursor:pointer;margin:0 0 4px;font-size:.95rem;font-weight:600;line-height:1.35}.serp-title:hover{text-decoration:underline}.serp-desc{color:#bdc1c6;word-break:break-word;margin:0;font-size:.8rem;line-height:1.45}.editor-mobile-bottom-bar{display:none}@media (max-width:1024px){.editor-layout-grid{gap:20px}}@media (max-width:640px){.editor-page-container{padding-bottom:76px}.sidebar-publish-actions{flex-direction:column}.sidebar-publish-actions .btn{min-width:auto;width:100%!important}.editor-top-bar{padding:12px 14px}.editor-top-bar-right{display:none!important}.editor-breadcrumb-divider{display:none}.editor-card,.editor-sidebar-card{border-radius:14px;padding:16px 14px}.editor-title-input{padding:10px 12px!important;font-size:1.05rem!important}.editor-slug-prefix{display:none}.editor-mobile-bottom-bar{z-index:1000;-webkit-backdrop-filter:blur(12px);box-sizing:border-box;background:#0f172af2;border-top:1px solid #334155;gap:12px;padding:12px 16px;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #00000080;display:flex!important}.editor-mobile-cancel{flex:1;justify-content:center;padding:10px 14px;font-size:.85rem}.editor-mobile-submit{flex:2;justify-content:center;padding:10px 16px;font-size:.88rem;font-weight:700;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)!important}}.categories-page-container{box-sizing:border-box;flex-direction:column;gap:20px;width:100%;display:flex}.categories-top-bar{background:#1e293b;border:1px solid #334155;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex;box-shadow:0 4px 18px -2px #00000040}.categories-top-bar-left{align-items:center;gap:14px;display:flex}.categories-header-icon-wrap{background:#38bdf81f;border:1px solid #38bdf840;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.categories-header-title{color:#fff;margin:0;font-size:1.22rem;font-weight:800}.categories-header-subtitle{color:#94a3b8;margin:4px 0 0;font-size:.82rem}.categories-add-btn{align-items:center;gap:8px;padding:9px 18px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #0284c759;background:linear-gradient(135deg,#38bdf8 0%,#0284c7 100%)!important}.categories-add-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #0284c780}.categories-metrics-strip{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cat-metric-pill{color:#94a3b8;cursor:pointer;background:#1e293b;border:1px solid #334155;border-radius:10px;align-items:center;gap:8px;padding:8px 14px;font-size:.82rem;font-weight:600;transition:all .2s;display:inline-flex}.cat-metric-pill:hover{color:#f1f5f9;background:#243248;border-color:#475569}.cat-metric-pill.active{color:#38bdf8;background:#38bdf81f;border-color:#38bdf866}.cat-metric-badge{border-radius:12px;padding:2px 7px;font-size:.72rem;font-weight:700}.cat-metric-badge.all{color:#f8fafc;background:#334155}.cat-metric-badge.visible{color:#34d399;background:#10b98133}.cat-metric-badge.hidden{color:#f87171;background:#ef444433}.cat-metric-stat-box{background:#1e293b;border:1px solid #334155;border-radius:10px;align-items:center;gap:8px;margin-left:auto;padding:8px 16px;font-size:.82rem;display:inline-flex}.cat-metric-stat-label{color:#94a3b8}.cat-metric-stat-val{color:#38bdf8;font-family:ui-monospace,SFMono-Regular,monospace;font-weight:700}.categories-search-bar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.cat-search-input-wrap{background:#1e293b;border:1px solid #334155;border-radius:10px;flex:1;align-items:center;gap:10px;min-width:260px;padding:8px 14px;transition:border-color .2s;display:flex}.cat-search-input-wrap:focus-within{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf826}.cat-search-input{color:#f1f5f9;background:0 0;border:none;outline:none;width:100%;font-size:.86rem}.cat-search-input::placeholder{color:#64748b}.cat-search-clear-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:2px;display:flex}.cat-search-clear-btn:hover{color:#f1f5f9}.cat-reset-filters-btn{color:#94a3b8;cursor:pointer;background:#0f172ab3;border:1px solid #334155;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}.cat-reset-filters-btn:hover{color:#f1f5f9;background:#0f172a;border-color:#475569}.categories-empty-card,.menu-empty-card{text-align:center;background:#1e293b;border:1px dashed #334155;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.categories-empty-icon,.menu-empty-icon{background:#0f172acc;border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:16px;display:flex}.categories-empty-title,.menu-empty-title{color:#f8fafc;margin:0 0 6px;font-size:1.1rem;font-weight:700}.categories-empty-desc,.menu-empty-desc{color:#94a3b8;max-width:440px;margin:0 0 20px;font-size:.85rem}.categories-desktop-table-wrap,.menu-desktop-table-wrap{background:#1e293b;border:1px solid #334155;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px -2px #0000004d}.categories-table,.menu-table{border-collapse:separate;border-spacing:0;width:100%}.categories-table th,.menu-table th{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;text-align:left;background:#162032;border-bottom:1px solid #334155;padding:14px 20px;font-size:.76rem;font-weight:700}.categories-table-row,.menu-table-row{transition:background-color .15s}.categories-table-row:hover,.menu-table-row:hover{background-color:#1e293bb3}.categories-table td,.menu-table td{vertical-align:middle;border-bottom:1px solid #33415599;padding:16px 20px}.categories-table tr:last-child td,.menu-table tr:last-child td{border-bottom:none}.cat-name-cell{align-items:center;gap:12px;display:flex}.cat-avatar-icon{background:#0f172ab3;border:1px solid #334155;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.cat-name-text{color:#fff;font-size:.95rem;font-weight:700}.cat-slug-sub{color:#64748b;margin-top:2px;font-size:.75rem}.cat-slug-sub code{color:#94a3b8;background:#0f172a99;border-radius:4px;padding:1px 5px}.cat-articles-pill{border-radius:8px;align-items:center;gap:6px;padding:4px 10px;font-size:.8rem;font-weight:600;display:inline-flex}.cat-articles-pill.has-articles{color:#38bdf8;background:#38bdf81a;border:1px solid #38bdf840}.cat-articles-pill.empty-articles{color:#64748b;background:#94a3b814;border:1px solid #94a3b826}.cat-actions-row,.menu-actions-row{justify-content:flex-end;align-items:center;gap:8px;display:flex}.cat-btn-show,.menu-btn-show{color:#34d399!important;background:#10b9811f!important}.cat-btn-show:hover,.menu-btn-show:hover{background:#10b98138!important}.cat-btn-hide,.menu-btn-hide{color:#f87171!important;background:#ef44441a!important}.cat-btn-hide:hover,.menu-btn-hide:hover{background:#ef444433!important}.categories-mobile-cards-wrap,.menu-mobile-cards-wrap{display:none}.cat-mobile-card,.menu-mobile-card{background:#1e293b;border:1px solid #334155;border-radius:14px;flex-direction:column;gap:12px;padding:16px;display:flex;box-shadow:0 4px 16px -2px #00000040}.cat-mobile-card-header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.cat-mobile-title-block{align-items:center;gap:10px;display:flex}.cat-mobile-title{color:#fff;margin:0;font-size:.98rem;font-weight:700}.cat-mobile-slug{color:#64748b;font-size:.72rem;display:block}.cat-mobile-card-meta{align-items:center;gap:10px;display:flex}.cat-mobile-card-actions{border-top:1px solid #334155;align-items:center;gap:8px;padding-top:12px;display:flex}.cat-mobile-action-btn,.menu-mobile-action-btn{cursor:pointer;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-size:.78rem;font-weight:600;transition:all .2s;display:inline-flex}.cat-mobile-action-btn.show,.menu-mobile-action-btn.show{color:#34d399;background:#10b9811f}.cat-mobile-action-btn.hide,.menu-mobile-action-btn.hide{color:#f87171;background:#ef44441a}.cat-mobile-action-btn.edit,.menu-mobile-action-btn.edit{color:#60a5fa;background:#3b82f61f}.cat-mobile-action-btn.delete,.menu-mobile-action-btn.delete{color:#fb7185;background:#f43f5e1a}.menu-page-container{box-sizing:border-box;flex-direction:column;gap:20px;width:100%;display:flex}.menu-top-bar{background:#1e293b;border:1px solid #334155;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex;box-shadow:0 4px 18px -2px #00000040}.menu-top-bar-left{align-items:center;gap:14px;display:flex}.menu-header-icon-wrap{background:#3b82f61f;border:1px solid #3b82f640;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.menu-header-title{color:#fff;margin:0;font-size:1.22rem;font-weight:800}.menu-header-subtitle{color:#94a3b8;margin:4px 0 0;font-size:.82rem}.menu-add-btn{align-items:center;gap:8px;padding:9px 18px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #2563eb59;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)!important}.menu-add-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #2563eb80}.menu-live-preview-card{background:#0f172a;border:1px solid #334155;border-radius:16px;padding:16px 20px;box-shadow:0 4px 20px -2px #0000004d}.live-preview-top-strip{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.live-preview-indicator{align-items:center;gap:8px;display:flex}.live-dot-pulse{background-color:#10b981;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse-dot;box-shadow:0 0 0 3px #10b98140}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.live-preview-title{color:#f1f5f9;text-transform:uppercase;letter-spacing:.04em;font-size:.82rem;font-weight:700}.live-preview-hint{color:#64748b;font-size:.75rem}.live-mock-navbar{background:#1e293b;border:1px solid #334155;border-radius:12px;align-items:center;gap:18px;padding:12px 18px;display:flex;overflow:hidden}.mock-navbar-brand{border-right:1px solid #334155;flex-shrink:0;align-items:center;gap:8px;padding-right:14px;display:flex}.mock-brand-dot{background:#38bdf8;border-radius:3px;width:10px;height:10px}.mock-brand-text{color:#fff;white-space:nowrap;font-size:.85rem;font-weight:800}.mock-navbar-links-scroll{white-space:nowrap;flex:1;align-items:center;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.mock-navbar-links-scroll::-webkit-scrollbar{height:4px}.mock-navbar-links-scroll::-webkit-scrollbar-thumb{background:#334155;border-radius:2px}.mock-no-links-text{color:#64748b;font-size:.8rem;font-style:italic}.mock-nav-pill{-webkit-user-select:none;user-select:none;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:5px 12px;font-size:.78rem;font-weight:600;display:inline-flex}.mock-nav-pill.is-visible{color:#93c5fd;background:#3b82f61f;border:1px solid #3b82f64d}.mock-nav-pill.is-hidden{color:#64748b;background:#0f172a80;border:1px dashed #475569}.mock-nav-order{color:#60a5fa;font-family:ui-monospace,monospace;font-size:.68rem}.mock-nav-title{font-weight:600}.mock-nav-hidden-tag{color:#f87171;font-size:.68rem;font-style:italic}.menu-metrics-strip{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.menu-metric-stat-box{background:#1e293b;border:1px solid #334155;border-radius:10px;align-items:center;gap:8px;padding:8px 14px;font-size:.82rem;display:inline-flex}.menu-metric-stat-label{color:#94a3b8}.menu-metric-stat-val{font-family:ui-monospace,SFMono-Regular,monospace;font-weight:700}.menu-metric-stat-val.all{color:#f1f5f9}.menu-metric-stat-val.visible{color:#34d399}.menu-metric-stat-val.hidden{color:#f87171}.menu-search-wrap{background:#1e293b;border:1px solid #334155;border-radius:10px;align-items:center;gap:8px;min-width:240px;margin-left:auto;padding:7px 12px;display:flex}.menu-search-wrap:focus-within{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa26}.menu-search-input{color:#f1f5f9;background:0 0;border:none;outline:none;width:100%;font-size:.82rem}.menu-search-input::placeholder{color:#64748b}.menu-search-clear-btn{color:#64748b;cursor:pointer;background:0 0;border:none;align-items:center;padding:2px;display:flex}.menu-search-clear-btn:hover{color:#f1f5f9}.menu-order-badge{color:#60a5fa;background:#0f172a;border:1px solid #334155;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:.78rem;font-weight:700;display:inline-flex}.menu-title-cell{align-items:center;gap:8px;display:flex}.menu-title-text{color:#fff;font-size:.92rem;font-weight:700}.menu-url-cell{align-items:center;gap:6px;display:flex}.menu-url-code{color:#94a3b8;word-break:break-all;background:#0f172ab3;border:1px solid #33415580;border-radius:6px;padding:3px 8px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:.82rem}.menu-external-tag{color:#38bdf8}.btn-move{color:#60a5fa!important;background:#3b82f61a!important}.btn-move:hover:not(:disabled){background:#3b82f638!important}.menu-mobile-card-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.menu-mobile-title-block{align-items:center;gap:8px;display:flex}.menu-mobile-title{color:#fff;margin:0;font-size:.96rem;font-weight:700}.menu-mobile-url-box{background:#0f172ab3;border:1px solid #334155;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;display:flex}.menu-mobile-url-text{color:#94a3b8;word-break:break-all;font-family:ui-monospace,SFMono-Regular,monospace;font-size:.78rem}.menu-mobile-card-actions{border-top:1px solid #334155;flex-direction:column;gap:8px;padding-top:10px;display:flex}.menu-mobile-reorder-group{align-items:center;gap:8px;display:flex}.menu-mobile-reorder-btn{color:#60a5fa;cursor:pointer;background:#3b82f61a;border:1px solid #3b82f640;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:4px;padding:7px 10px;font-size:.75rem;font-weight:600;transition:all .2s;display:inline-flex}.menu-mobile-reorder-btn:disabled{opacity:.35;cursor:not-allowed}.menu-mobile-main-actions-group{align-items:center;gap:8px;display:flex}@media (max-width:768px){.cat-metric-stat-box{justify-content:space-between;width:100%;margin-left:0}.menu-search-wrap{width:100%;margin-left:0}.live-mock-navbar{flex-direction:column;align-items:stretch;gap:10px}.mock-navbar-brand{border-bottom:1px solid #334155;border-right:none;padding-bottom:8px;padding-right:0}}@media (max-width:640px){.categories-desktop-table-wrap,.menu-desktop-table-wrap{display:none!important}.categories-mobile-cards-wrap,.menu-mobile-cards-wrap{flex-direction:column;gap:12px;display:flex!important}.categories-top-bar,.menu-top-bar{flex-direction:column;align-items:stretch;padding:16px 14px}.categories-add-btn,.menu-add-btn{justify-content:center;width:100%}.categories-metrics-strip,.menu-metrics-strip{gap:8px}.cat-metric-pill{flex:1;justify-content:center;padding:7px 10px;font-size:.78rem}.categories-search-bar{flex-direction:column;align-items:stretch}.cat-search-input-wrap{min-width:100%}.cat-reset-filters-btn{justify-content:center;width:100%}}.settings-page-container{box-sizing:border-box;flex-direction:column;gap:20px;width:100%;display:flex}.settings-top-bar{background:#1e293b;border:1px solid #334155;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex;box-shadow:0 4px 18px -2px #00000040}.settings-top-bar-left{align-items:center;gap:14px;display:flex}.settings-header-icon-wrap{background:#38bdf81f;border:1px solid #38bdf840;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.settings-header-title{color:#fff;margin:0;font-size:1.22rem;font-weight:800}.settings-header-subtitle{color:#94a3b8;margin:4px 0 0;font-size:.82rem}.settings-top-bar-right{align-items:center;gap:10px;display:flex}.settings-refresh-btn{align-items:center;gap:6px;padding:8px 14px;font-size:.82rem;font-weight:600;display:inline-flex}.settings-top-save-btn{align-items:center;gap:8px;padding:9px 20px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #2563eb66;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)!important}.settings-top-save-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #2563eb99}.settings-nav-tabs-container{width:100%;overflow:hidden}.settings-nav-tabs-scroll{white-space:nowrap;align-items:center;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.settings-nav-tabs-scroll::-webkit-scrollbar{height:4px}.settings-nav-tabs-scroll::-webkit-scrollbar-thumb{background:#334155;border-radius:2px}.settings-nav-tab-btn{color:#94a3b8;cursor:pointer;white-space:nowrap;background:#1e293b;border:1px solid #334155;border-radius:10px;align-items:center;gap:7px;padding:8px 16px;font-size:.82rem;font-weight:600;transition:all .2s;display:inline-flex}.settings-nav-tab-btn:hover{color:#f1f5f9;background:#243248;border-color:#475569}.settings-nav-tab-btn.active{color:#38bdf8;background:#38bdf81f;border-color:#38bdf866;font-weight:700}.settings-sections-wrapper{flex-direction:column;gap:22px;display:flex}.settings-card{box-sizing:border-box;background:#1e293b;border:1px solid #334155;border-radius:16px;padding:24px;box-shadow:0 4px 20px -2px #0000004d}.settings-card-header{border-bottom:1px solid #334155;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;padding-bottom:16px;display:flex}.settings-card-icon-title{align-items:center;gap:12px;display:flex}.settings-section-badge{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.settings-section-badge.general{color:#38bdf8;background:#38bdf81f;border:1px solid #38bdf840}.settings-section-badge.seo{color:#34d399;background:#10b9811f;border:1px solid #10b98140}.settings-section-badge.ads{color:#fbbf24;background:#f59e0b1f;border:1px solid #f59e0b40}.settings-section-badge.integrations{color:#c084fc;background:#a855f71f;border:1px solid #a855f740}.settings-section-badge.robots{color:#cbd5e1;background:#94a3b81f;border:1px solid #94a3b840}.settings-section-title{color:#fff;margin:0;font-size:1.05rem;font-weight:700}.settings-section-desc{color:#94a3b8;margin:3px 0 0;font-size:.8rem}.settings-grid-2col{grid-template-columns:1fr 1fr;gap:20px;display:grid}.settings-field-label-row{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.settings-label{color:#f1f5f9;margin:0;font-size:.85rem;font-weight:700}.settings-char-hint{color:#94a3b8;font-size:.74rem;font-weight:500}.settings-input{transition:all .2s;color:#f1f5f9!important;background-color:#0f172a!important;border:1px solid #334155!important;border-radius:10px!important;padding:10px 14px!important;font-size:.88rem!important}.settings-input:focus{border-color:#38bdf8!important;box-shadow:0 0 0 3px #38bdf826!important}.settings-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;font-weight:600;color:#f1f5f9!important;background-color:#0f172a!important;border:1px solid #334155!important;border-radius:10px!important;padding-right:40px!important}.settings-textarea{resize:vertical;color:#f1f5f9!important;background-color:#0f172a!important;border:1px solid #334155!important;border-radius:10px!important;font-size:.88rem!important;line-height:1.6!important}.settings-textarea:focus{border-color:#38bdf8!important;box-shadow:0 0 0 3px #38bdf826!important}.settings-code-textarea{color:#38bdf8!important;background:#0b0f19!important;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace!important;font-size:.82rem!important}.settings-code-input{color:#38bdf8!important;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace!important;font-size:.84rem!important}.settings-code-label-strip{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.settings-code-tag{color:#fbbf24;background:#f59e0b1a;border:1px solid #f59e0b40;border-radius:4px;padding:2px 7px;font-family:ui-monospace,monospace;font-size:.72rem}.settings-helper-text{color:#64748b;margin-top:5px;font-size:.74rem;display:block}.settings-helper-text code{color:#94a3b8;background:#0000004d;border-radius:4px;padding:2px 5px}.settings-live-brand-preview{background:#0f172a;border:1px solid #334155;border-radius:12px;margin-top:18px;padding:14px 18px}.live-brand-preview-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;margin-bottom:12px;display:flex}.live-brand-preview-title{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;font-weight:700}.live-brand-preview-sub{color:#64748b;font-size:.74rem}.mock-browser-tab-bar{align-items:center;margin-bottom:8px;display:flex}.mock-browser-tab{background:#1e293b;border:1px solid #334155;border-bottom:none;border-radius:8px 8px 0 0;align-items:center;gap:8px;max-width:340px;padding:6px 14px;display:flex;overflow:hidden}.mock-favicon-img{object-fit:contain;border-radius:3px;width:14px;height:14px}.mock-favicon-placeholder{justify-content:center;align-items:center;width:14px;height:14px;display:flex}.mock-tab-title{color:#f1f5f9;white-space:nowrap;text-overflow:ellipsis;font-size:.76rem;font-weight:600;overflow:hidden}.mock-tab-close{color:#64748b;-webkit-user-select:none;user-select:none;margin-left:auto;font-size:.9rem;line-height:1}.mock-browser-address-bar{background:#0b0f19;border:1px solid #334155;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-family:ui-monospace,monospace;font-size:.78rem;display:flex}.mock-ssl-lock{color:#34d399;font-weight:600}.mock-domain-text{color:#cbd5e1}.settings-serp-preview-box{background:#0b0f19;border:1px solid #334155;border-radius:10px;margin-top:14px;padding:14px}.ad-status-live-pill{border-radius:20px;align-items:center;gap:7px;padding:5px 12px;font-size:.75rem;font-weight:700;display:inline-flex}.ad-status-live-pill.active{color:#34d399;background:#10b9811f;border:1px solid #10b9814d}.ad-status-live-pill.disabled{color:#f87171;background:#ef44441f;border:1px solid #ef44444d}.ad-status-dot{background-color:currentColor;border-radius:50%;width:7px;height:7px}.robots-preset-buttons{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.robots-preset-btn{color:#38bdf8;cursor:pointer;background:#0f172acc;border:1px solid #334155;border-radius:6px;align-items:center;gap:5px;padding:5px 10px;font-size:.74rem;font-weight:600;transition:all .2s;display:inline-flex}.robots-preset-btn:hover{color:#7dd3fc;background:#0f172a;border-color:#38bdf8}.settings-bottom-actions-bar{background:#1e293b;border:1px solid #334155;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:10px;padding:16px 24px;display:flex;box-shadow:0 4px 18px -2px #00000040}.settings-bottom-info{color:#94a3b8;align-items:center;gap:8px;font-size:.82rem;display:flex}.settings-bottom-btns{align-items:center;gap:10px;display:flex}.settings-primary-submit-btn{align-items:center;gap:8px;padding:10px 24px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #2563eb66;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)!important}.settings-primary-submit-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #2563eb99}.settings-mobile-bottom-bar{display:none}@media (max-width:768px){.settings-grid-2col{grid-template-columns:1fr;gap:16px}.settings-bottom-actions-bar{flex-direction:column;align-items:stretch}.settings-bottom-btns{justify-content:space-between;width:100%}.settings-bottom-btns .btn{flex:1;justify-content:center}}@media (max-width:640px){.settings-page-container{padding-bottom:76px}.settings-top-bar{flex-direction:column;align-items:stretch;padding:16px 14px}.settings-top-bar-right{display:none!important}.settings-card{border-radius:14px;padding:16px 14px}.settings-bottom-actions-bar{display:none!important}.settings-mobile-bottom-bar{z-index:1000;-webkit-backdrop-filter:blur(12px);box-sizing:border-box;background:#0f172af2;border-top:1px solid #334155;gap:12px;padding:12px 16px;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #00000080;display:flex!important}.settings-mobile-btn-discard{flex:1;justify-content:center;padding:10px 14px;font-size:.85rem}.settings-mobile-btn-save{flex:2;justify-content:center;padding:10px 16px;font-size:.88rem;font-weight:700;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)!important}}.articles-pagination-toolbar{border-top:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:24px;padding-top:20px;display:flex}.pagination-summary-wrap{color:#94a3b8;flex-wrap:wrap;align-items:center;gap:16px;font-size:.88rem;display:flex}.pagination-highlight{color:#fff;font-weight:700}.pagination-per-page-wrap{align-items:center;gap:8px;display:flex}.pagination-per-page-label{color:#94a3b8;font-size:.82rem;font-weight:500}.pagination-per-page-select{color:#e2e8f0;cursor:pointer;background-color:#0f172a;border:1px solid #334155;border-radius:8px;outline:none;padding:6px 10px;font-size:.82rem;font-weight:600;transition:all .2s}.pagination-per-page-select:hover,.pagination-per-page-select:focus{border-color:#38bdf8;box-shadow:0 0 0 2px #38bdf833}.pagination-nav-wrap{align-items:center;gap:6px;display:flex}.pagination-arrow-btn{color:#cbd5e1;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#0f172a;border:1px solid #334155;border-radius:8px;align-items:center;gap:6px;padding:7px 12px;font-size:.84rem;font-weight:600;transition:all .2s;display:inline-flex}.pagination-arrow-btn:hover:not(:disabled){color:#38bdf8;background-color:#38bdf814;border-color:#38bdf8}.pagination-arrow-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-numbers-list{align-items:center;gap:4px;display:flex}.pagination-page-btn{color:#94a3b8;cursor:pointer;background-color:#0f172a;border:1px solid #334155;border-radius:8px;justify-content:center;align-items:center;min-width:36px;height:36px;padding:0 8px;font-size:.84rem;font-weight:600;transition:all .2s;display:inline-flex}.pagination-page-btn:hover:not(.active){color:#e2e8f0;background-color:#38bdf814;border-color:#38bdf8}.pagination-page-btn.active{color:#fff;background:linear-gradient(135deg,#0284c7 0%,#38bdf8 100%);border-color:#0000;font-weight:700;box-shadow:0 0 12px #38bdf859}.pagination-dots{color:#64748b;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:28px;height:36px;font-size:.9rem;font-weight:700;display:inline-flex}@media (max-width:640px){.articles-pagination-toolbar{flex-direction:column;align-items:stretch;gap:14px;padding-top:16px}.pagination-summary-wrap{justify-content:space-between;width:100%}.pagination-nav-wrap{justify-content:center;width:100%;padding-bottom:4px;overflow-x:auto}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}