:root{--blue:#092a60;--green:#10b981;--muted:#6b7280}*{box-sizing:border-box;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}body{margin:0;background:#f8fafc;color:#0f172a}.header{display:flex;justify-content:space-between;align-items:center;padding:18px;background:var(--blue);color:#fff}.brand{display:flex;gap:12px;align-items:center}.logo{height:48px;width:48px;border-radius:10px;background:linear-gradient(180deg,#083059,#0b3b72);display:flex;align-items:center;justify-content:center;font-weight:800}.tagline{opacity:.9;margin:0;font-size:13px}.btn{padding:8px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#fff;color:var(--blue);cursor:pointer}.btn.primary{background:var(--blue);color:#fff;border:none}.container{display:flex;gap:20px;max-width:1100px;margin:28px auto;padding:0 16px}.left{width:300px;background:#fff;padding:16px;border-radius:12px;box-shadow:0 6px 18px #0f172a0f}.post-list{list-style:none;padding:0;margin:0}.post-item{padding:10px;border-radius:8px;cursor:pointer;margin-bottom:8px;border:1px solid #eef2f7}.post-item:hover{background:#f1f8ff}.post-title{font-weight:600;margin-top:6px}.content{flex:1;min-height:400px;background:#fff;padding:20px;border-radius:12px;box-shadow:0 6px 18px #0f172a0f}.empty{color:var(--muted);padding:30px;text-align:center}.post h2{margin:0 0 8px}.meta{font-size:13px;color:var(--muted);margin-bottom:12px}.footer{text-align:center;padding:18px;background:var(--blue);color:#fff;margin-top:30px}.edit-panel{position:fixed;right:24px;top:100px;width:360px;background:#fff;padding:16px;border-radius:12px;box-shadow:0 8px 30px #0206171f}.edit-panel label{display:block;margin-bottom:8px;font-size:13px}.edit-panel input,.edit-panel textarea,.edit-panel select{width:100%;padding:8px;border:1px solid #e6eef8;border-radius:8px}.edit-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}