:root{--a-bg: #f5f6f8;--a-paper: #ffffff;--a-ink: #0f172a;--a-ink-2: #1f2937;--a-muted: #6b7280;--a-line: #e5e7eb;--a-line-2: #d1d5db;--a-accent: #b8001f;--a-accent-ink: #8a0017;--a-blue: #2563eb;--a-green: #16a34a;--a-amber: #d97706;--a-rose-50: #fff1f2;--a-side: #0f1419;--a-side-2: #161c24;--a-side-ink: #c9d1d9;--a-side-mute: #7a8290;--a-side-active: #b8001f}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--a-bg);color:var(--a-ink);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit}.app{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.sidebar{background:var(--a-side);color:var(--a-side-ink);padding:22px 14px;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar .brand{display:block;padding:4px 10px 18px;border-bottom:1px solid #1f2933;margin-bottom:14px;color:#fff;text-decoration:none}.sidebar .brand .brand-img{display:block;height:36px;width:auto}.sidebar .brand .dot-red{color:var(--a-accent)}.sidebar .brand-tag{display:block;font-family:Inter,sans-serif;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--a-side-mute);font-weight:600;margin-top:4px}.side-group{margin-top:18px}.side-group .title{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--a-side-mute);padding:0 12px 8px;font-weight:700}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:6px;font-size:13.5px;color:var(--a-side-ink);cursor:pointer;position:relative}.nav-item:hover,.nav-item.active{background:var(--a-side-2);color:#fff}.nav-item.active:before{content:"";position:absolute;left:-14px;top:6px;bottom:6px;width:3px;background:var(--a-side-active);border-radius:2px}.nav-item.locked{opacity:.42;pointer-events:none}.nav-item .ico{width:16px;height:16px;flex:0 0 16px}.nav-item .badge{margin-left:auto;background:var(--a-accent);color:#fff;font-size:10px;padding:2px 7px;border-radius:999px;font-weight:700}.topbar{background:var(--a-paper);border-bottom:1px solid var(--a-line);padding:12px 24px;display:flex;align-items:center;gap:16px;position:sticky;top:0;z-index:30}.topbar .search{flex:1;max-width:520px;position:relative}.topbar .search input{width:100%;border:1px solid var(--a-line);background:#fafafa;padding:9px 12px 9px 34px;border-radius:8px;font-size:13.5px;outline:none}.topbar .search input:focus{border-color:var(--a-blue);background:#fff}.topbar .search .ico{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--a-muted)}.topbar .right{margin-left:auto;display:flex;align-items:center;gap:10px}.role-switch{display:flex;align-items:center;gap:8px;background:#fff7e6;border:1px dashed #f3b25a;padding:4px 10px;border-radius:999px;font-size:12px;color:#92400e}.role-switch select{background:transparent;border:none;font-weight:700;color:#92400e;font-size:12px;cursor:pointer}.topbar .icon-btn{width:34px;height:34px;border:1px solid var(--a-line);border-radius:8px;background:#fff;display:inline-flex;align-items:center;justify-content:center;color:var(--a-ink-2);cursor:pointer}.topbar .icon-btn:hover{border-color:var(--a-ink-2)}.topbar .icon-btn .dot{position:absolute;transform:translate(8px,-8px);width:8px;height:8px;background:var(--a-accent);border-radius:50%;border:2px solid #fff}.user-chip{display:flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;border-radius:999px;border:1px solid var(--a-line);background:#fff;cursor:pointer}.user-chip .avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#b8001f,#4a0010);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:12px}.user-chip .name{font-size:13px;font-weight:600}.user-chip .role{font-size:11px;color:var(--a-muted)}.main{display:flex;flex-direction:column;min-width:0}.page{padding:28px 32px}.page-head{display:flex;align-items:center;gap:14px;margin-bottom:22px}.page-head h1{font-family:Playfair Display,Georgia,serif;font-size:26px;font-weight:800;margin:0;letter-spacing:-.01em}.page-head .sub{color:var(--a-muted);font-size:13px;margin-top:2px}.page-head .actions{margin-left:auto;display:flex;gap:8px}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;border:1px solid var(--a-line);background:#fff;font-size:13px;font-weight:600;color:var(--a-ink-2);cursor:pointer}.btn:hover{border-color:var(--a-ink-2)}.btn.primary{background:var(--a-accent);border-color:var(--a-accent);color:#fff}.btn.primary:hover{background:var(--a-accent-ink);border-color:var(--a-accent-ink);color:#fff}.btn.ghost{background:transparent;border-color:transparent;color:var(--a-ink-2)}.btn.ghost:hover{background:var(--a-line)}.btn.danger{color:var(--a-accent);border-color:var(--a-rose-50);background:var(--a-rose-50)}.btn.danger:hover{background:#ffe0e3}.btn.sm{padding:6px 10px;font-size:12px}.card{background:var(--a-paper);border:1px solid var(--a-line);border-radius:10px}.card .card-head{padding:14px 18px;border-bottom:1px solid var(--a-line);display:flex;align-items:center}.card .card-head h3{margin:0;font-size:14px;font-weight:700}.card .card-body{padding:18px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat{background:var(--a-paper);border:1px solid var(--a-line);border-radius:10px;padding:16px 18px}.stat .label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--a-muted);font-weight:700}.stat .val{font-family:Playfair Display,Georgia,serif;font-size:28px;font-weight:800;margin-top:6px}.stat .chg{font-size:12px;margin-top:4px;color:var(--a-green);font-weight:600}.stat .chg.down{color:var(--a-accent)}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 18px;border-bottom:1px solid var(--a-line);background:#fafafa;border-top-left-radius:10px;border-top-right-radius:10px}.toolbar select,.toolbar input[type=text],.toolbar input[type=search]{border:1px solid var(--a-line);border-radius:8px;padding:6px 10px;font-size:13px;background:#fff}.tabs{display:flex;gap:4px}.tab{padding:6px 10px;font-size:13px;color:var(--a-muted);font-weight:600;border-radius:6px;cursor:pointer}.tab.active{background:#fff;color:var(--a-ink);border:1px solid var(--a-line)}.tab .count{color:var(--a-muted);margin-left:6px;font-weight:500}table.tbl{width:100%;border-collapse:collapse;font-size:13.5px}table.tbl thead th{background:#fafafa;text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--a-muted);font-weight:700;padding:10px 16px;border-bottom:1px solid var(--a-line)}table.tbl tbody td{padding:14px 16px;border-bottom:1px solid var(--a-line);vertical-align:middle}table.tbl tbody tr:hover{background:#fafafa}table.tbl .title{font-weight:600;color:var(--a-ink)}table.tbl .title .row-actions{display:block;margin-top:4px;font-size:12px;color:var(--a-muted);opacity:0;transition:opacity .15s}table.tbl tbody tr:hover .row-actions{opacity:1}table.tbl .row-actions a{margin-right:10px}table.tbl .row-actions a:hover,table.tbl .row-actions .danger:hover{color:var(--a-accent)}.chip{display:inline-flex;align-items:center;gap:6px;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:700;background:#eef2ff;color:#4338ca}.chip.green{background:#ecfdf5;color:#047857}.chip.amber{background:#fef3c7;color:#92400e}.chip.gray{background:#f3f4f6;color:#374151}.chip.red{background:#fee2e2;color:#b91c1c}.chip.blue{background:#dbeafe;color:#1d4ed8}.author-mini{display:flex;align-items:center;gap:8px}.author-mini .avatar{width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:11px}.author-mini .name{font-weight:600}.editor-grid{display:grid;grid-template-columns:1fr 320px;gap:24px}.editor-main{display:flex;flex-direction:column;gap:16px}.editor-main .title-input{font-family:Playfair Display,Georgia,serif;font-size:36px;font-weight:800;border:none;outline:none;background:transparent;width:100%;letter-spacing:-.01em;color:var(--a-ink)}.editor-main .title-input::placeholder{color:#cbd5e1}.slug-row{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--a-muted)}.slug-row input{border:1px dashed var(--a-line);background:transparent;padding:2px 6px;border-radius:4px;font-size:12px;color:var(--a-ink-2);font-family:ui-monospace,SF Mono,monospace;min-width:280px}.toolbar-rich{display:flex;gap:4px;flex-wrap:wrap;background:#fff;border:1px solid var(--a-line);border-radius:8px;padding:6px;position:sticky;top:70px;z-index:10}.toolbar-rich button{background:transparent;border:none;padding:6px 10px;border-radius:6px;cursor:pointer;color:var(--a-ink-2);font-size:13px;font-weight:600}.toolbar-rich button:hover{background:#f3f4f6}.toolbar-rich .divider{width:1px;background:var(--a-line);margin:4px}.body-area{background:#fff;border:1px solid var(--a-line);border-radius:8px;padding:20px 24px;min-height:460px;font-family:Playfair Display,Georgia,serif;font-size:17px;line-height:1.65}.body-area:focus{outline:2px solid var(--a-blue);outline-offset:-1px}.side-panel{display:flex;flex-direction:column;gap:16px}.panel{background:#fff;border:1px solid var(--a-line);border-radius:10px}.panel h4{margin:0;padding:12px 16px;font-size:12px;text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid var(--a-line);font-weight:700}.panel .body{padding:14px 16px;display:flex;flex-direction:column;gap:10px}.panel label{display:block;font-size:12px;font-weight:600;color:var(--a-muted);margin-bottom:4px}.panel select,.panel input[type=text],.panel input[type=date],.panel textarea{width:100%;border:1px solid var(--a-line);padding:8px 10px;border-radius:6px;font-size:13px;background:#fff}.panel .tags-wrap{display:flex;flex-wrap:wrap;gap:6px;border:1px solid var(--a-line);padding:6px;border-radius:6px}.panel .tags-wrap .tag{background:#f3f4f6;padding:3px 8px;border-radius:999px;font-size:12px;display:inline-flex;gap:4px}.panel .featured{aspect-ratio:16/10;background:#f3f4f6;border:2px dashed var(--a-line-2);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--a-muted);font-size:12px;cursor:pointer}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;padding:18px}.media-tile{aspect-ratio:1/1;border-radius:8px;overflow:hidden;position:relative;border:1px solid var(--a-line);cursor:pointer}.media-tile .img{width:100%;height:100%}.media-tile .meta{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000b3);color:#fff;font-size:11px;padding:8px}.media-tile.upload{border:2px dashed var(--a-line-2);background:#fafafa;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--a-muted);font-size:12px;gap:6px}.login-shell{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#0b0b0b,#1a1a1a)}.login-card{width:100%;max-width:420px;background:#fff;border-radius:12px;padding:32px;box-shadow:0 20px 60px #0006}.login-card .brand{text-align:center}.login-card .brand .brand-img{height:48px;width:auto;display:inline-block}.login-card .brand .dot-red{color:var(--a-accent)}.login-card .sub{text-align:center;color:var(--a-muted);font-size:12px;letter-spacing:.16em;text-transform:uppercase;margin-top:4px;font-weight:700}.login-card form{margin-top:24px;display:flex;flex-direction:column;gap:12px}.login-card label{font-size:12px;font-weight:700;color:var(--a-ink-2)}.login-card input{width:100%;padding:11px 12px;border:1px solid var(--a-line);border-radius:8px;font-size:14px}.login-card input:focus{outline:2px solid var(--a-blue);outline-offset:-1px;border-color:var(--a-blue)}.login-card .btn.primary{width:100%;justify-content:center;padding:12px}.login-card .meta-row{display:flex;justify-content:space-between;font-size:12px}.login-card .meta-row a{color:var(--a-blue)}.login-card .totp-hint{margin-top:8px;font-size:11px;color:var(--a-muted);background:#f3f4f6;padding:8px 10px;border-radius:6px}.form-grid{display:grid;grid-template-columns:220px 1fr;gap:24px;padding:20px}.form-grid .label{font-weight:700}.form-grid .label .hint{font-weight:400;color:var(--a-muted);font-size:12px;margin-top:4px}.form-grid input[type=text],.form-grid input[type=email],.form-grid input[type=url],.form-grid textarea,.form-grid select{width:100%;max-width:480px;padding:9px 11px;border:1px solid var(--a-line);border-radius:8px;font-size:13.5px}.two-col{display:grid;grid-template-columns:360px 1fr;gap:24px}@media (max-width: 1024px){.app{grid-template-columns:72px 1fr}.sidebar .brand-tag,.sidebar .brand .full,.sidebar .nav-item .lbl,.sidebar .side-group .title{display:none}.sidebar .nav-item{justify-content:center;padding:10px}.stat-grid{grid-template-columns:repeat(2,1fr)}.editor-grid,.two-col{grid-template-columns:1fr}}