@font-face{font-family:Inter;src:url(/assets/fonts/inter/inter-vietnamese.woff2) format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Inter;src:url(/assets/fonts/inter/inter-latin.woff2) format("woff2");font-weight:100 900;font-display:swap}:root{color-scheme:light;--ink: #0f172a;--muted: #64748b;--line: #d8e0ea;--soft: #f3f6fa;--panel: #ffffff;--panel-soft: #f8fafc;--primary: #7c3aed;--primary-dark: #6d28d9;--primary-soft: #f3e8ff;--pink: #ec4899;--pink-soft: #fdf2f8;--accent: #ec4899;--warning: #be185d;--danger: #b42318;--success: #7c3aed;--shadow: 0 18px 48px rgba(15, 23, 42, .08);--focus: 0 0 0 4px rgba(124, 58, 237, .16)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--soft);color:var(--ink);font-family:Inter,system-ui,sans-serif;font-size:14px;letter-spacing:0}button,input,select,textarea{font:inherit}.btn,button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;border:0;border-radius:8px;background:var(--primary);color:#fff;padding:0 12px;font-size:13px;font-weight:700;cursor:pointer}.btn:hover,button:hover{background:var(--primary-dark)}.btn-soft{border:1px solid var(--line);background:#f7f4ff;color:#162033}.btn-soft:hover{background:#f1e8ff}.btn-primary{background:var(--primary);color:#fff}.btn-small{min-height:32px;padding:0 10px;font-size:12px}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.62}input,select,textarea{width:100%;min-height:36px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);padding:0 10px;font-size:13px;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}input:focus,select:focus,textarea:focus,button:focus-visible{outline:0;box-shadow:var(--focus)}textarea{min-height:84px;padding:10px;resize:vertical}label span{display:block;margin-bottom:6px;color:#344054;font-size:12px;font-weight:720}.is-hidden{display:none!important}.auth-screen{display:grid;min-height:100vh;padding:24px;place-items:center;background:linear-gradient(180deg,#ffffffb8,#fff0),var(--soft)}.auth-panel{width:min(100%,440px);display:grid;gap:12px;border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:22px;box-shadow:var(--shadow)}.eyebrow{margin:0;color:var(--accent);font-size:11px;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{margin:0}h1{font-size:clamp(21px,3vw,28px);line-height:1.12;letter-spacing:0}h2{font-size:16px;letter-spacing:0}h3{font-size:13px;letter-spacing:0}.muted{color:var(--muted);font-size:12px;line-height:1.45}.form-message{min-height:18px;color:var(--muted);font-size:12px}.form-message[data-type=error]{color:var(--danger)}.form-message[data-type=success]{color:var(--success)}.dashboard{min-height:100vh}.topbar{position:sticky;top:0;z-index:5;display:flex;min-height:58px;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);background:#fffffff0;padding:0 22px;backdrop-filter:blur(12px)}.brand{display:inline-flex;align-items:center}.brand img{width:118px;height:auto}.account{display:flex;align-items:center;gap:10px;color:#344054;font-size:13px;font-weight:650}.account-badge{display:inline-flex;align-items:center;min-height:30px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:0 10px;color:#243044}.account-badge:before{content:"";width:8px;height:8px;margin-right:8px;border-radius:999px;background:var(--pink)}.workspace{display:grid;grid-template-columns:196px minmax(0,1fr);align-items:start;gap:16px;width:100%;max-width:none;margin:0;padding:0 22px 22px 0}.sidebar{position:sticky;top:58px;display:grid;align-content:start;gap:6px;height:calc(100vh - 58px);min-height:calc(100vh - 58px);overflow-y:auto;border:0;border-right:1px solid var(--line);border-radius:0;background:#fff;padding:14px 10px;box-shadow:none}.nav-item{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:8px;background:transparent;color:#475569;text-align:left;padding:0 12px;font-size:13px;font-weight:600}.nav-item svg{width:16px;height:16px;flex:0 0 16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.nav-item:hover,.nav-item.is-active{background:#f6f1ff;color:var(--primary-dark)}.nav-item.is-active{box-shadow:inset 2px 0 0 var(--primary)}.nav-group{display:grid;gap:4px}.nav-item-parent{position:relative}.nav-caret{width:14px!important;height:14px!important;margin-left:auto;transition:transform .16s ease}.nav-submenu{display:none;gap:3px;padding:2px 0 4px 28px}.nav-group:hover .nav-submenu,.nav-group.is-open .nav-submenu{display:grid}.nav-group:hover .nav-caret,.nav-group.is-open .nav-caret{transform:rotate(90deg)}.nav-subitem{display:flex;align-items:center;gap:7px;justify-content:flex-start;min-height:30px;border-radius:7px;background:transparent;color:#5f6b7c;padding:0 10px;font-size:12px;font-weight:650}.nav-subitem svg{width:14px;height:14px;flex:0 0 14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.nav-subitem:hover,.nav-subitem.is-active{background:#fbf7ff;color:var(--primary-dark)}.panel{display:grid;align-content:start;align-self:start;gap:14px;padding-top:16px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px}.panel-head>div{display:grid;gap:4px}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.stat-card{display:grid;gap:5px;border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:12px 14px;box-shadow:0 8px 20px #0f172a09}.stat-card span{color:var(--muted);font-size:11px;font-weight:760;text-transform:uppercase}.stat-card strong{font-size:24px;line-height:1;color:var(--primary)}.stat-card .stat-text{overflow:visible;font-size:18px;text-overflow:ellipsis;white-space:nowrap}.dashboard-toolbar{display:flex;align-items:end;justify-content:space-between;gap:10px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:10px;box-shadow:0 8px 20px #0f172a08}.range-buttons{display:flex;flex-wrap:wrap;gap:6px}.range-button{min-height:32px;border:1px solid #e9d5ff;background:#fff;color:#2b174e;padding:0 10px;font-size:12px}.range-button:hover,.range-button.is-active{border-color:var(--primary);background:var(--primary);color:#fff}.custom-range{display:grid;grid-template-columns:150px 150px auto;gap:8px;align-items:end}.dashboard-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.index-setting-card{gap:8px}.index-switch{min-height:34px}.index-switch strong{color:var(--primary-dark);font-size:13px}.index-setting-card[data-index-disabled=false] .index-switch strong{color:var(--success)}.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dashboard-card{display:grid;gap:12px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:14px;box-shadow:0 8px 20px #0f172a09}.dashboard-chart{position:relative;min-height:238px;border:1px solid #edf2f7;border-radius:8px;background:linear-gradient(180deg,#ffffffeb,#fafcfff5),radial-gradient(circle at 18% 18%,rgba(139,61,255,.035),transparent 34%),#fbfdff;overflow:hidden;padding:0}.line-chart{width:100%;display:block}.chart-plot-bg{fill:#ffffffb8;stroke:#eef2f7;stroke-width:1}.chart-grid-line{fill:none;stroke:#e8edf5;stroke-width:1;stroke-dasharray:4 5}.chart-axis-line,.chart-tick{fill:none;stroke:#cbd5e1;stroke-width:1}.chart-area{pointer-events:none}.chart-line{fill:none;stroke:var(--primary);stroke-linecap:round;stroke-linejoin:round;stroke-width:2.1;filter:drop-shadow(0 5px 6px rgba(124,58,237,.1))}.chart-x-label,.chart-y-label,.chart-axis-name{fill:#667085;font-size:10px;font-weight:700}.chart-axis-name{fill:#7c3aed;font-size:11px;font-weight:760}.chart-marker{fill:#8b3dff;stroke:#fff;stroke-width:2;vector-effect:non-scaling-stroke;filter:drop-shadow(0 2px 3px rgba(124,58,237,.18));transition:fill .14s ease,r .14s ease}.chart-marker.is-muted{opacity:.22}.chart-marker.is-highlight{opacity:1}.chart-marker:hover{fill:var(--accent)}.dashboard-list{display:grid;gap:7px}.dashboard-list-item{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:42px;border:1px solid #edf2f7;border-radius:8px;background:#fff;padding:6px 9px;color:#1d2939;text-decoration:none}.dashboard-list-item:hover{border-color:#e9d5ff;background:#fbf7ff}.dashboard-list-item>span{display:inline-flex;width:24px;height:24px;align-items:center;justify-content:center;border-radius:7px;background:var(--primary-soft);color:var(--primary-dark);font-size:11px;font-weight:850}.dashboard-list-item strong{overflow:hidden;font-size:12px;font-weight:620;text-overflow:ellipsis;white-space:nowrap}.dashboard-list-item em{color:var(--muted);font-size:11px;font-style:normal;font-weight:650;white-space:nowrap}[data-dashboard-top-ratings]{gap:6px}[data-dashboard-top-ratings] .dashboard-list-item{min-height:37px;padding:5px 8px}[data-dashboard-top-ratings] .dashboard-list-item>span{width:22px;height:22px;font-size:10px}.dashboard-empty{border:1px dashed #e4eaf2;border-radius:8px;padding:12px;color:var(--muted);font-size:12px;text-align:center}.create-user,.password-form,.placeholder-panel{display:grid;align-content:start;align-self:start;gap:12px;border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:14px;box-shadow:0 8px 20px #0f172a09}.section-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.section-title>div,.section-title{min-width:0}.form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.ip-stat-grid{grid-template-columns:1.2fr .8fr .8fr}.posts-stat-grid{grid-template-columns:1fr 1fr 1fr}.ip-form-grid{grid-template-columns:minmax(240px,1fr) minmax(220px,1fr) 150px;align-items:end}.category-form-grid{grid-template-columns:minmax(220px,1fr) minmax(260px,1fr) 120px 150px;align-items:end}.rating-form-grid{grid-template-columns:minmax(260px,1.6fr) 100px 130px minmax(180px,1fr) 110px;align-items:end}.download-form-grid{grid-template-columns:minmax(240px,1fr) 150px 160px 120px;align-items:end}.post-editor-grid{grid-template-columns:minmax(280px,2fr) 150px 180px minmax(160px,1fr)}.page-seo-grid{grid-template-columns:minmax(260px,1fr) minmax(220px,.7fr) minmax(380px,1.1fr)}.field-wide{grid-column:1 / -1}.field-half{grid-column:span 2}.image-preview-box{position:relative;width:120px;margin-top:8px;outline:none}.image-preview-box[hidden]{display:none}.image-preview{width:120px;height:78px;display:block;border:1px solid #e4eaf2;border-radius:8px;background:#f8fafc;-o-object-fit:cover;object-fit:cover;box-shadow:0 8px 18px #10182814;cursor:zoom-in}.image-preview-box__hint{display:block;margin-top:5px;color:#667085;font-size:10px;font-weight:700;line-height:1.2}.image-preview-popover{position:absolute;left:calc(100% + 12px);top:0;z-index:40;width:min(360px,calc(100vw - 48px));padding:8px;border:1px solid #e4eaf2;border-radius:12px;background:#fff;box-shadow:0 24px 60px #10182838;opacity:0;pointer-events:none;transform:translateY(6px) scale(.98);transform-origin:top left;transition:opacity .16s ease,transform .16s ease}.image-preview-popover img{width:100%;max-height:320px;display:block;border-radius:8px;-o-object-fit:contain;object-fit:contain}.image-preview-box:hover .image-preview-popover,.image-preview-box:focus-visible .image-preview-popover{opacity:1;transform:translateY(0) scale(1)}.content-editor textarea{min-height:420px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.6}.post-builder{display:grid;grid-template-columns:minmax(170px,20%) minmax(0,1fr);gap:12px;align-items:start}.builder-palette,.builder-stage{display:grid;gap:10px;border:1px solid #e4eaf2;border-radius:8px;background:#fbfdff;padding:12px}.builder-palette{grid-template-columns:repeat(2,minmax(0,1fr))}.builder-palette>div{grid-column:1 / -1}.builder-label{display:block;margin-bottom:3px;color:#162033;font-size:12px;font-weight:720;text-transform:uppercase}.builder-palette button{width:100%;justify-content:flex-start;border:1px solid #e9d5ff;background:#fff;color:#2b174e;min-height:34px;padding:0 9px;font-weight:700}.builder-palette button:hover{background:var(--primary-soft)}.builder-stage-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.builder-canvas{display:grid;min-height:440px;align-content:start;gap:10px;border:1px dashed #c4b5fd;border-radius:8px;background:#fff;padding:12px}.builder-empty{display:grid;min-height:180px;place-items:center;border-radius:8px;background:#faf7ff;color:#7c3aed;font-size:13px;font-weight:650}.builder-block{display:grid;gap:10px;border:1px solid #e4eaf2;border-radius:8px;background:#fff;padding:10px}.builder-block-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.builder-block-head strong{color:var(--primary);font-size:12px;font-weight:720;text-transform:uppercase}.builder-preview{overflow:hidden;border-radius:8px;background:#f8fafc;padding:10px}.builder-preview h1,.builder-preview h2,.builder-preview h3,.builder-preview h4,.builder-preview h5,.builder-preview h6,.builder-preview p{margin:0;font-weight:400;line-height:1.55}.builder-preview h1,.builder-preview h2,.builder-preview h3,.builder-preview h4,.builder-preview h5,.builder-preview h6{font-weight:700;line-height:1.25}.builder-preview h1{font-size:30px}.builder-preview h2{font-size:24px}.builder-preview h3{font-size:20px}.builder-preview img{width:100%;max-height:220px;border-radius:8px;-o-object-fit:cover;object-fit:cover}.builder-preview-video,.vps-video-block{position:relative;overflow:hidden;border-radius:10px;background:#120020;aspect-ratio:16 / 9}.builder-preview-video iframe,.builder-preview-video video,.vps-video-block iframe,.vps-video-block video{position:absolute;inset:0;width:100%;height:100%;border:0}.builder-preview-box{display:grid;gap:8px;border-radius:8px;padding:14px}.builder-preview-button{display:inline-flex;min-height:36px;align-items:center;border-radius:999px;color:#fff;padding:0 14px;font-size:13px;font-weight:700}.builder-preview-html{border:1px dashed #d8b4fe;border-radius:8px;background:#fff;padding:10px}.builder-preview-copy{display:flex;min-height:58px;align-items:center;justify-content:space-between;gap:14px;border-radius:9px;color:#fff;padding:12px 14px}.builder-preview-copy code{overflow:hidden;color:inherit;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.builder-preview-copy button{min-height:34px;border:0;border-radius:9px;background:#fff;color:#2b174e;padding:0 13px;font-size:12px;font-weight:700}.builder-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.builder-field-wide{grid-column:1 / -1}.builder-field>span,.image-field>span{display:block;margin-bottom:6px;color:#344054;font-size:12px;font-weight:650}.builder-fields textarea{min-height:74px}.seo-panel{display:grid;border:1px solid #e9d5ff;border-radius:8px;background:#fff;overflow:hidden}.seo-head{display:flex;width:100%;min-height:58px;align-items:center;justify-content:space-between;gap:12px;border:0;background:#fbf8ff;color:inherit;padding:12px;text-align:left;cursor:pointer}.seo-head:hover{background:#f4ecff;color:#162033}.seo-head:hover .muted{color:#5f4b7a}.seo-head:hover .builder-label{color:#162033}.seo-head-actions{display:inline-flex;align-items:center;gap:8px}.seo-arrow{display:inline-flex;width:26px;height:26px;flex:0 0 26px;align-items:center;justify-content:center;border:1px solid #e9d5ff;border-radius:999px;color:var(--primary);transition:transform .16s ease}.seo-arrow path{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.seo-head[aria-expanded=true] .seo-arrow{transform:rotate(180deg)}.seo-body{display:grid;gap:10px;padding:12px}.seo-body[hidden]{display:none}.seo-score{display:inline-flex;min-width:72px;min-height:34px;align-items:center;justify-content:center;border-radius:999px;background:#fee2e2;color:#b91c1c;font-size:13px;font-weight:860}.seo-score[data-score-level=medium]{background:#fef3c7;color:#92400e}.seo-score[data-score-level=good]{background:#dcfce7;color:#166534}.seo-preview{display:grid;gap:4px;border:1px solid #e4eaf2;border-radius:8px;background:#fff;padding:10px}.seo-preview span{color:#344054;font-size:11px;font-weight:780}.seo-preview small{color:#111827;font-size:12px}.seo-preview strong{color:#2563eb;font-size:15px;font-weight:760}.seo-preview p{margin:0;color:#475467;font-size:12px;line-height:1.5}.page-seo-image-card{display:grid;grid-template-columns:124px minmax(0,1fr);gap:10px;align-items:center;border:1px solid #e9d5ff;border-radius:10px;background:linear-gradient(135deg,#fff,#fbf7ff);padding:8px}.page-seo-image-card[hidden]{display:none}.page-seo-image-preview{overflow:hidden;width:124px;aspect-ratio:16 / 9;border:1px solid #eadcff;border-radius:9px;background:#f8f4ff}.page-seo-image-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.page-seo-image-card span,.page-seo-image-card small,.page-seo-image-card strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-seo-image-card span{color:var(--primary);font-size:11px;font-weight:850;text-transform:uppercase}.page-seo-image-card strong{margin-top:3px;color:#111827;font-size:14px}.page-seo-image-card small{margin-top:5px;color:#667085;font-size:11px}.page-seo-image-upload{width:-moz-fit-content;width:fit-content;min-height:28px;margin-top:7px;padding:0 10px;font-size:11px}.seo-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.post-seo-technical-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:8px;border:1px solid #eadcff;border-radius:8px;background:#fff;padding:10px}.post-seo-technical-grid input[readonly]{background:#f8fafc;color:#475467;cursor:default;font-size:12px}.seo-advanced-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;border:1px solid #eadcff;border-radius:8px;background:#fff;padding:10px}.seo-advanced-half{grid-column:span 3}.seo-advanced-third{grid-column:span 2}.seo-keyword-field{min-width:0}.seo-keyword-box{display:flex;min-height:40px;flex-wrap:wrap;align-items:center;gap:5px;border:1px solid #dce4ed;border-radius:8px;background:#fff;padding:5px}.seo-keyword-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #7c3aed1f}.seo-keyword-box input{min-width:150px;flex:1;min-height:28px;border:0;background:transparent;padding:0 5px}.seo-keyword-box input:focus{outline:0}.seo-keyword-tag{display:inline-flex;max-width:100%;min-height:28px;align-items:center;gap:5px;border-radius:999px;background:#e8f8e8;color:#35a944;padding:0 7px;font-size:12px;font-weight:560}.seo-keyword-tag.is-primary{background:#67ca73;color:#fff}.seo-keyword-tag b{font-size:12px;font-weight:650;line-height:1}.seo-keyword-tag button{width:16px;min-width:16px;height:16px;min-height:16px;border-radius:999px;background:#ffffffdb;color:#64748b;padding:0;font-size:12px;line-height:1}.seo-keyword-tag:not(.is-primary) button{background:#fff}.seo-keyword-tag button:hover{background:#fff;color:#111827}.seo-checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.seo-group{border:1px solid #eef2f7;border-radius:8px;background:#fff;overflow:hidden}.seo-group header{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #eef2f7;background:#f8fafc;padding:8px 10px}.seo-group header strong{color:#0f172a;font-size:12px;font-weight:800}.seo-group header span{display:inline-flex;min-width:-moz-max-content;min-width:max-content;align-items:center;justify-content:center;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:800;white-space:nowrap}.seo-group header span.is-good{background:#dcfce7;color:#166534}.seo-group header span.is-warning{background:#fee2e2;color:#b91c1c}.seo-group>div{display:grid;gap:2px;padding:8px}.seo-checklist span{display:grid;grid-template-columns:18px 1fr;min-height:30px;align-items:center;gap:8px;border-radius:8px;color:#64748b;padding:4px 8px;font-size:12px;font-weight:680}.seo-checklist span.is-ok{background:#f0fdf4;color:#166534}.seo-checklist span.is-missing{background:#fff7ed;color:#9a3412}.seo-checklist i{display:inline-flex;width:18px;height:18px;align-items:center;justify-content:center;border-radius:999px;color:inherit;font-size:12px;font-style:normal;font-weight:900}.builder-color-field{max-width:180px}.builder-color-row{display:inline-grid;grid-template-columns:34px 92px;gap:6px;align-items:center}.builder-color-swatch{width:34px;min-height:32px;padding:3px;cursor:pointer}.builder-color-hex{min-height:32px;padding:0 7px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;text-transform:uppercase}.builder-rich-editor{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#fff}.builder-rich-toolbar{display:flex;flex-wrap:wrap;gap:4px;border-bottom:1px solid #e4eaf2;background:#fbfdff;padding:6px}.builder-rich-toolbar select{width:118px;min-height:30px;border-radius:6px;font-size:12px}.builder-rich-toolbar button{min-width:30px;min-height:30px;border:1px solid transparent;border-radius:6px;background:transparent;color:#243044;padding:0 7px;font-size:12px;font-weight:700}.builder-rich-toolbar button:hover{border-color:#e9d5ff;background:#f6f1ff;color:var(--primary-dark)}.builder-rich-editor textarea{min-height:118px;border:0;border-radius:0;box-shadow:none}.builder-preview-rich{display:grid;gap:8px}.builder-preview-rich p,.builder-preview-rich ul,.builder-preview-rich ol,.builder-preview-rich blockquote{margin:0}.builder-preview-rich blockquote{border-left:3px solid var(--primary);padding-left:10px;color:#475569}.ip-switch{min-height:36px;margin-top:18px}.permission-box{display:grid;gap:10px;border:1px solid #e7edf4;border-radius:8px;background:var(--panel-soft);padding:10px}.permission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:6px}.permission-grid.compact{min-width:280px;grid-template-columns:repeat(2,minmax(130px,1fr));gap:4px}.form-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.form-actions .btn{min-width:118px}.check-item,.switch{display:flex;align-items:center;gap:6px;min-height:30px;color:#344054;font-size:12px;font-weight:620}.check-item input,.switch input{width:14px;min-height:14px;accent-color:var(--primary)}.check-item span,.switch span{margin:0}.check-item{border:1px solid #e4eaf2;border-radius:8px;background:#fff;padding:0 8px}.compact .check-item{min-height:26px;border-color:transparent;background:#f7fafc;padding:0 6px;font-size:11px}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:0 8px 20px #0f172a09}.table-title{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:12px 14px}.table-title>div:not(.table-actions){display:grid;gap:3px}.table-heading-line{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.table-title .table-actions{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:8px;min-width:0}.page-size-control{display:inline-flex;align-items:center;gap:6px;min-height:32px;color:var(--muted);font-size:12px;font-weight:700;white-space:nowrap}.page-size-control select{width:82px;min-height:32px;border:1px solid #e9d5ff;border-radius:8px;background:#fff;color:#2b174e;padding:0 8px;font-size:12px;font-weight:760}table{width:100%;min-width:1080px;border-collapse:collapse}.ip-table{min-width:820px}.category-table,.rating-table{min-width:980px}.pages-table{min-width:1320px;table-layout:fixed}.download-table{min-width:1180px}.activity-log-table{min-width:1180px;table-layout:fixed}.activity-log-table th:nth-child(1),.activity-log-table td:nth-child(1){width:150px}.activity-log-table th:nth-child(2),.activity-log-table td:nth-child(2){width:160px}.activity-log-table th:nth-child(3),.activity-log-table td:nth-child(3){width:220px}.activity-log-table th:nth-child(4),.activity-log-table td:nth-child(4){width:220px}.activity-log-table th:nth-child(5),.activity-log-table td:nth-child(5){width:130px}.activity-log-action strong,.activity-log-target,.activity-log-detail{display:block;overflow:hidden;text-overflow:ellipsis}.activity-log-detail{display:-webkit-box;color:var(--muted);font-size:11px;line-height:1.45;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}.posts-table{min-width:1440px;table-layout:fixed}.posts-table th:nth-child(1),.posts-table td:nth-child(1){width:42px}.posts-table th:nth-child(2),.posts-table td:nth-child(2){width:390px}.posts-table th:nth-child(3),.posts-table td:nth-child(3){width:130px}.posts-table th:nth-child(4),.posts-table td:nth-child(4){width:110px}.posts-table th:nth-child(5),.posts-table td:nth-child(5),.posts-table th:nth-child(6),.posts-table td:nth-child(6),.posts-table th:nth-child(7),.posts-table td:nth-child(7),.posts-table th:nth-child(8),.posts-table td:nth-child(8){width:94px;white-space:nowrap}.posts-table th:nth-child(9),.posts-table td:nth-child(9){width:190px}.posts-table th:nth-child(10),.posts-table td:nth-child(10){width:170px}.pages-table th:nth-child(1),.pages-table td:nth-child(1){width:360px}.pages-table th:nth-child(2),.pages-table td:nth-child(2){width:110px}.pages-table th:nth-child(3),.pages-table td:nth-child(3),.pages-table th:nth-child(4),.pages-table td:nth-child(4),.pages-table th:nth-child(6),.pages-table td:nth-child(6),.pages-table th:nth-child(7),.pages-table td:nth-child(7){width:110px}.pages-table th:nth-child(8),.pages-table td:nth-child(8){width:220px}.pages-table th:nth-child(5),.pages-table td:nth-child(5){width:230px}.admin-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding:10px 12px}.admin-pagination[hidden]{display:none}.admin-pagination__summary{color:var(--muted);font-size:12px;font-weight:700}.admin-pagination__buttons{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.admin-pagination__buttons button{min-width:32px;min-height:30px;border:1px solid #e9d5ff;background:#fff;color:#2b174e;padding:0 10px;font-size:12px}.admin-pagination__buttons button[aria-current=page]{border-color:var(--primary);background:var(--primary);color:#fff}.admin-pagination__buttons button:disabled{background:#f8fafc;color:#94a3b8}th,td{border-bottom:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:middle}.select-col{width:40px;min-width:40px;text-align:center}.select-col input{width:15px;height:15px;accent-color:var(--primary);cursor:pointer}th{background:#f8fafc;color:#475467;font-size:11px;font-weight:760;text-transform:uppercase}.user-row:hover td{background:#fbfdff}tr:last-child td{border-bottom:0}.user-cell{display:flex;min-width:250px;align-items:center;gap:10px}.post-cell{display:flex;width:100%;min-width:0;align-items:center;gap:10px}.page-cell{display:flex;width:100%;min-width:0;align-items:center;gap:9px}.page-main{display:grid;min-width:0;gap:3px}.page-thumb{display:inline-flex;width:48px;height:34px;flex:0 0 48px;overflow:hidden;border:1px solid #eadcff;border-radius:7px;background:#f8f4ff;cursor:zoom-in}.page-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.page-thumb:hover img{outline:2px solid #c084fc;outline-offset:2px}.page-cell strong,.page-cell .user-meta{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-title-col{overflow:hidden}.post-thumb{display:inline-flex;width:56px;height:38px;flex:0 0 56px;cursor:zoom-in}.post-cell img{width:56px;height:38px;flex:0 0 56px;border-radius:7px;background:var(--primary-soft);-o-object-fit:cover;object-fit:cover}.post-thumb:hover img{outline:2px solid #c084fc;outline-offset:2px}.post-image-hover-preview{position:fixed;z-index:9999;width:min(460px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:hidden;border:1px solid #e9d5ff;border-radius:12px;background:#fff;box-shadow:0 24px 60px #2b174e33;pointer-events:none}.post-image-hover-preview[hidden]{display:none}.post-image-hover-preview img{display:block;width:auto;max-width:100%;height:auto;max-height:min(70vh,560px);margin:0 auto;background:#fff;-o-object-fit:contain;object-fit:contain}.post-rating-cell,.post-seo-cell{display:grid;min-width:120px;gap:3px;color:#475467;font-size:11px;line-height:1.35}.post-rating-cell strong{color:#f59e0b;font-size:12px;font-weight:860}.post-seo-cell{min-width:170px}.post-cell .user-main,.post-cell strong,.post-cell .user-meta{min-width:0}.post-cell strong,.post-cell .user-meta{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-seo-cell strong{display:inline-flex;width:-moz-max-content;width:max-content;min-height:24px;align-items:center;border-radius:6px;background:#fee2e2;color:#b91c1c;padding:0 8px;font-size:12px;font-weight:860}.post-seo-cell strong[data-score-level=medium]{background:#fef3c7;color:#92400e}.post-seo-cell strong[data-score-level=good]{background:#dcfce7;color:#166534}.avatar{display:inline-flex;width:32px;height:32px;flex:0 0 32px;align-items:center;justify-content:center;border-radius:8px;background:linear-gradient(135deg,var(--primary-soft),var(--pink-soft));color:var(--primary-dark);font-size:13px;font-weight:780}.avatar-image{display:block;border:1px solid #e9d5ff;-o-object-fit:cover;object-fit:cover}.avatar-upload-row{display:grid;grid-template-columns:minmax(140px,1fr) auto;gap:6px;align-items:center}.upload-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.avatar-upload-button,.upload-button{position:relative;overflow:hidden;white-space:nowrap}.avatar-upload-button input,.upload-button input{position:absolute;inset:0;cursor:pointer;opacity:0}.avatar-upload-button.is-disabled,.avatar-upload-button.is-loading,.upload-button.is-loading{opacity:.65;pointer-events:none}.user-main{display:grid;min-width:0;gap:5px}.user-cell strong{font-size:13px}.user-meta{color:var(--muted);font-size:11px}.table-input,.table-select{min-height:32px;border-color:#dce4ed;background:#fff;font-size:12px}.posts-search{width:260px;max-width:100%}.role-pill{display:inline-flex;min-height:24px;align-items:center;border:1px solid #e9d5ff;border-radius:8px;background:var(--primary-soft);color:var(--primary-dark);padding:0 8px;font-size:11px;font-weight:760;margin-bottom:6px}.role-pill.is-draft{border-color:#fed7aa;background:#fff7ed;color:#9a3412}.role-pill.is-public{border-color:#e9d5ff;background:var(--primary-soft);color:var(--primary-dark)}.user-row.is-muted-row{background:#fbf8ff}.user-row.is-muted-row .page-cell{opacity:.68}.category-count-pill{display:inline-flex;min-width:42px;min-height:26px;align-items:center;justify-content:center;border:1px solid #f5d0fe;border-radius:999px;background:#fdf4ff;color:var(--primary-dark);padding:0 10px;font-size:12px;font-weight:820}.toggle{width:-moz-max-content;width:max-content;border-radius:999px;background:var(--primary-soft);color:var(--success);padding:0 8px}.toggle input:not(:checked)+span{color:var(--warning)}.reset-pass{display:flex;min-width:210px;gap:6px}.reset-pass .table-input{min-width:126px}.order-input{max-width:110px}.rating-score-input{max-width:82px}.rating-count-input{max-width:110px}.download-url-input{min-width:320px}.download-count-input{max-width:110px}.download-shortcode-cell{display:flex;align-items:center;gap:8px}.download-shortcode{display:inline-flex;min-height:30px;align-items:center;border:1px solid #e9d5ff;border-radius:8px;background:#faf5ff;color:var(--primary-dark);padding:0 9px;font-size:12px;font-weight:760;white-space:nowrap}.row-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.password-form{max-width:560px;width:min(100%,560px)}@media(max-width:900px){.topbar{position:static;flex-wrap:wrap;height:auto;padding:16px}.account{width:100%;justify-content:space-between}.workspace{grid-template-columns:1fr;padding:16px;gap:16px}.sidebar{position:static;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));height:auto;min-height:0;border:1px solid var(--line);border-radius:8px;padding:8px}.panel{padding-top:0}.nav-submenu{padding-left:12px}.panel-head,.section-title{align-items:flex-start;flex-direction:column}.form-grid,.stat-grid,.dashboard-stat-grid,.dashboard-grid,.ip-stat-grid,.posts-stat-grid,.ip-form-grid,.category-form-grid,.rating-form-grid,.download-form-grid,.post-editor-grid,.post-builder,.builder-fields,.seo-checklist,.seo-fields,.post-seo-technical-grid,.seo-advanced-grid{grid-template-columns:1fr}.seo-advanced-half,.seo-advanced-third,.field-half{grid-column:1 / -1}.dashboard-toolbar{align-items:stretch;flex-direction:column}.custom-range{grid-template-columns:1fr}.dashboard-chart{min-height:220px}.chart-x-label,.chart-y-label{font-size:9px}.chart-axis-name{font-size:10px}.dashboard-list-item{grid-template-columns:28px minmax(0,1fr)}.dashboard-list-item em{grid-column:2;white-space:normal}.builder-palette{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-panel{padding:22px}.admin-pagination{align-items:flex-start;flex-direction:column}}