@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg: #ffffff;--bg-soft: #F7F7F7;--bg-pill: #F2F2F2;--text: #242424;--text-muted: #6B6B6B;--border: #F2F2F2;--border-strong: #E5E5E5;--accent: #1A8917;--accent-soft: #E8F5E9;--danger: #D9483F;--card-bg: #ffffff;--shadow: 0 2px 10px rgba(0, 0, 0, .06);--shadow-sm: 0 1px 2px rgba(15, 23, 42, .05);--shadow-md: 0 8px 24px rgba(15, 23, 42, .08);--shadow-lg: 0 20px 48px rgba(15, 23, 42, .12);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--motion-fast: .16s;--motion-normal: .24s;--motion-ease: cubic-bezier(.22, 1, .36, 1);--focus-ring: 0 0 0 3px rgba(26, 137, 23, .18);--icon-nav: #7C5CE0;--icon-edit: #0984E3;--icon-delete: #D9483F;--icon-like: #E0245E;--icon-comment: #6C5CE7;--icon-bookmark: #00B894;--icon-star: #FFC017;--icon-info: #0984E3;--icon-warning: #E17055}[data-theme=dark]{--bg: #121212;--bg-soft: #1E1E1E;--bg-pill: #242424;--text: #E8E6E3;--text-muted: #9B9B9B;--border: #2E2E2E;--border-strong: #3A3A3A;--accent: #4CBB4E;--accent-soft: #1B2E1C;--danger: #E5645A;--card-bg: #1A1A1A;--shadow: 0 2px 10px rgba(0, 0, 0, .4);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .28);--shadow-md: 0 10px 28px rgba(0, 0, 0, .34);--shadow-lg: 0 24px 56px rgba(0, 0, 0, .44);--focus-ring: 0 0 0 3px rgba(76, 187, 78, .22);--icon-nav: #A29BFE;--icon-edit: #74B9FF;--icon-delete: #E5645A;--icon-bookmark: #00CEC9}*{margin:0;padding:0;box-sizing:border-box}html,body{overflow-x:hidden;max-width:100%}body{font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;color:var(--text);background:var(--bg);transition:background .3s ease,color .3s ease}a{color:inherit;text-decoration:none}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 32px;background:rgba(var(--bg-rgb, 255, 255, 255),.85);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}[data-theme=dark] .topbar{background:#121212d9}.topbar-left{display:flex;align-items:center;gap:24px}.hamburger{font-size:22px;cursor:pointer;color:var(--text);-webkit-user-select:none;user-select:none}.logo{font-family:inherit;font-size:26px;font-weight:700;letter-spacing:-1px;color:var(--text)}.search-box{display:flex;align-items:center;gap:8px;background:var(--bg-pill);border-radius:20px;padding:8px 16px;width:260px;color:var(--text-muted);font-size:14px}.topbar-right{display:flex;align-items:center;gap:18px}.btn-getapp{background:var(--text);color:var(--bg);border:none;padding:8px 16px;border-radius:20px;font-size:14px;display:flex;align-items:center;gap:6px;cursor:pointer}.icon-btn{font-size:18px;color:var(--text);cursor:pointer;background:none;border:none}.write-link{display:flex;align-items:center;gap:6px;font-size:15px;cursor:pointer}.avatar{width:32px;height:32px;border-radius:50%;background:#8b5e3c;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;cursor:pointer}.theme-toggle{display:flex;align-items:center;gap:4px;width:46px;height:26px;background:var(--bg-pill);border-radius:14px;border:1px solid var(--border-strong);cursor:pointer;position:relative;flex-shrink:0}.theme-toggle .knob{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:var(--text);color:var(--bg);display:flex;align-items:center;justify-content:center;font-size:11px;transition:left .2s ease}[data-theme=dark] .theme-toggle .knob{left:22px}.lang-dropdown{position:relative}.lang-btn{display:flex;align-items:center;gap:4px;font-size:14px;color:var(--text);cursor:pointer;background:none;border:none;padding:4px}.lang-menu{display:none;position:absolute;top:34px;right:0;background:var(--card-bg);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow);min-width:140px;overflow:hidden;z-index:50}.lang-menu.open{display:block}.lang-menu a{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;font-size:14px;color:var(--text)}.lang-menu a:hover{background:var(--bg-soft)}.lang-menu a.active{color:var(--accent);font-weight:600}.layout{display:grid;grid-template-columns:220px 1fr 300px;width:100%;margin:0;gap:0;transition:grid-template-columns .2s ease;align-items:start}.layout.sidebar-collapsed{grid-template-columns:0px 1fr 300px}.layout.no-rail{grid-template-columns:220px 1fr}.layout.no-rail.sidebar-collapsed{grid-template-columns:0px 1fr}.sidebar{padding:24px 16px;border-right:1px solid var(--border);position:sticky;top:60px;height:calc(100vh - 60px);overflow-y:auto;white-space:nowrap;transition:padding .2s ease}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.layout.sidebar-collapsed .sidebar{padding:24px 0;border-right:none;overflow:hidden}.sidebar a{display:flex;align-items:center;gap:14px;padding:10px 12px;border-radius:6px;font-size:15px;color:var(--text-muted);margin-bottom:2px}.sidebar a.active{color:var(--text);font-weight:600;background:var(--bg-soft)}.sidebar a:hover{background:var(--bg-soft);color:var(--text)}.sidebar .icon{font-size:18px;width:20px;text-align:center}.sidebar .icon iconify-icon{font-size:19px;color:var(--icon-nav);transition:color .15s}.sidebar a.active .icon iconify-icon,.sidebar a:hover .icon iconify-icon{color:var(--icon-nav);opacity:1}.sidebar hr{border:none;border-top:1px solid var(--border);margin:16px 0;display:block;width:100%;flex-shrink:0}.sidebar .follow-box{font-size:13px;color:var(--text-muted);padding:10px 12px}.sidebar .follow-box .see-suggestions{color:var(--accent);font-weight:500;display:inline-block;margin-top:4px}.sidebar .section-label{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);padding:8px 12px 4px}.right-rail{padding:24px 16px;border-left:1px solid var(--border);position:sticky;top:60px;height:calc(100vh - 60px);overflow-y:auto}.right-rail::-webkit-scrollbar{width:4px}.right-rail::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.right-rail h3{font-size:16px;margin-bottom:16px}.pick{margin-bottom:20px}.pick .pick-source{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted);margin-bottom:4px}.pick .badge{width:16px;height:16px;border-radius:3px;display:inline-block}.pick .pick-author{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted);margin-bottom:4px}.pick .author-avatar{width:18px;height:18px;border-radius:50%;background:#ccc}.pick h4{font-size:15px;font-weight:700;margin-bottom:4px;cursor:pointer}.pick .pick-date{font-size:12px;color:var(--text-muted)}.see-full-list{font-size:14px;color:var(--text-muted);margin:16px 0}.recommended-topics h3{margin-top:8px}.topic-pill{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border-strong);border-radius:16px;padding:6px 14px;font-size:14px;margin-top:12px;cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:20px;padding:10px 20px;font-size:14px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--text);color:var(--bg)}.btn-primary:hover{box-shadow:0 4px 12px #00000026}.btn-outline{background:none;border-color:var(--text);color:var(--text)}.btn-outline:hover{background:var(--bg-soft)}.btn-danger{background:none;border-color:var(--danger);color:var(--danger)}.btn-sm{padding:6px 14px;font-size:13px}.btn:disabled{opacity:.5;cursor:not-allowed}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:600;margin-bottom:6px;color:var(--text)}.form-group .hint{font-size:12px;color:var(--text-muted);margin-top:4px}.form-control{width:100%;border:1px solid var(--border-strong);border-radius:6px;padding:10px 14px;font-size:15px;background:var(--card-bg);color:var(--text);font-family:inherit}.form-control:focus{outline:none;border-color:var(--text)}textarea.form-control{resize:vertical;min-height:160px;line-height:1.6}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow)}table.data-table{width:100%;border-collapse:collapse;font-size:14px}table.data-table th{text-align:left;padding:12px 16px;color:var(--text-muted);font-weight:600;border-bottom:1px solid var(--border)}table.data-table td{padding:12px 16px;border-bottom:1px solid var(--border)}table.data-table tr:hover td{background:var(--bg-soft)}.badge{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;padding:3px 10px;border-radius:12px}.badge-green{background:var(--accent-soft);color:var(--accent)}.badge-gray{background:var(--bg-pill);color:var(--text-muted)}.badge-red{background:#fcebea;color:var(--danger)}[data-theme=dark] .badge-red{background:#3a1e1c}.checkbox-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border-strong);border-radius:18px;padding:8px 16px;font-size:14px;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-pill input{accent-color:var(--text)}.checkbox-pill.active{border-color:var(--text);background:var(--bg-soft)}iconify-icon{display:inline-flex;vertical-align:middle;color:var(--text)!important}.hamburger iconify-icon,.hamburger{font-size:22px}.icon-btn iconify-icon{font-size:19px}.sidebar .icon iconify-icon{font-size:19px}.write-link iconify-icon{font-size:17px}.btn-getapp iconify-icon{font-size:15px}.lang-btn iconify-icon:first-child{font-size:16px}.lang-btn iconify-icon:last-child{font-size:13px}.theme-toggle .knob iconify-icon{font-size:12px}.action-icons iconify-icon{font-size:16px}.action-icons .edit-btn,.action-icons .edit-icon{color:var(--icon-edit)!important}.action-icons .delete-btn,.action-icons .delete-icon{color:var(--icon-delete);opacity:.7}.action-icons .delete-btn:hover,.action-icons .delete-icon:hover{opacity:1}.input-password-wrap{position:relative}.input-password-wrap .form-control{padding-right:44px}.eye-toggle,.toggle-password{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:18px;display:flex;align-items:center;padding:4px;border-radius:4px;transition:color .15s}.eye-toggle:hover,.toggle-password:hover{color:var(--text)}.toggle-password:focus-visible{outline:none;box-shadow:var(--focus-ring)}.toggle-password iconify-icon{display:block;pointer-events:none}.required-star{color:var(--danger);margin-left:3px;font-weight:700}.meta-item iconify-icon,.article-meta iconify-icon,.post-meta iconify-icon,.toolbar iconify-icon{font-size:16px}.comment-actions iconify-icon{font-size:14px}.sidebar-overlay{display:none;position:fixed;inset:0;background:#0006;z-index:199}.sidebar-overlay.show{display:block}.category-dropdown{position:relative;max-width:320px;margin-bottom:24px}.category-dropdown-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--border-strong);border-radius:8px;padding:10px 14px;font-size:15px;background:var(--card-bg);color:var(--text);cursor:pointer}.category-dropdown-panel{display:none;position:absolute;top:46px;left:0;right:0;background:var(--card-bg);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);z-index:60;max-height:320px;overflow-y:auto}.category-dropdown-panel.open{display:block}.category-search-box{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--card-bg)}.category-search-box input{border:none;outline:none;background:none;color:var(--text);font-size:14px;width:100%}.category-option{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;font-size:14px;cursor:pointer}.category-option:hover{background:var(--bg-soft)}.category-option.active{color:var(--accent);font-weight:600}.category-option .count{color:var(--text-muted);font-size:12px}textarea.comment-textarea{width:100%;border:none;border-bottom:1px solid var(--border-strong);padding:8px 0;font-size:16px;color:var(--text);background:transparent;resize:none;overflow:hidden;font-family:inherit;line-height:1.5;min-height:24px}textarea.comment-textarea:focus{outline:none;border-color:var(--text)}.guest-comment-notice{display:flex;align-items:center;gap:10px;background:var(--bg-soft);border:1px solid var(--border);border-radius:8px;padding:14px 18px;font-size:14px;color:var(--text-muted);margin-bottom:32px}.guest-comment-notice a{color:var(--accent);font-weight:600}img.with-fallback{background:var(--bg-soft)}.like-btn,.bookmark-btn,.comment-btn{display:inline-flex;align-items:center;gap:5px;cursor:pointer;color:var(--text-muted);transition:color .15s ease,transform .15s ease;-webkit-user-select:none;user-select:none}.like-btn:hover,.bookmark-btn:hover,.comment-btn:hover{color:var(--text)}.like-btn iconify-icon,.bookmark-btn iconify-icon,.comment-btn iconify-icon{transition:transform .2s ease}.like-btn:active iconify-icon,.bookmark-btn:active iconify-icon{transform:scale(.8)}.like-btn.liked{color:#e0245e}.like-btn.liked iconify-icon{animation:pop-heart .3s ease}.bookmark-btn.active{color:var(--accent)}.bookmark-btn.active iconify-icon{animation:pop-heart .3s ease}@keyframes pop-heart{0%{transform:scale(1)}40%{transform:scale(1.35)}to{transform:scale(1)}}.confirm-overlay{display:none;position:fixed;inset:0;background:#00000073;z-index:500;align-items:center;justify-content:center;padding:20px;opacity:0;transition:opacity .2s ease}.confirm-overlay.open{display:flex;opacity:1}.confirm-modal{background:var(--card-bg);border-radius:16px;max-width:420px;width:100%;padding:32px 28px 24px;box-shadow:0 20px 60px #0003;text-align:center;transform:translateY(-10px);transition:transform .2s ease}.confirm-overlay.open .confirm-modal{transform:translateY(0)}.confirm-icon{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;margin:0 auto 16px}.confirm-icon.danger{background:#fcebea;color:var(--danger)}.confirm-icon.info{background:var(--accent-soft);color:var(--accent)}[data-theme=dark] .confirm-icon.danger{background:#3a1e1c}.confirm-title{font-size:18px;font-weight:700;margin-bottom:8px}.confirm-message{font-size:14px;color:var(--text-muted);margin-bottom:24px;line-height:1.6}.confirm-actions{display:flex;gap:10px;justify-content:center}.btn-danger-solid{background:var(--danger);color:#fff;border:none}.btn-danger-solid:hover{box-shadow:0 4px 12px #d9483f4d}.global-toast{position:fixed;bottom:28px;right:28px;background:var(--text);color:var(--bg);padding:12px 20px;border-radius:10px;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px;box-shadow:0 8px 24px #00000026;z-index:600;transform:translateY(20px);opacity:0;transition:transform .25s ease,opacity .25s ease;pointer-events:none}.global-toast.show{transform:translateY(0);opacity:1}.global-toast.success{background:var(--accent);color:#fff}.global-toast.error{background:var(--danger);color:#fff}.global-toast.info{background:#5a3fbf;color:#fff}.global-toast iconify-icon{font-size:18px}.modal-overlay{display:none;position:fixed;inset:0;background:#00000073;z-index:400;align-items:center;justify-content:center;padding:20px}.modal-overlay.open{display:flex}.modal-box{background:var(--card-bg);border-radius:14px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0003;animation:modal-in .22s ease}@keyframes modal-in{0%{transform:translateY(-14px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--border)}.modal-header h2{font-size:18px;font-weight:700}.modal-close{font-size:22px;color:var(--text-muted);cursor:pointer;background:none;border:none;display:flex;align-items:center}.modal-close:hover{color:var(--text)}.modal-body{padding:20px 24px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid var(--border)}.search-box-wrap{position:relative;display:flex;align-items:center;gap:8px;background:var(--bg-pill);border-radius:20px;padding:8px 16px;width:260px;color:var(--text-muted);font-size:14px;cursor:text}.search-box-wrap .search-input{background:none;border:none;outline:none;font-size:14px;color:var(--text);width:100%;font-family:inherit}.search-box-wrap .search-input::placeholder{color:var(--text-muted)}.search-results-dropdown{display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--card-bg);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 30px #0000001f;z-index:200;overflow:hidden}.search-results-dropdown.open{display:block}.search-result-item{display:block;padding:10px 14px;border-bottom:1px solid var(--border);text-decoration:none;color:var(--text);transition:background .15s}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:var(--bg-soft)}.search-result-title{font-size:14px;font-weight:600;margin-bottom:2px}.search-result-meta{font-size:12px;color:var(--text-muted)}.search-empty{padding:14px;font-size:14px;color:var(--text-muted);text-align:center}.cat-filter-bar{display:flex;align-items:center;gap:10px;margin-bottom:20px;flex-wrap:wrap}.cat-filter-bar .cat-filter-label{font-size:13px;color:var(--text-muted);white-space:nowrap}.cat-filter-pills{display:flex;flex-wrap:wrap;gap:8px}.cat-pill{border:1px solid var(--border-strong);border-radius:16px;padding:5px 14px;font-size:13px;cursor:pointer;background:none;color:var(--text-muted);transition:all .15s ease}.cat-pill:hover{border-color:var(--text);color:var(--text)}.cat-pill.active{background:var(--text);color:var(--bg);border-color:var(--text)}.col-user{width:200px;min-width:140px}.col-email{min-width:160px}.col-role{width:160px}.col-status{width:110px}.col-date{width:120px}.col-actions{width:130px;text-align:right}.col-flag{width:60px;text-align:center}.col-lang{width:180px}.col-code{width:80px}.col-cat{min-width:180px}.col-count{width:110px}.col-title{min-width:200px}.col-cat-name{width:140px}.col-langs{width:100px}.preview-overlay{position:fixed;inset:0;background:#0006;backdrop-filter:blur(4px);z-index:999;display:none;opacity:0;transition:opacity .3s ease}.preview-overlay.open{display:block;opacity:1}.preview-panel{position:fixed;right:0;top:0;height:100vh;width:min(520px,90vw);background:var(--bg);box-shadow:-8px 0 32px #00000026;z-index:1000;transform:translate(100%);transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;color:var(--text);border-left:1px solid var(--border)}.preview-panel.open{transform:translate(0)}.preview-header{padding:18px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.preview-header h3{font-size:18px;font-weight:600}.preview-close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-muted)}.preview-close-btn:hover{color:var(--text)}.preview-body{flex:1;padding:24px;overflow-y:auto}.preview-footer{padding:18px 24px;border-top:1px solid var(--border);background:var(--bg-soft);display:flex;justify-content:flex-end}.preview-footer .btn{text-decoration:none;padding:10px 20px;border-radius:20px;font-size:14px;font-weight:600}.reveal-on-scroll{opacity:0;transform:translateY(20px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}.reveal-on-scroll.is-visible{opacity:1;transform:translateY(0)}.article-card,.post-item,.bento-card{transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1),border-color .3s ease!important}.article-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #0000000d}[data-theme=dark] .article-card:hover{box-shadow:0 12px 28px #ffffff05}.sidebar a{position:relative;overflow:hidden;transition:background-color .25s ease,color .25s ease}.sidebar a:after{content:"";position:absolute;left:0;bottom:0;width:3px;height:0%;background:var(--text);transition:height .25s ease}.sidebar a.active:after,.sidebar a:hover:after{height:100%}.btn{transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s ease,background-color .2s ease}.btn:hover{transform:scale(1.02);box-shadow:0 4px 12px #00000014}.btn:active{transform:scale(.98)}.post-thumb,.article-thumb{overflow:hidden;transition:transform .3s ease}.post-thumb:hover,.article-thumb:hover{transform:scale(1.03)}.badge{transition:transform .2s ease}.badge:hover{transform:scale(1.06)}.author-avatar-feed{width:22px;height:22px;border-radius:50%;object-fit:cover;background-color:var(--bg-soft);display:inline-block;vertical-align:middle;flex-shrink:0}.drawer-overlay{display:none}.author-hover-card{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:10px;width:260px;background:var(--card-bg);border:1px solid var(--border-strong);border-radius:12px;padding:20px;box-shadow:0 10px 30px #00000026;z-index:1000;display:flex;flex-direction:column;align-items:center;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease,transform .2s ease;pointer-events:none}.author-hover-card.show{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) translateY(5px)}.author-hover-card img{width:64px;height:64px;border-radius:50%;object-fit:cover;margin-bottom:12px}.author-hover-card .hc-name{font-size:18px;font-weight:700;color:var(--text);margin-bottom:8px}.author-hover-card .hc-stats{display:flex;gap:24px;font-size:13px;color:var(--text-muted)}.author-hover-card .hc-stats span{display:flex;flex-direction:column;align-items:center}.author-hover-card .hc-stats strong{color:var(--text);font-size:16px}.mobile-categories-chips{display:none}@media (max-width: 768px){.layout,.layout.sidebar-collapsed,.layout.no-rail,.layout.no-rail.sidebar-collapsed{display:block!important;width:100%;overflow-x:hidden;padding:0}.feed-wrapper,.category-main,.owner-main,.admin-main,.form-main,.profile-main{padding:16px!important}.sidebar{display:block!important;position:fixed!important;top:0!important;left:-280px;width:260px!important;height:100vh!important;background:var(--card-bg)!important;z-index:1001!important;border-right:1px solid var(--border);transition:left .3s ease;padding:24px 16px!important;box-shadow:var(--shadow)}.layout.sidebar-collapsed .sidebar{border-right:none}.sidebar.drawer-open{left:0}.drawer-overlay{display:block;position:fixed;inset:0;background:#00000080;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease}.drawer-overlay.show{opacity:1;visibility:visible}.topbar{padding:12px 16px}.topbar-left{gap:12px}.logo{font-size:21px}.topbar-right{gap:12px}.lang-btn{padding:4px}.theme-toggle{width:40px;height:24px}.theme-toggle .knob{width:18px;height:18px}[data-theme=dark] .theme-toggle .knob{left:18px}.avatar{width:28px;height:28px;font-size:12px}.topbar-right .btn-getapp,.topbar-right .write-link,.topbar-right .lang-dropdown,.search-box,.search-box-wrap{display:none!important}.mobile-search-icon{display:flex!important;font-size:22px;align-items:center;cursor:pointer;color:var(--text)}.article-card,.post-body{flex-direction:column-reverse!important;gap:12px!important}.article-thumb,.post-thumb{width:100%!important;height:200px!important;margin-bottom:16px}.article-title,.post-title,h1.title{font-size:24px!important}.article-meta,.post-meta{flex-wrap:wrap;row-gap:8px}.article-wrapper,.responses-section{padding:16px 12px 50px!important}.hero-image{height:200px!important}.body-text{font-size:17px!important}.toolbar,.byline{flex-wrap:wrap;gap:14px!important}.filter-bar,.filter-row,.owner-header,.admin-header,.form-header,.profile-header,.lang-row{flex-direction:column;align-items:flex-start!important;gap:10px}.filter-bar .form-control,.filter-row .form-control{max-width:100%!important}.auth-wrapper{margin:32px auto!important;padding:0 16px!important}.auth-topbar{padding:12px 16px!important}.form-actions{width:100%;flex-wrap:wrap}.form-actions .btn{flex:1}table.data-table{font-size:13px;min-width:600px}.card:has(table.data-table){overflow-x:auto}.preview-modal{padding:20px;max-height:90vh}.modal,.app-modal{padding:18px}.mobile-categories-chips{display:flex;overflow-x:auto;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--bg)}.mobile-categories-chips::-webkit-scrollbar{display:none}.mobile-cat-chip{padding:6px 14px;border:1px solid var(--border-strong);border-radius:20px;font-size:13px;white-space:nowrap;background:var(--card-bg);color:var(--text)}.mobile-cat-chip.active{background:var(--text);color:var(--bg);border-color:var(--text)}.category-dropdown{max-width:100%}.stats-row,.stats-grid{grid-template-columns:1fr!important;gap:10px!important}.profile-tabs{gap:14px!important;overflow-x:auto}}body.modal-open{overflow:hidden}.pagination-wrap{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:24px 0 36px;color:var(--text-muted)}.pagination-summary{margin:0;font-size:13px}.pagination-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px}.pagination-nav,.pagination-pages{display:flex;align-items:center;gap:6px}.pagination-nav button{display:inline-flex;min-width:38px;height:38px;align-items:center;justify-content:center;gap:5px;padding:0 11px;border:1px solid var(--border);border-radius:10px;background:var(--card-bg);color:var(--text);font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background var(--motion-fast) ease,border-color var(--motion-fast) ease,transform var(--motion-fast) ease}.pagination-nav button:hover:not(:disabled){border-color:var(--border-strong);background:var(--bg-soft);transform:translateY(-1px)}.pagination-nav button:disabled{opacity:.4;cursor:not-allowed}.pagination-nav .pagination-page.active{border-color:var(--accent);background:var(--accent);color:#fff}.pagination-ellipsis{display:grid;width:24px;place-items:center}.pagination-mobile-status{display:none;min-width:78px;text-align:center;font-size:13px;font-weight:600;color:var(--text)}.pagination-tools,.pagination-jump,.pagination-size{display:flex;align-items:center;gap:6px}.pagination-tools{flex-wrap:wrap}.pagination-jump,.pagination-size{min-height:38px;padding-left:10px;border:1px solid var(--border);border-radius:10px;background:var(--card-bg);color:var(--text-muted);font-size:12px;font-weight:600}.pagination-jump input,.pagination-size input{width:58px;height:30px;padding:4px 6px;border:1px solid var(--border);border-radius:7px;outline:0;color:var(--text);background:var(--bg-soft);font:inherit;text-align:center}.pagination-jump input:focus,.pagination-size input:focus{border-color:var(--accent);box-shadow:var(--focus-ring)}.pagination-tools button{align-self:stretch;min-width:38px;padding:0 9px;border:0;border-left:1px solid var(--border);border-radius:0 9px 9px 0;color:var(--text);background:transparent;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.pagination-tools button:hover{color:var(--accent);background:var(--accent-soft)}.pagination-size-apply iconify-icon{font-size:18px}@media (max-width: 600px){.pagination-wrap{display:block;margin:20px 0 30px}.pagination-summary{margin-bottom:10px;text-align:center}.pagination-actions{justify-content:center}.pagination-nav{justify-content:center;width:100%}.pagination-pages{display:none}.pagination-mobile-status{display:inline-block}.pagination-nav button{min-width:44px;height:44px}.pagination-tools{justify-content:center;width:100%}}.system-reduce-motion *,.system-reduce-motion *:before,.system-reduce-motion *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.settings-shell{width:min(100%,980px)}.settings-intro{margin:-8px 0 24px;color:var(--text-muted);line-height:1.6}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.settings-card{padding:24px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card-bg);box-shadow:var(--shadow-sm)}.settings-card-wide{grid-column:1 / -1}.settings-card-head{display:flex;align-items:flex-start;gap:13px;margin-bottom:22px}.settings-card-icon{display:grid;flex:0 0 42px;width:42px;height:42px;place-items:center;border-radius:12px;background:var(--accent-soft);color:var(--accent)}.settings-card-icon iconify-icon{font-size:22px}.settings-card h2{margin:0 0 4px;font-size:18px}.settings-card-head p{margin:0;color:var(--text-muted);font-size:13px;line-height:1.5}.settings-field+.settings-field{margin-top:18px;padding-top:18px;border-top:1px solid var(--border)}.settings-field label{display:block;margin-bottom:7px;font-size:14px;font-weight:650}.settings-hint{margin:7px 0 0;color:var(--text-muted);font-size:12px;line-height:1.5}.settings-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:18px}.settings-toggle-copy strong{display:block;margin-bottom:4px;font-size:14px}.settings-toggle-copy span{display:block;color:var(--text-muted);font-size:12px;line-height:1.45}.settings-switch{position:relative;flex:0 0 46px;width:46px;height:26px}.settings-switch input{position:absolute;opacity:0;pointer-events:none}.settings-switch span{position:absolute;inset:0;border-radius:99px;background:var(--border-strong);cursor:pointer;transition:background var(--motion-fast) ease}.settings-switch span:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 5px #0003;transition:transform var(--motion-fast) var(--motion-ease)}.settings-switch input:checked+span{background:var(--accent)}.settings-switch input:checked+span:after{transform:translate(20px)}.settings-switch input:focus-visible+span{outline:3px solid color-mix(in srgb,var(--accent) 28%,transparent);outline-offset:2px}.settings-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px;padding:18px 0 8px}@media (max-width: 760px){.settings-grid{grid-template-columns:1fr}.settings-card-wide{grid-column:auto}.settings-card{padding:19px 17px}.settings-actions{position:sticky;bottom:0;z-index:20;margin:18px -18px 0;padding:12px 18px;border-top:1px solid var(--border);background:color-mix(in srgb,var(--card-bg) 94%,transparent);backdrop-filter:blur(12px)}.settings-actions .btn{flex:1}}.category-source-banner{display:flex;align-items:flex-start;gap:13px;margin-bottom:20px;padding:15px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--border));border-radius:12px;background:color-mix(in srgb,var(--accent-soft) 70%,var(--card-bg))}.category-source-icon{display:grid;flex:0 0 38px;width:38px;height:38px;place-items:center;border-radius:10px;background:var(--card-bg);color:var(--accent);box-shadow:var(--shadow-sm)}.category-source-icon iconify-icon{font-size:21px}.category-source-banner strong{display:block;margin:1px 0 4px;font-size:14px}.category-source-banner p{margin:0;color:var(--text-muted);font-size:12px;line-height:1.5}.category-single-form{margin-top:16px;padding:18px;border:1px solid var(--border);border-radius:12px;background:var(--bg-soft)}.category-form-language{display:flex;align-items:center;gap:8px;margin-bottom:16px;color:var(--text);font-size:13px}.category-form-language img{width:22px;border-radius:3px}.category-single-form textarea{min-height:88px;resize:vertical}.category-translation-progress{display:flex;align-items:center;gap:10px;margin-top:14px;padding:11px 13px;border-radius:10px;background:var(--accent-soft);color:var(--text);font-size:13px}.category-progress-spinner{width:16px;height:16px;border:2px solid color-mix(in srgb,var(--accent) 25%,transparent);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}.category-retranslate-option{display:flex;align-items:flex-start;gap:11px;margin-top:16px;padding:14px;border:1px solid var(--border);border-radius:11px;cursor:pointer}.category-retranslate-option input{flex:0 0 auto;width:17px;height:17px;margin-top:2px;accent-color:var(--accent)}.category-retranslate-option strong,.category-retranslate-option small{display:block}.category-retranslate-option strong{margin-bottom:3px;font-size:13px}.category-retranslate-option small{color:var(--text-muted);font-size:11px;line-height:1.45}.badge-neutral{background:var(--bg-pill);color:var(--text-muted)}.profile-post-status{margin-left:7px;vertical-align:middle}.post-workflow-notice{display:flex;align-items:flex-start;gap:10px;margin:-10px 0 20px;padding:12px 14px;border:1px solid var(--border);border-radius:11px;background:var(--card-bg);color:var(--text);font-size:13px;line-height:1.5}.post-workflow-notice[hidden]{display:none}.post-workflow-notice iconify-icon{flex:0 0 auto;margin-top:1px;font-size:19px}.post-workflow-notice small{display:block;margin-top:4px;color:var(--text-muted)}.post-workflow-notice.draft iconify-icon{color:#7a808a}.post-workflow-notice.pending iconify-icon{color:#c67512}.post-workflow-notice.rejected{border-color:color-mix(in srgb,var(--danger) 28%,var(--border))}.post-workflow-notice.rejected iconify-icon{color:var(--danger)}.post-workflow-notice.published iconify-icon{color:var(--accent)}@media (min-width: 761px) and (max-width: 1120px){body .owner-main .stats-row{grid-template-columns:repeat(3,minmax(0,1fr))}}.modal-overlay[aria-busy=true]{pointer-events:none}@media (max-width: 600px){#addCatModal .modal-box,#editCatModal .modal-box{width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}#addCatModal .modal-body,#editCatModal .modal-body{padding:16px}.category-single-form{padding:15px}#addCatModal .modal-footer,#editCatModal .modal-footer{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:12px 16px}#addCatModal .modal-footer .btn,#editCatModal .modal-footer .btn{width:100%;justify-content:center}}.article-card,.related-card,.admin-activity-item{content-visibility:auto;contain-intrinsic-size:280px}.hamburger,.mobile-search-icon,.quick-link-card,.topic-pill[onclick]{cursor:pointer}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:none;box-shadow:var(--focus-ring)}.topbar{box-shadow:var(--shadow-sm);transition:background var(--motion-normal) ease,border-color var(--motion-normal) ease,box-shadow var(--motion-normal) ease}.topbar:hover{box-shadow:0 4px 16px #0f172a0e}[data-theme=dark] .topbar:hover{box-shadow:0 4px 18px #00000042}.sidebar a{position:relative;transition:color var(--motion-fast) ease,background var(--motion-fast) ease,transform var(--motion-fast) var(--motion-ease)}.sidebar a:hover{transform:translate(2px)}.sidebar a.active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:0 4px 4px 0;background:var(--accent)}.card,.stat-card,.quick-link-card{transition:transform var(--motion-normal) var(--motion-ease),box-shadow var(--motion-normal) ease,border-color var(--motion-fast) ease,background var(--motion-normal) ease}.card:hover,.stat-card:hover{border-color:var(--border-strong)}.quick-link-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.btn,.btn-primary-block,.social-btn{transition:transform var(--motion-fast) var(--motion-ease),box-shadow var(--motion-fast) ease,background var(--motion-fast) ease,border-color var(--motion-fast) ease,opacity var(--motion-fast) ease}.btn:not(:disabled):active,.btn-primary-block:not(:disabled):active,.social-btn:not(:disabled):active{transform:translateY(1px) scale(.99)}.btn:disabled,button:disabled{cursor:not-allowed;opacity:.55}.form-control,.search-input{transition:border-color var(--motion-fast) ease,box-shadow var(--motion-fast) ease,background var(--motion-fast) ease}.form-control:focus,.search-input:focus{box-shadow:var(--focus-ring)}.lang-menu,.category-dropdown-panel,.search-results-dropdown{transform-origin:top right;box-shadow:var(--shadow-md)}.lang-menu.open,.category-dropdown-panel.open,.search-results-dropdown.open{animation:ui-menu-in var(--motion-fast) var(--motion-ease) both}.modal-overlay,.confirm-overlay,.preview-overlay{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.modal-overlay.open .modal,.modal-overlay.open .app-modal,.confirm-overlay.open .confirm-modal{animation:ui-modal-in var(--motion-normal) var(--motion-ease) both}table.data-table tbody tr{transition:background var(--motion-fast) ease}table.data-table th{letter-spacing:.01em}.badge{border:1px solid transparent}.global-toast{box-shadow:var(--shadow-lg)}.drawer-overlay{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}@keyframes ui-menu-in{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ui-modal-in{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body .feed-wrapper{padding:36px clamp(24px,4vw,52px) 72px}body .feed-header{margin-bottom:14px;padding-bottom:16px;border-bottom:1px solid var(--border)}body .feed-title{font-size:18px;font-weight:700;letter-spacing:-.015em}body .article-card{gap:clamp(20px,3vw,34px);padding:30px 0;transition:transform var(--motion-normal) var(--motion-ease),border-color var(--motion-fast) ease}body .article-main{padding-inline:clamp(10px,1.25vw,18px)}body .article-card:hover{transform:translateY(-2px)}body .article-source{margin-bottom:10px}body .article-title{font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:clamp(21px,2vw,26px);line-height:1.25;letter-spacing:-.02em;text-wrap:balance}body .article-title:hover{color:var(--accent);text-decoration:none}body .article-desc{line-height:1.58;margin:8px 0 18px}body .article-meta{gap:18px}body .article-meta .meta-item{min-height:32px;padding:5px 7px;margin:-5px -7px;border-radius:8px;transition:color var(--motion-fast) ease,background var(--motion-fast) ease,transform var(--motion-fast) ease}body .article-meta .meta-item:hover{color:var(--text);background:var(--bg-soft);transform:translateY(-1px)}body .article-thumb{width:clamp(150px,18vw,210px);height:clamp(110px,13vw,142px);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}body .cat-dropdown-btn{min-height:36px;border-radius:10px;background:var(--card-bg)}body .cat-dropdown-panel{min-width:240px;border-radius:var(--radius-md);padding:12px}body .cat-drop-item{border-radius:8px;padding:9px 11px}body .right-rail{padding-top:34px}body .right-rail h3{letter-spacing:-.01em}body .pick{padding:4px 0 18px}body .pick h4{line-height:1.38;transition:color var(--motion-fast) ease}body .pick h4:hover{color:var(--accent)}body .topic-pill{transition:transform var(--motion-fast) ease,background var(--motion-fast) ease,border-color var(--motion-fast) ease}body .topic-pill:hover{transform:translateY(-1px);background:var(--bg-soft);border-color:var(--text-muted)}body .article-wrapper{max-width:940px;padding:38px 34px 72px}body .publication{margin-bottom:34px;color:var(--text-muted);font-size:14px;letter-spacing:.035em;text-transform:uppercase}body h1.title{font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:clamp(38px,6vw,58px);line-height:1.08;letter-spacing:-.035em;text-wrap:balance;margin-bottom:18px}body .subtitle{font-size:clamp(18px,2.5vw,22px);line-height:1.48}body .byline{padding:4px 0 10px;margin-bottom:22px}body .toolbar{position:sticky;top:65px;z-index:20;min-height:52px;padding:9px 4px;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}body .toolbar>span{padding:6px 8px;margin:-6px -8px;border-radius:8px;transition:background var(--motion-fast),color var(--motion-fast),transform var(--motion-fast)}body .toolbar>span:hover{background:var(--bg-soft);color:var(--text);transform:translateY(-1px)}body .hero-image{height:clamp(280px,52vw,440px);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}body .body-text{min-width:0;overflow-wrap:anywhere}body .body-text img,body .preview-content-text img,body .preview-text-content img{display:block;width:auto;max-width:100%!important;height:auto!important;margin:22px auto;object-fit:contain}body .preview-text-content{min-width:0;overflow-wrap:anywhere}body .body-text{font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:clamp(18px,2.2vw,21px);line-height:1.82}body .body-text p{margin-bottom:1.45em}body .responses-section{max-width:940px;padding:32px 34px 88px;border-top:1px solid var(--border)}body .responses-title{font-size:24px;letter-spacing:-.02em}body .comment-input{padding:16px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card-bg);box-shadow:var(--shadow-sm)}body .comment-input .input-box{background:transparent}body .comment{padding:24px 4px}body .profile-container{max-width:1180px;margin:28px auto 72px;padding:0 24px}body .profile-cover{height:clamp(220px,31vw,350px);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md)}body .profile-cover .upload-cover-btn{border-radius:10px;box-shadow:var(--shadow-sm)}body .profile-meta-section{margin:-54px 28px 0;padding:0 8px 24px;position:relative}body .profile-name{letter-spacing:-.025em}body .profile-stats-row{gap:24px}body .profile-tabs{border-bottom:1px solid var(--border);gap:28px}body .profile-tabs a{position:relative;padding:14px 2px;transition:color var(--motion-fast) ease}body .profile-tabs a.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;border-radius:2px;background:var(--accent)}body .profile-content-grid{gap:24px}body .profile-content-grid>*{min-width:0}body .profile-card,body .featured-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}body .featured-card{overflow:hidden}body .profile-main .post-item{padding:24px 0}body .profile-main .post-title{font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:21px;line-height:1.3}body .profile-main .post-title:hover{color:var(--accent);text-decoration:none}body .profile-main .post-thumb{border-radius:var(--radius-md)}body .auth-topbar{min-height:66px;border-bottom:1px solid var(--border)}body .auth-wrapper{width:min(100% - 32px,460px);margin:clamp(44px,8vh,88px) auto;padding:clamp(26px,5vw,42px);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card-bg);box-shadow:var(--shadow-md)}body .auth-wrapper h1{font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:clamp(29px,5vw,36px);letter-spacing:-.025em}body .auth-wrapper .desc{line-height:1.6}body .auth-wrapper .form-control,body .auth-wrapper .social-btn{min-height:46px;border-radius:10px}body .auth-wrapper .btn-primary-block{min-height:48px;border-radius:10px;box-shadow:0 7px 18px #1a891729}body .auth-wrapper .divider{margin:22px 0}body .owner-main,body .form-main{background:var(--bg-soft)}body .owner-main{padding:34px clamp(24px,4vw,48px) 72px}body .owner-header{margin-bottom:26px}body .owner-header h1,body .form-header h1{font-size:clamp(27px,3.5vw,34px);font-weight:700;letter-spacing:-.025em}body .stats-row{gap:14px;margin-bottom:22px}body .stats-row .stat-card{padding:19px 20px;border-radius:var(--radius-md);background:var(--card-bg);box-shadow:var(--shadow-sm)}body .stats-row .stat-card .num{font-size:27px;letter-spacing:-.035em}body .filter-bar{padding:14px;margin-bottom:16px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card-bg)}body .filter-bar .form-control{min-height:42px;border-radius:9px}body .owner-main>.card{border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}body .owner-main table.data-table th{padding-top:14px;padding-bottom:14px;background:var(--bg-soft);font-size:12px;text-transform:uppercase;letter-spacing:.045em}body .owner-main table.data-table td{padding-top:15px;padding-bottom:15px}body .action-icons a,body .action-icons button{min-width:34px;min-height:34px;justify-content:center;border-radius:8px}body .form-layout-wrap{background:var(--bg-soft)}body .form-main{max-width:none;padding:34px clamp(24px,4vw,52px) 84px}body .form-header{position:sticky;top:60px;z-index:30;margin:-10px -12px 24px;padding:12px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--bg-soft) 91%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}body .form-main>form{padding:clamp(22px,4vw,34px);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card-bg);box-shadow:var(--shadow-sm)}body .form-main .form-control{min-height:44px;border-radius:9px}body .ql-toolbar.ql-snow{padding:11px;border-radius:10px 10px 0 0}body #postContentEditor{min-height:320px;border-radius:0 0 10px 10px}body .translate-section{margin-top:36px;padding-top:30px}body .translation-panel{border-radius:var(--radius-md);background:var(--bg-soft)}body .btn-preview-toggle{min-height:40px;border-radius:10px}body .preview-side-panel{box-shadow:-12px 0 34px #0f172a0f}body .preview-side-panel.open{width:clamp(430px,44vw,680px)}body .preview-panel-inner{padding:30px}body .preview-title-text{font-size:clamp(25px,2.6vw,34px);line-height:1.2;letter-spacing:-.025em}body .preview-content-text{font-size:17px;line-height:1.75}.preview-translating{display:flex;align-items:center;gap:6px;min-height:80px}.preview-translating span{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:preview-pulse 1s ease-in-out infinite}.preview-translating span:nth-child(2){animation-delay:.14s}.preview-translating span:nth-child(3){animation-delay:.28s}.preview-translation-notice{display:flex;gap:9px;align-items:flex-start;padding:12px 14px;margin-bottom:18px;border:1px solid var(--border-strong);border-radius:10px;background:var(--bg-soft);color:var(--text-muted);font-size:13px;line-height:1.5}.preview-translation-notice iconify-icon{color:var(--icon-info);font-size:19px;flex:0 0 auto}@keyframes preview-pulse{0%,to{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}@media (max-width: 760px){body .feed-wrapper{padding:20px 16px 52px}body .article-card{gap:14px;padding:22px 0}body .article-main{padding-inline:10px}body .article-title{font-size:19px}body .article-desc{font-size:14px;-webkit-line-clamp:2}body .article-thumb{width:104px;height:86px;border-radius:10px}body .article-meta{gap:11px;font-size:12px}body .article-wrapper,body .responses-section{padding-left:18px;padding-right:18px}body .toolbar{top:57px;margin-left:-4px;margin-right:-4px}body .hero-image{height:240px;border-radius:12px}body .profile-container{margin-top:14px;padding:0 14px}body .profile-cover{border-radius:14px}body .profile-meta-section{margin-left:8px;margin-right:8px}body .auth-wrapper{padding:26px 22px;margin-top:34px;box-shadow:var(--shadow-sm)}body .owner-main,body .form-main{padding:24px 14px 56px}body .stats-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}body .form-header{position:static;margin:0 0 18px;padding:0;background:transparent;backdrop-filter:none}body .form-main>form{padding:20px 16px;border-radius:14px}body .lang-row{flex-direction:column;gap:0}body .preview-side-panel.open{width:min(100vw,380px);position:fixed;right:0;top:58px;bottom:0;z-index:210}}.account-avatar{padding:0;overflow:hidden;border:2px solid var(--card-bg);box-shadow:0 0 0 1px var(--border-strong),var(--shadow-sm)}.account-avatar img{width:100%;height:100%;display:block;object-fit:cover}.logout-link{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:7px 11px;border:1px solid var(--border-strong);border-radius:10px;color:var(--text-muted);font-size:13px;font-weight:600;transition:color var(--motion-fast),background var(--motion-fast),border-color var(--motion-fast),transform var(--motion-fast)}.logout-link iconify-icon{font-size:18px}.logout-link:hover{color:var(--text);background:var(--bg-soft);border-color:var(--text-muted);transform:translateY(-1px)}.account-avatar{cursor:pointer;transition:transform var(--motion-fast) var(--motion-ease),box-shadow var(--motion-fast) ease}.account-avatar:hover{transform:translateY(-1px) scale(1.03);box-shadow:0 0 0 2px var(--accent-soft),var(--shadow-sm)}.related-articles-section{max-width:1120px;margin:8px auto 54px;padding:32px 34px 0;border-top:1px solid var(--border)}.related-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.related-heading h2{margin-top:4px;font-size:clamp(24px,3vw,32px);line-height:1.2;letter-spacing:-.025em}.related-heading>a{color:var(--accent);font-size:14px;font-weight:600}.related-eyebrow{color:var(--text-muted);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.related-articles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.related-card{min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card-bg);box-shadow:var(--shadow-sm);transition:transform var(--motion-normal) var(--motion-ease),box-shadow var(--motion-normal) ease,border-color var(--motion-fast) ease}.related-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--border-strong)}.related-card-image{height:168px;background-size:cover;background-position:center;transition:transform .45s var(--motion-ease)}.related-card:hover .related-card-image{transform:scale(1.025)}.related-card-body{padding:17px 18px 18px}.related-category{color:var(--accent);font-size:12px;font-weight:700}.related-card-title{margin:7px 0 13px;font-size:18px;line-height:1.34;letter-spacing:-.015em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-card-meta{display:flex;gap:7px;color:var(--text-muted);font-size:12px;white-space:nowrap;overflow:hidden}.related-card-meta span:first-child{overflow:hidden;text-overflow:ellipsis}@media (max-width: 760px){body .topbar .topbar-right .avatar{display:none!important}body .topbar .topbar-right .lang-dropdown{display:block!important;order:-1}body .topbar .topbar-right .lang-btn{width:38px;height:38px;padding:0;justify-content:center;border:1px solid var(--border-strong);border-radius:50%;background:var(--card-bg)}body .topbar .topbar-right .lang-btn>iconify-icon:first-child{display:block;font-size:18px}body .topbar .topbar-right .lang-btn>iconify-icon:last-child{display:none}body .topbar .topbar-right .lang-current-label span{display:none!important}body .topbar .topbar-right .lang-current-label img{width:21px;height:auto;margin:0!important}body .topbar .topbar-right .lang-btn:has(>iconify-icon:first-child) .lang-current-label{display:none}.logout-link{width:38px;height:38px;min-height:38px;padding:0;justify-content:center;border-radius:50%}.logout-link span{display:none}body .topbar .search-box-wrap.mobile-open{display:flex!important;position:fixed;left:10px;right:10px;top:8px;width:auto;min-height:44px;z-index:520;padding:8px 10px 8px 14px;border:1px solid var(--border-strong);border-radius:13px;background:var(--card-bg);box-shadow:var(--shadow-lg)}body .topbar .search-box-wrap.mobile-open .search-input{display:block!important;flex:1;width:auto;min-width:0}body .topbar .search-box-wrap.mobile-open .search-results-dropdown{top:calc(100% + 7px);left:0;right:0;max-height:min(62vh,420px);overflow-y:auto}.mobile-search-close{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:var(--bg-soft);color:var(--text-muted);cursor:pointer}.mobile-search-close iconify-icon{font-size:20px}.related-articles-section{margin:2px 0 42px;padding:26px 18px 0;overflow:hidden}.related-heading{align-items:center;margin-bottom:17px}.related-heading h2{font-size:24px}.related-articles-grid{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 18px 16px 1px;scrollbar-width:none}.related-articles-grid::-webkit-scrollbar{display:none}.related-card{flex:0 0 min(82vw,310px);scroll-snap-align:start}.related-card-image{height:154px}}@media (min-width: 761px){.mobile-search-close{display:none}}body .admin-main{min-width:0;padding:34px clamp(24px,4vw,48px) 72px;background:var(--bg-soft)}body:has(.admin-main) .layout.no-rail{grid-template-columns:260px minmax(0,1fr)!important}body:has(.admin-main) .layout.no-rail.sidebar-collapsed{grid-template-columns:0 minmax(0,1fr)!important}body:has(.admin-main) .layout>.sidebar{position:sticky;top:60px;height:calc(100vh - 60px);background:var(--card-bg)}body:has(.admin-main) .sidebar a{margin:3px 8px;padding:11px 12px;border-radius:9px;white-space:normal;line-height:1.3}body:has(.admin-main) .sidebar a .icon{flex:0 0 20px}body:has(.admin-main) .sidebar a>span:last-child{min-width:0}body:has(.admin-main) .sidebar a.active{background:var(--accent-soft);color:var(--accent)}body:has(.admin-main) .sidebar a.active .icon{color:var(--accent)}body .admin-dashboard-header{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:26px}body .admin-dashboard-header h1,body .admin-main>h1{margin:4px 0 8px;font-size:clamp(29px,3.5vw,38px);font-weight:700;letter-spacing:-.035em}body .admin-dashboard-header p{color:var(--text-muted);font-size:14px;line-height:1.55}.admin-eyebrow{color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.dashboard-period-control{position:relative;display:flex;align-items:center;gap:8px;min-width:190px;min-height:44px;padding:0 8px 0 12px;border:1px solid var(--border-strong);border-radius:10px;background:var(--card-bg);box-shadow:var(--shadow-sm);transition:border-color var(--motion-fast) ease,box-shadow var(--motion-fast) ease}.dashboard-period-control:hover{border-color:var(--text-muted)}.dashboard-period-control.open,.dashboard-period-control:focus-within{border-color:var(--accent);box-shadow:var(--focus-ring)}.dashboard-period-control>iconify-icon{flex:0 0 auto;color:var(--text-muted);font-size:18px}.dashboard-period-control>select{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.dashboard-period-trigger{display:flex;align-items:center;justify-content:space-between;gap:14px;flex:1;min-width:0;min-height:42px;padding:0;border:0;outline:0;color:var(--text);background:transparent;font:inherit;font-size:13px;font-weight:600;text-align:left;cursor:pointer}.dashboard-period-trigger iconify-icon{flex:0 0 auto;color:var(--text-muted);font-size:17px;transition:transform var(--motion-fast) ease}.dashboard-period-control.open .dashboard-period-trigger iconify-icon{transform:rotate(180deg)}.dashboard-period-menu{position:absolute;z-index:950;top:calc(100% + 8px);left:0;right:0;display:none;padding:6px;border:1px solid var(--border);border-radius:11px;background:var(--card-bg);box-shadow:var(--shadow-lg)}.dashboard-period-control.open .dashboard-period-menu{display:grid;animation:ui-dropdown-in var(--motion-fast) var(--motion-ease) both}.dashboard-period-menu button{width:100%;min-height:38px;padding:8px 10px;border:0;border-radius:7px;color:var(--text);background:transparent;font:inherit;font-size:13px;font-weight:500;text-align:left;cursor:pointer}.dashboard-period-menu button:hover,.dashboard-period-menu button:focus-visible{outline:0;background:var(--bg-soft)}.dashboard-period-menu button.active{color:var(--accent);background:var(--accent-soft);font-weight:700}@keyframes ui-dropdown-in{0%{opacity:0;transform:translateY(-5px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.ui-select{position:relative;display:inline-flex;width:100%;min-width:0;vertical-align:middle}.ui-select>select{position:absolute!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}.ui-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-width:0;min-height:42px;padding:9px 12px;border:1px solid var(--border-strong);border-radius:10px;outline:0;color:var(--text);background:var(--card-bg);box-shadow:var(--shadow-sm);font:inherit;font-size:13px;font-weight:600;text-align:left;cursor:pointer;transition:border-color var(--motion-fast) ease,box-shadow var(--motion-fast) ease,background var(--motion-fast) ease}.ui-select-trigger:hover{border-color:var(--text-muted)}.ui-select.open .ui-select-trigger,.ui-select-trigger:focus-visible{border-color:var(--accent);box-shadow:var(--focus-ring)}.ui-select-trigger:disabled{cursor:not-allowed;opacity:.58}.ui-select-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-select-trigger iconify-icon{flex:0 0 auto;color:var(--text-muted);font-size:17px;transition:transform var(--motion-fast) ease}.ui-select.open .ui-select-trigger iconify-icon{transform:rotate(180deg)}.ui-select-menu{position:fixed;z-index:1600;display:none;min-width:120px;max-height:min(320px,48dvh);padding:6px;overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--border);border-radius:11px;background:var(--card-bg);box-shadow:var(--shadow-lg);scrollbar-width:thin}.ui-select-menu.open{display:grid;animation:ui-dropdown-in var(--motion-fast) var(--motion-ease) both}.ui-select-option{width:100%;min-height:38px;padding:8px 10px;border:0;border-radius:7px;color:var(--text);background:transparent;font:inherit;font-size:13px;font-weight:500;text-align:left;cursor:pointer}.ui-select-option:hover,.ui-select-option:focus-visible{outline:0;background:var(--bg-soft)}.ui-select-option.active{color:var(--accent);background:var(--accent-soft);font-weight:700}.ui-select-option:disabled{cursor:not-allowed;opacity:.48}.filter-bar>.ui-select,.filter-row:not(.audit-filter-row)>.ui-select{max-width:240px}.audit-filter-row>.ui-select{width:100%;max-width:none}.data-table .ui-select-trigger{min-height:36px;padding-top:6px;padding-bottom:6px;box-shadow:none}@media (max-width:760px){.filter-bar>.ui-select,.filter-row:not(.audit-filter-row)>.ui-select{width:100%;max-width:none!important}}body .admin-main .stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}body .admin-main .stat-card{position:relative;min-height:132px;padding:20px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card-bg);box-shadow:var(--shadow-sm);overflow:hidden}body .admin-main .stat-card:after{content:"";position:absolute;right:-24px;bottom:-34px;width:94px;height:94px;border-radius:50%;background:var(--bg-soft);opacity:.75}body .admin-main .stat-card .num{position:relative;z-index:1;margin-top:17px;font-size:30px;line-height:1;font-weight:700;letter-spacing:-.04em}body .admin-main .stat-card .label{position:relative;z-index:1;margin-top:7px;color:var(--text-muted);font-size:12px;font-weight:600}.kpi-icon{position:absolute;top:16px;right:17px;z-index:2;display:grid;place-items:center;width:35px;height:35px;border-radius:10px;font-size:20px}.kpi-purple{color:#7357d8;background:#f0edff}.kpi-blue{color:#2674d9;background:#eaf3ff}.kpi-orange{color:#c67512;background:#fff3df}.kpi-green{color:#218a52;background:#e8f7ef}.kpi-cyan{color:#078499;background:#e4f7fa}.kpi-pink{color:#cc3569;background:#ffebf2}[data-theme=dark] .kpi-purple{background:#2d2548}[data-theme=dark] .kpi-blue{background:#172d48}[data-theme=dark] .kpi-orange{background:#3b2c15}[data-theme=dark] .kpi-green{background:#183628}[data-theme=dark] .kpi-cyan{background:#12343a}[data-theme=dark] .kpi-pink{background:#3d1d2a}.analytics-grid{display:grid;gap:14px;margin-top:14px}.analytics-primary{grid-template-columns:minmax(0,1.65fr) minmax(290px,.85fr)}.analytics-secondary{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-panel{min-width:0;padding:21px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card-bg);box-shadow:var(--shadow-sm)}.analytics-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:19px}.analytics-panel-head h2{font-size:16px;line-height:1.3;letter-spacing:-.012em}.analytics-panel-head p{margin-top:4px;color:var(--text-muted);font-size:12px}.analytics-panel-link{flex:0 0 auto;color:var(--accent);font-size:12px;font-weight:700}.chart-legend{display:flex;gap:13px;color:var(--text-muted);font-size:11px;white-space:nowrap}.chart-legend span:before{content:"";display:inline-block;width:8px;height:8px;margin-right:5px;border-radius:50%}.legend-like:before{background:var(--accent)}.legend-comment:before{background:#7357d8}.engagement-chart{min-height:260px}.engagement-chart svg{display:block;width:100%;height:260px;overflow:visible}.analytics-grid-line{stroke:var(--border);stroke-width:1}.analytics-axis-label{fill:var(--text-muted);font-size:10px}.analytics-area{fill:url(#likeArea)}.analytics-line{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.analytics-like-line{stroke:var(--accent)}.analytics-comment-line{stroke:#7357d8}.analytics-dot{fill:var(--card-bg);stroke-width:2.5}.analytics-like-dot{stroke:var(--accent)}.analytics-comment-dot{stroke:#7357d8}.status-donut-wrap{display:grid;grid-template-columns:148px 1fr;align-items:center;gap:22px;padding:4px 2px 8px}.status-donut{position:relative;width:148px;aspect-ratio:1;border-radius:50%;background:conic-gradient(var(--accent) 0 var(--published),#8b9099 var(--published) var(--draft),#f1a63b var(--draft) var(--pending),#e05d59 var(--pending) 100%)}.status-donut:after{content:"";position:absolute;inset:16px;border-radius:50%;background:var(--card-bg)}.status-donut>div{position:absolute;inset:0;z-index:1;display:grid;place-content:center;text-align:center}.status-donut strong{font-size:28px;line-height:1}.status-donut span{margin-top:5px;color:var(--text-muted);font-size:11px}.status-legend{display:grid;gap:11px}.status-legend>div{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:8px;font-size:12px}.status-legend i{width:9px;height:9px;border-radius:50%}.status-legend strong{font-size:13px}.status-published{background:var(--accent)}.status-draft{background:#8b9099}.status-pending{background:#f1a63b}.status-rejected{background:#e05d59}.admin-bar-list{display:grid;gap:15px}.admin-bar-row{display:flex;gap:11px;align-items:flex-start;min-width:0}.bar-rank{display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px;border-radius:8px;background:var(--bg-soft);color:var(--text-muted);font-size:11px;font-weight:700}.bar-content{flex:1;min-width:0}.bar-label{display:flex;justify-content:space-between;gap:14px;margin-bottom:7px;font-size:12px}.bar-label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-track,.coverage-track{height:7px;border-radius:8px;background:var(--bg-pill);overflow:hidden}.bar-track>span,.coverage-track>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),#65be68);transform-origin:left;animation:admin-bar-grow .65s var(--motion-ease) both}.admin-bar-row small{display:flex;align-items:center;gap:4px;margin-top:5px;color:var(--text-muted);font-size:10px}.admin-bar-row small iconify-icon:nth-of-type(2){margin-left:7px}.category-bar-row{align-items:center}.category-dot{flex:0 0 9px;width:9px;height:9px;border-radius:50%;background:#7357d8}.category-bar-row .bar-track>span{background:linear-gradient(90deg,#7357d8,#a693ef)}.coverage-list{display:grid;gap:17px}.coverage-row>div:first-child{display:flex;justify-content:space-between;gap:12px;margin-bottom:7px;font-size:12px}.coverage-both{background:var(--accent)!important}.coverage-vi{background:#7357d8!important}.coverage-en{background:#338bd9!important}.coverage-auto{background:#f1a63b!important}.admin-activity-list{display:grid}.activity-row{display:grid;grid-template-columns:34px 1fr;gap:11px;padding:10px 0;border-bottom:1px solid var(--border)}.activity-row:last-child{border:0}.activity-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;font-size:17px}.activity-blue{color:#2674d9;background:#eaf3ff}.activity-purple{color:#7357d8;background:#f0edff}.activity-green{color:#218a52;background:#e8f7ef}[data-theme=dark] .activity-blue{background:#172d48}[data-theme=dark] .activity-purple{background:#2d2548}[data-theme=dark] .activity-green{background:#183628}.activity-row p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;line-height:1.45}.activity-row time{display:block;margin-top:3px;color:var(--text-muted);font-size:10px}.section-heading{margin:35px 0 15px}.section-heading h2{margin-top:4px;font-size:21px;letter-spacing:-.02em}body .admin-main .admin-header,body .admin-main>div:first-child:has(>h1){margin-bottom:24px}body .admin-main .filter-bar,body .admin-main .filter-row{padding:14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card-bg);box-shadow:var(--shadow-sm)}body .admin-main>.card{overflow:hidden;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}body .admin-main table.data-table th{padding-top:14px;padding-bottom:14px;background:var(--bg-soft);font-size:11px;text-transform:uppercase;letter-spacing:.045em}body .admin-main table.data-table td{padding-top:15px;padding-bottom:15px}body .admin-main .edit-btn,body .admin-main .delete-btn,body .admin-main .view-btn,body .admin-main .approve-btn,body .admin-main .reject-btn{width:34px;height:34px;border-radius:9px;transition:transform var(--motion-fast),background var(--motion-fast),color var(--motion-fast)}body .admin-main .edit-btn:hover,body .admin-main .delete-btn:hover,body .admin-main .view-btn:hover,body .admin-main .approve-btn:hover,body .admin-main .reject-btn:hover{transform:translateY(-1px)}body:has(.admin-main) .modal-overlay .modal,body:has(.admin-main) .modal-overlay .app-modal{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}body:has(.admin-main) .modal-header{padding-bottom:16px;border-bottom:1px solid var(--border)}body:has(.admin-main) .modal-footer{padding-top:16px;border-top:1px solid var(--border)}@keyframes admin-bar-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (max-width:1120px){body .admin-main .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-primary,.analytics-secondary{grid-template-columns:1fr}}@media (max-width:768px){body:has(.admin-main) .layout.no-rail,body:has(.admin-main) .layout.no-rail.sidebar-collapsed{display:block!important}body:has(.admin-main) .layout>.sidebar{position:fixed;top:0;height:100vh}body .admin-main{padding:24px 14px 54px}body .admin-dashboard-header{align-items:flex-start;flex-direction:column}.dashboard-period-control{width:100%;min-width:0}body .admin-main .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}body .admin-main .stat-card{min-height:112px;padding:15px}body .admin-main .stat-card .num{font-size:25px}.kpi-icon{top:12px;right:12px;width:31px;height:31px;font-size:17px}.analytics-panel{padding:17px}.analytics-panel-head{flex-direction:column}.chart-legend{align-self:flex-start}.engagement-chart,.engagement-chart svg{min-height:220px;height:220px}.status-donut-wrap{grid-template-columns:132px 1fr;gap:16px}.status-donut{width:132px}.section-heading{margin-top:28px}}@media (max-width:430px){body .admin-main .stats-grid{grid-template-columns:1fr 1fr}.status-donut-wrap{grid-template-columns:1fr}.status-donut{margin:auto}.analytics-axis-label{font-size:9px}}html,body{overflow-x:clip!important}body .topbar{position:sticky!important;top:0!important;z-index:900}body .form-header,body .toolbar{top:60px}@media (min-width: 769px){body .layout>.sidebar,body:has(.admin-main) .layout>.sidebar,body .right-rail{position:sticky!important;top:60px!important;align-self:start;height:calc(100vh - 60px)!important;max-height:calc(100vh - 60px)!important;overflow-y:auto!important;overscroll-behavior:contain}body .layout.sidebar-collapsed>.sidebar{overflow:hidden!important}body .preview-side-panel{top:60px!important;height:calc(100vh - 60px)!important}}@media (max-width: 768px){body.drawer-scroll-lock{overflow:hidden}body .layout>.sidebar,body:has(.admin-main) .layout>.sidebar{position:fixed!important;top:0!important;bottom:0;height:100dvh!important;max-height:none!important;overflow-y:auto!important;overscroll-behavior:contain}}.audit-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.audit-header p{margin-top:5px;color:var(--text-muted);font-size:14px}.audit-readonly{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;min-height:38px;padding:8px 12px;border:1px solid color-mix(in srgb,var(--accent) 26%,var(--border));border-radius:20px;color:var(--accent);background:var(--accent-soft);font-size:12px;font-weight:700}.audit-readonly iconify-icon{font-size:18px}.audit-filter-row{display:grid!important;grid-template-columns:minmax(220px,1.35fr) repeat(2,minmax(170px,.9fr)) repeat(2,minmax(180px,.85fr)) minmax(118px,auto);align-items:end;gap:12px;margin-bottom:16px}.audit-filter-row>*{min-width:0}.audit-date-field{display:grid;min-width:0;gap:5px;color:var(--text-muted);font-size:11px;font-weight:700}.audit-filter-row .form-control{box-sizing:border-box;width:100%;min-width:0}.audit-date-field .form-control{padding-right:10px}.audit-reset{min-height:42px;white-space:nowrap;justify-self:stretch;justify-content:center}.audit-table time{color:var(--text-muted);font-size:12px;white-space:nowrap}.audit-actor-role,.audit-entity-type{display:block;margin-top:3px;color:var(--text-muted);font-size:10px;text-transform:uppercase}.audit-action{display:inline-flex;align-items:center;min-height:28px;padding:5px 9px;border-radius:14px;color:#2674d9;background:#eaf3ff;font-size:11px;font-weight:700}.audit-action-category{color:#7357d8;background:#f0edff}.audit-action-user{color:#218a52;background:#e8f7ef}.audit-action-language,.audit-action-settings{color:#a56512;background:#fff3df}.audit-action-auth,.audit-action-page{color:#c13e58;background:#ffebf2}[data-theme=dark] .audit-action{background:#172d48}[data-theme=dark] .audit-action-category{background:#2d2548}[data-theme=dark] .audit-action-user{background:#183628}[data-theme=dark] .audit-action-language,[data-theme=dark] .audit-action-settings{background:#3b2c15}[data-theme=dark] .audit-action-auth,[data-theme=dark] .audit-action-page{background:#3d1d2a}.audit-detail-modal{max-width:820px}.audit-detail-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:20px}.audit-detail-summary>div{padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--bg-soft)}.audit-detail-summary span,.audit-detail-summary strong{display:block}.audit-detail-summary span{margin-bottom:4px;color:var(--text-muted);font-size:10px;font-weight:700;text-transform:uppercase}.audit-detail-summary strong{font-size:13px;overflow-wrap:anywhere}.audit-json-section+.audit-json-section{margin-top:16px}.audit-json-section h3{margin-bottom:7px;font-size:13px}.audit-json-section pre{max-height:260px;margin:0;padding:14px;overflow:auto;border:1px solid var(--border);border-radius:10px;color:var(--text);background:var(--bg-soft);font:12px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.audit-no-data{display:block;padding:14px;border:1px dashed var(--border-strong);border-radius:10px;color:var(--text-muted);font-size:12px;text-align:center}.audit-empty{text-align:center;padding:42px!important;color:var(--text-muted)}.audit-table .view-btn{width:auto!important;height:auto!important;padding:5px!important;border:0!important;border-radius:50%!important;background:transparent!important;box-shadow:none!important;color:var(--text-muted)}.audit-table .view-btn iconify-icon{font-size:23px}.audit-table .view-btn:hover{color:var(--accent);background:transparent!important;transform:scale(1.08)!important}@media (max-width: 1450px){.audit-filter-row{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 768px){.audit-header{align-items:flex-start;flex-direction:column}.audit-filter-row{grid-template-columns:1fr 1fr!important}.audit-filter-row>#logSearch{grid-column:1 / -1}.audit-reset{width:100%;justify-content:center}.audit-detail-summary{grid-template-columns:1fr}}@media (max-width: 460px){.audit-filter-row{grid-template-columns:1fr!important}.audit-filter-row>#logSearch{grid-column:auto}}body .modal-box{display:grid;grid-template-rows:auto minmax(0,1fr) auto;max-height:min(90vh,90dvh);overflow:hidden}body .modal-header{min-width:0}body .modal-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}body .modal-footer{background:var(--card-bg)}body .modal-overlay,body .confirm-overlay{z-index:1200;box-sizing:border-box;padding:16px}body .modal-overlay .modal-box{max-height:calc(100dvh - 32px)}body .preview-panel{height:100dvh;max-height:100dvh;overflow:hidden}body .preview-header,body .preview-footer{flex:0 0 auto}body .preview-body{min-height:0;overflow-y:auto;overscroll-behavior:contain}body .preview-footer{align-items:center;justify-content:space-between;gap:12px}.preview-access-notice{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:7px 11px;border:1px solid var(--border);border-radius:18px;color:var(--text-muted);background:var(--card-bg);font-size:12px;font-weight:700}.preview-access-notice[hidden],.preview-footer .btn[hidden]{display:none!important}.preview-access-notice iconify-icon{font-size:17px}.preview-access-notice.status-pending{color:#a56512;background:#fff6df;border-color:#f0d7a0}.preview-access-notice.status-rejected{color:var(--danger);background:color-mix(in srgb,var(--danger) 9%,var(--card-bg))}[data-theme=dark] .preview-access-notice.status-pending{color:#f0bd68;background:#3b2c15;border-color:#634a22}@media (max-width: 768px){body .modal-overlay{padding:10px}body .modal-box{width:100%;max-height:calc(100dvh - 20px)}body .preview-panel{top:0;width:100vw;max-width:100vw;border-left:0}body .preview-body{padding:18px 16px}body .preview-header,body .preview-footer{padding-left:16px;padding-right:16px}body .preview-side-panel.open{top:58px!important;bottom:0;height:auto!important;max-height:none!important;overflow:hidden!important}body .preview-side-panel .preview-panel-inner{min-width:0;min-height:0;height:100%;padding:20px 18px}}.mobile-category-slider{display:none}@media (max-width: 768px){body .mobile-category-slider{display:grid;grid-template-columns:38px minmax(0,1fr) 38px;align-items:center;gap:5px;padding:9px 10px;border-bottom:1px solid var(--border);background:var(--bg)}body .mobile-categories-chips{display:flex;min-width:0;gap:8px;padding:2px 1px;border:0;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:none;background:transparent}body .mobile-categories-chips::-webkit-scrollbar{display:none}body .mobile-cat-chip{flex:0 0 auto;min-height:36px;padding:7px 14px;border:1px solid var(--border-strong);border-radius:18px;scroll-snap-align:center;color:var(--text);background:var(--card-bg);font:inherit;font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer}body .mobile-cat-chip.active{border-color:var(--text);color:var(--bg);background:var(--text);box-shadow:var(--shadow-sm)}body .mobile-cat-chip:focus-visible{outline:none;box-shadow:var(--focus-ring)}body .mobile-category-arrow{display:grid;width:36px;height:36px;place-items:center;padding:0;border:1px solid var(--border);border-radius:50%;color:var(--text);background:var(--card-bg);box-shadow:var(--shadow-sm);cursor:pointer}body .mobile-category-arrow iconify-icon{font-size:18px}body .mobile-category-arrow:disabled{opacity:.32;box-shadow:none;cursor:default}body .mobile-category-arrow:focus-visible{outline:none;box-shadow:var(--focus-ring)}body:has(.admin-main) .admin-main>.card:has(table.data-table){overflow:visible!important;border:0;background:transparent;box-shadow:none}body:has(.admin-main) table.data-table,body:has(.admin-main) table.data-table tbody{display:block!important;width:100%!important;min-width:0!important}body:has(.admin-main) table.data-table colgroup,body:has(.admin-main) table.data-table thead{display:none!important}body:has(.admin-main) table.data-table tbody{display:grid!important;gap:12px}body:has(.admin-main) table.data-table tbody tr{display:block;overflow:hidden;border:1px solid var(--border);border-radius:14px;background:var(--card-bg);box-shadow:var(--shadow-sm)}body:has(.admin-main) table.data-table tbody td{display:grid!important;grid-template-columns:minmax(96px,.7fr) minmax(0,1.3fr);align-items:center;gap:12px;width:100%!important;min-width:0;padding:11px 14px!important;border:0;border-bottom:1px solid var(--border);text-align:right;overflow-wrap:anywhere}body:has(.admin-main) table.data-table tbody td:before{content:attr(data-label);color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.045em;text-align:left;text-transform:uppercase}body:has(.admin-main) table.data-table tbody td:first-child{padding-top:15px!important;color:var(--text);font-weight:650}body:has(.admin-main) table.data-table tbody td:last-child{display:flex!important;justify-content:flex-end;min-height:52px;padding-top:8px!important;padding-bottom:8px!important;border-bottom:0;background:var(--bg-soft)}body:has(.admin-main) table.data-table tbody td:last-child:before{content:none}body:has(.admin-main) table.data-table .action-icons,body:has(.admin-main) table.data-table .action-col{justify-content:flex-end;flex-wrap:wrap}body:has(.admin-main) table.data-table tbody tr.responsive-empty-row td{display:block!important;padding:30px 18px!important;border:0;background:var(--card-bg);text-align:center!important}body:has(.admin-main) table.data-table tbody tr.responsive-empty-row td:before{content:none}}@media (max-width: 1080px){.stats-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 768px){.stats-grid,.stats-row{display:grid!important;grid-template-columns:1fr!important;gap:16px!important}.stat-card{margin-bottom:0!important}.filter-bar,.filter-row{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.filter-bar .form-control,.filter-row .form-control,.filter-bar select,.filter-row select,.filter-bar input,.filter-row input{max-width:100%!important;width:100%!important}.admin-header,.owner-header{flex-direction:column!important;align-items:flex-start!important;gap:16px!important}.card:has(table.data-table),.table-responsive{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;border-radius:8px!important;border:1px solid var(--border)!important}table.data-table{min-width:700px!important;white-space:nowrap!important}table.data-table th{white-space:normal!important;max-width:150px}.action-icons{flex-wrap:nowrap!important}.profile-tabs{overflow-x:auto!important;flex-wrap:nowrap!important;-webkit-overflow-scrolling:touch!important;padding-bottom:4px!important}.profile-tabs::-webkit-scrollbar{height:3px}.profile-tabs::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}}@media (max-width: 480px){.admin-main,.owner-main,.profile-main{padding:16px!important}.admin-header h1,.owner-header h1{font-size:24px!important}}@media (max-width: 1080px){.layout{grid-template-columns:220px 1fr!important}.right-rail{display:none!important}.feed-wrapper,.owner-main,.admin-main,.form-main,.profile-main,.category-main{padding-left:24px!important;padding-right:24px!important}.stats-grid{grid-template-columns:repeat(2,1fr)!important}.quick-links{grid-template-columns:1fr!important}}@media (max-width: 768px){.layout,.layout.sidebar-collapsed,.layout.no-rail{grid-template-columns:1fr!important;padding:0;max-width:100%}.feed-wrapper,.category-main,.owner-main,.admin-main,.form-main,.profile-main{padding:16px!important}.sidebar{display:block!important;position:fixed!important;top:0!important;left:-280px;width:260px!important;height:100vh!important;background:var(--card-bg)!important;z-index:1001!important;border-right:1px solid var(--border);transition:left .3s ease;padding:24px 16px!important;box-shadow:var(--shadow)}.layout.sidebar-collapsed .sidebar{border-right:none}.sidebar.drawer-open{left:0}.drawer-overlay{display:block;position:fixed;inset:0;background:#00000080;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease}.drawer-overlay.show{opacity:1;visibility:visible}.topbar{padding:12px 16px}.topbar-left{gap:12px}.logo{font-size:21px}.topbar-right{gap:12px}.lang-btn{padding:4px}.theme-toggle{width:40px;height:24px}.theme-toggle .knob{width:18px;height:18px}[data-theme=dark] .theme-toggle .knob{left:18px}.avatar{width:28px;height:28px;font-size:12px}.topbar-right .btn-getapp,.topbar-right .write-link,.topbar-right .lang-dropdown,.search-box,.search-box-wrap{display:none!important}.mobile-search-icon{display:flex!important;font-size:22px;align-items:center;cursor:pointer;color:var(--text)}.article-card,.post-body{flex-direction:column-reverse!important;gap:12px!important}.article-thumb,.post-thumb{width:100%!important;height:200px!important;margin-bottom:16px}.article-title,.post-title,h1.title{font-size:24px!important}.article-meta,.post-meta{flex-wrap:wrap;row-gap:8px}.article-wrapper,.responses-section{padding:16px 12px 50px!important}.hero-image{height:200px!important}.body-text{font-size:17px!important}.toolbar,.byline{flex-wrap:wrap;gap:14px!important}.filter-bar,.filter-row,.owner-header,.admin-header,.form-header,.profile-header,.lang-row{flex-direction:column;align-items:flex-start!important;gap:10px}.filter-bar .form-control,.filter-row .form-control{max-width:100%!important}.auth-wrapper{margin:32px auto!important;padding:0 16px!important}.auth-topbar{padding:12px 16px!important}.form-actions{width:100%;flex-wrap:wrap}.form-actions .btn{flex:1}table.data-table{font-size:13px;min-width:600px}.card:has(table.data-table){overflow-x:auto}.preview-modal{padding:20px;max-height:90vh}.modal,.app-modal{padding:18px}.mobile-categories-chips{display:flex;overflow-x:auto;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--bg)}.mobile-categories-chips::-webkit-scrollbar{display:none}.mobile-cat-chip{padding:6px 14px;border:1px solid var(--border-strong);border-radius:20px;font-size:13px;white-space:nowrap;background:var(--card-bg);color:var(--text)}.mobile-cat-chip.active{background:var(--text);color:var(--bg);border-color:var(--text)}.category-dropdown{max-width:100%}.stats-row,.stats-grid{grid-template-columns:1fr!important;gap:10px!important}.profile-tabs{gap:14px!important;overflow-x:auto}}@media (max-width: 480px){.topbar{padding:10px 12px}.logo{font-size:19px}.stat-card .num{font-size:20px}}app-root{display:block;min-height:100vh}router-outlet{display:none}button,input,select,textarea{font:inherit}button,[role=button],a[href],label[for],select,summary,input[type=button],input[type=submit],input[type=reset],input[type=checkbox],input[type=radio],input[type=file]{cursor:pointer}button:disabled,select:disabled,input:disabled,[role=button][aria-disabled=true]{cursor:not-allowed}@media (max-width: 768px){body .profile-layout>.sidebar.drawer-open{display:block!important;width:min(260px,100vw - 44px)!important;max-width:calc(100vw - 44px)!important;padding:24px 16px!important;white-space:normal}body .profile-layout>.sidebar.drawer-open>a{display:flex;width:100%;min-width:0;align-items:center;margin:3px 0;white-space:normal}body .profile-layout>.sidebar.drawer-open>a>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis}}app-profile .password-divider{height:1px;background:var(--border);margin:2px 0}app-profile .password-section{display:grid;gap:14px}app-profile .password-section h3{margin:0;font-size:17px}app-profile .password-section>p{margin:-7px 0 2px;color:var(--text-muted);font-size:13px}app-profile .password-save-btn{justify-self:start;padding:9px 15px;border:1px solid var(--border);border-radius:20px;background:var(--text);color:var(--bg);cursor:pointer}app-profile .password-save-btn:disabled{opacity:.55;cursor:not-allowed}app-profile .profile-edit-success{padding:9px 11px;border-radius:8px;background:var(--accent-soft);color:var(--accent);font-size:13px}.comment-text .comment-mention{font-weight:800!important}