:root{--red:#c91824;--red2:#a90f19;--ink:#172033;--muted:#667085;--line:#e5e9ef;--bg:#f4f6f8}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,sans-serif}.shell{display:flex;min-height:100vh}.side{width:225px;background:#171b24;color:#dbe1ea;padding:18px 12px;position:fixed;inset:0 auto 0 0}.brand{display:flex;align-items:center;gap:9px;padding:5px 7px 20px}.brand img{height:30px;filter:brightness(0) invert(1)}.brand b{font-size:.75rem}.side a{display:block;text-decoration:none;color:#cbd3df;padding:9px 10px;border-radius:7px;font-size:.72rem;font-weight:700;margin:2px 0}.side a:hover,.side a.active{background:#2a303b;color:#fff}.main{margin-left:225px;padding:22px;width:calc(100% - 225px)}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.top h1{font-size:1.2rem;margin:0}.top p{font-size:.68rem;color:var(--muted);margin:3px 0}.btn{border:0;border-radius:7px;padding:8px 11px;font-size:.68rem;font-weight:800;cursor:pointer}.red{background:var(--red);color:#fff}.gray{background:#fff;border:1px solid var(--line)}.grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:12px}.card{background:#fff;border:1px solid var(--line);border-radius:11px;padding:14px;margin-bottom:12px}.card h2{font-size:.86rem;color:var(--red);margin:0 0 10px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field{margin-bottom:9px}.field.full{grid-column:1/-1}.field label{display:block;font-size:.65rem;font-weight:800;color:#667085;margin-bottom:4px}.field input,.field select,.field textarea{width:100%;padding:8px;border:1px solid #d6dce4;border-radius:7px;background:#fff;font:inherit;font-size:.73rem}.field textarea{min-height:78px;resize:vertical}.preview{border:1px solid var(--line);border-radius:9px;overflow:hidden}.preview .phead{padding:8px 10px;font-size:.67rem;font-weight:800;border-bottom:1px solid var(--line)}.preview .pbody{padding:10px}.p{border:1px solid var(--line);border-radius:8px;padding:9px;margin-bottom:7px}.p b{font-size:.7rem;color:var(--red);display:block}.p span{font-size:.64rem;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.stat{border:1px solid var(--line);border-radius:8px;padding:8px;background:#fafbfc}.stat input{width:100%;border:0;background:transparent;font-size:.67rem}.stat input:first-child{font-size:.95rem;font-weight:800;color:var(--red)}.stat input:nth-child(2){font-weight:800}.stat small{font-size:.59rem;color:#667085}.file{display:flex;gap:8px;align-items:center}.thumb{width:78px;height:50px;object-fit:cover;border:1px solid var(--line);border-radius:7px;background:#eef1f4}.post{display:flex;gap:10px;border:1px solid var(--line);border-radius:9px;padding:9px;margin-bottom:7px}.post img{width:85px;height:55px;object-fit:cover;border-radius:7px}.post strong{font-size:.71rem}.post small{display:block;color:var(--muted);font-size:.59rem;margin-top:3px}.post .actions{margin-left:auto;display:flex;gap:4px}.editor{border:1px solid #d6dce4;border-radius:7px;overflow:hidden}.toolbar{padding:5px;background:#f7f8fa;border-bottom:1px solid var(--line)}.toolbar button{border:1px solid var(--line);background:#fff;border-radius:5px;font-size:.65rem;margin-right:3px}.editable{min-height:110px;padding:9px;font-size:.74rem;line-height:1.6;outline:0}.note{font-size:.62rem;color:var(--muted);line-height:1.45}.hide{display:none}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#171b24,#2c3747)}.loginbox{width:min(380px,calc(100% - 30px));background:#fff;border-radius:13px;padding:22px}.loginbox img{height:42px;margin-bottom:12px}.loginbox h1{font-size:1.05rem;margin:0 0 4px}.loginbox p{font-size:.68rem;color:var(--muted);margin:0 0 15px}.error{color:#b42318;font-size:.65rem;margin-top:7px}@media(max-width:900px){.grid{grid-template-columns:1fr}.side{width:190px}.main{margin-left:190px;width:calc(100% - 190px)}}@media(max-width:650px){.side{position:static;width:100%;min-height:auto}.shell{display:block}.main{margin-left:0;width:100%;padding:12px}.fields{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.top{align-items:flex-start;gap:8px}.post .actions{flex-wrap:wrap}}