:root{--blue:#0f3f78;--blue2:#174f90;--blue-soft:#eef4fb;--ink:#17202b;--muted:#6f7b89;--line:#d9e1ea;--bg:#f6f8fb;--white:#fff;--danger:#a83c3c;--success:#2f6b50;--warning:#946b17;--shadow:0 8px 30px rgba(18,42,72,.07)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.topbar{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:30}.brand{display:flex;align-items:center;gap:13px}.brand-mark{width:35px;height:35px;border-radius:8px;background:var(--blue);display:grid;place-items:center;color:#fff;font-weight:700}.brand-copy strong,.brand-copy small{display:block}.brand-copy strong{font-size:16px}.brand-copy small{font-size:12px;color:var(--muted);margin-top:1px}.user-menu{display:flex;align-items:center;gap:12px;color:#46515d;font-size:13px}.user-menu>a{color:var(--blue);font-weight:700}.avatar{width:36px;height:36px;border-radius:50%;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;font-weight:700}.layout{display:grid;grid-template-columns:235px minmax(0,1fr);min-height:calc(100vh - 68px)}.sidebar{background:#fff;border-right:1px solid var(--line);padding:22px 16px}.nav-title{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#8a96a3;margin:8px 10px 12px}.nav-btn{display:flex;align-items:center;gap:12px;padding:12px 13px;border-radius:8px;margin-bottom:5px;color:#34404c}.nav-btn:hover,.nav-btn.active{background:var(--blue-soft);color:var(--blue)}.nav-btn .icon{width:22px;text-align:center;font-weight:700}.sidebar-note{margin-top:28px;padding:14px;border:1px solid var(--line);border-radius:10px;background:#fbfcfe;color:var(--muted);font-size:12px;line-height:1.5}.main{padding:34px}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:22px;margin-bottom:25px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--blue);font-weight:700;margin-bottom:7px}h1{margin:0;font-size:32px;letter-spacing:-.02em}.page-head p{margin:7px 0 0;color:var(--muted);max-width:720px}.actions{display:flex;gap:9px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:#fff;color:#26313d;min-height:42px;padding:0 16px;border-radius:8px;cursor:pointer;font-weight:700}.btn:hover{border-color:#b7c5d5}.btn.primary{background:var(--blue);color:#fff;border-color:var(--blue)}.btn.soft{background:var(--blue-soft);border-color:#d9e7f6;color:var(--blue)}.btn.danger{color:var(--danger);border-color:#e5caca;background:#fff}.btn.small{min-height:34px;padding:0 11px;font-size:12px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px}.stat,.card,.panel{background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}.stat{padding:18px}.stat span{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.stat strong{display:block;margin-top:7px;font-size:29px;color:var(--blue)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:15px 18px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}th{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#8693a0;background:#fbfcfe}td{font-size:14px}.title-cell{min-width:320px}.muted{color:var(--muted)}.badge{display:inline-flex;align-items:center;min-height:26px;padding:0 9px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}.badge.draft{background:#f0f2f5;color:#66717c}.badge.review{background:#fff4dc;color:var(--warning)}.badge.live{background:#e9f5ef;color:var(--success)}.badge.archived{background:#f4ebeb;color:#795454}.badge.hidden{background:#f7e9e9;color:var(--danger);margin-left:5px}.row-actions{display:flex;gap:8px;flex-wrap:wrap}.link{color:var(--blue);font-weight:700}.panel{padding:20px}.panel h3{margin:0 0 16px;font-size:15px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:15px}.field:last-child{margin-bottom:0}label{font-size:12px;font-weight:700;color:#44505d}input[type=text],input[type=email],input[type=password],input[type=url],select,textarea{width:100%;border:1px solid var(--line);background:#fff;border-radius:7px;padding:11px 12px;outline:none;color:var(--ink)}input:focus,select:focus,textarea:focus{border-color:#91acd0;box-shadow:0 0 0 3px rgba(23,79,144,.08)}textarea{resize:vertical}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.editor-shell{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px}.editor-main,.editor-side{display:flex;flex-direction:column;gap:16px}.toolbar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:9px;border:1px solid var(--line);border-bottom:0;border-radius:7px 7px 0 0;background:#fbfcfe}.tool{border:1px solid transparent;background:transparent;min-width:34px;height:34px;border-radius:6px;cursor:pointer;color:#36414d}.tool:hover{background:#eef3f8;border-color:#dbe3eb}.toolbar select{width:auto;min-width:110px;padding:6px 8px;height:34px}.editarea{min-height:470px;border:1px solid var(--line);border-radius:0 0 7px 7px;padding:22px;outline:none;background:#fff;line-height:1.7}.editarea img{max-width:100%;height:auto;margin:18px 0;border-radius:6px}.editarea blockquote{border-left:3px solid var(--blue);margin:22px 0;padding:5px 18px;color:#46515d}.upload{border:1px dashed #aebccc;background:#f9fbfd;border-radius:8px;min-height:120px;padding:18px;display:grid;place-items:center;text-align:center;color:var(--muted);cursor:pointer}.upload strong{color:var(--blue)}.permission{padding:12px;background:var(--blue-soft);border:1px solid #d7e5f5;border-radius:8px;font-size:12px;line-height:1.5;color:#36577e}.sticky-actions{position:sticky;bottom:12px;background:rgba(246,248,251,.96);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:10px;padding:12px;display:flex;justify-content:space-between;gap:12px;box-shadow:var(--shadow);margin-top:18px}.status-line{font-size:12px;color:var(--muted);display:flex;align-items:center}.profile-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px}.profile-photo{width:160px;height:160px;border-radius:12px;background:var(--blue-soft);display:grid;place-items:center;color:var(--blue);font-size:42px;font-weight:700;overflow:hidden}.profile-photo img{width:100%;height:100%;object-fit:cover}.flash{padding:12px 14px;border-radius:8px;margin-bottom:14px;border:1px solid}.flash.success{background:#edf7f1;border-color:#cbe7d6;color:#2f6b50}.flash.error{background:#fbefef;border-color:#eccccc;color:#963a3a}.flash.warning{background:#fff7e7;border-color:#f0dba9;color:#816019}.flash.info{background:#eef4fb;border-color:#d6e4f3;color:#36577e}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.filters input,.filters select{width:auto;min-width:160px}.split{display:grid;grid-template-columns:1fr 1fr;gap:18px}.danger-zone{border-color:#e8cdcd}.danger-zone h3{color:var(--danger)}.source-row{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;margin-bottom:8px}.inline-check{display:flex;align-items:center;gap:8px;font-size:13px}.empty{padding:38px;text-align:center;color:var(--muted)}.login-page{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:#fff}.login-side{padding:70px;background:linear-gradient(135deg,#0d386c,#164e8f);color:#fff;display:flex;flex-direction:column;justify-content:space-between}.login-brand{display:flex;align-items:center;gap:13px}.login-side h1{font-size:48px;max-width:540px;line-height:1.04}.login-side p{max-width:500px;color:#d9e7f5;font-size:17px}.login-form-wrap{display:grid;place-items:center;padding:40px}.login-box{width:min(430px,100%)}.login-box h2{font-size:28px;margin:0 0 8px}.login-box>p{color:var(--muted);margin:0 0 26px}.login-box .btn{width:100%;margin-top:8px}.login-link{display:block;text-align:center;color:var(--blue);font-size:13px;margin-top:16px}.setup-box{width:min(720px,calc(100% - 32px));margin:50px auto;background:#fff;border:1px solid var(--line);border-radius:12px;padding:26px;box-shadow:var(--shadow)}.setup-box code{background:#f1f4f7;padding:2px 5px;border-radius:4px}.cover-preview{width:100%;aspect-ratio:16/9;background:#f2f4f7;border-radius:8px;overflow:hidden;display:none;margin-bottom:10px}.cover-preview img{width:100%;height:100%;object-fit:cover}
@media(max-width:1000px){.layout{grid-template-columns:72px minmax(0,1fr)}.sidebar{padding:18px 10px}.nav-title,.nav-btn span:not(.icon),.sidebar-note{display:none}.nav-btn{justify-content:center;padding:12px}.editor-shell{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.topbar{padding:0 16px}.brand-copy small,.user-menu>span:first-child{display:none}.main{padding:20px 14px}.layout{grid-template-columns:1fr}.sidebar{position:fixed;bottom:0;left:0;right:0;z-index:40;border-right:0;border-top:1px solid var(--line);display:flex;justify-content:flex-start;gap:6px;overflow-x:auto;padding:8px}.nav-title,.sidebar-note{display:none}.nav-btn{width:auto;margin:0}.nav-btn span:not(.icon){display:none}.main{padding-bottom:88px}.page-head{align-items:flex-start;flex-direction:column}.stats{grid-template-columns:1fr 1fr}.grid-2,.grid-3,.profile-grid,.split{grid-template-columns:1fr}.source-row{grid-template-columns:1fr}.sticky-actions{align-items:flex-start;flex-direction:column}.login-page{grid-template-columns:1fr}.login-side{display:none}.login-form-wrap{min-height:100vh;padding:24px}.user-menu>a{font-size:12px}}