body{font-family:system-ui,Segoe UI,Roboto,Arial,sans-serif;margin:0;background:#f6f7f9;color:#111;}
a{color:#0645ad;}
.wrap{max-width:980px;margin:0 auto;padding:18px;}
.topbar{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border:1px solid #e3e6ea;border-radius:12px;background:#fff;}
.brand{font-weight:700;}
.content{margin-top:14px;padding:16px;border:1px solid #e3e6ea;border-radius:12px;background:#fff;}
.footer{margin-top:12px;padding:10px 14px;color:#666;font-size:13px;}
.muted{color:#666;font-size:13px;}
.card{border:1px solid #ddd;border-radius:12px;padding:16px;margin-top:14px;}

.layout{display:grid;grid-template-columns:260px 1fr;gap:14px;margin-top:14px;}
.sidebar{padding:16px;border:1px solid #e3e6ea;border-radius:12px;background:#fff;}
.main{min-width:0;}
.pos:empty{display:none;}
@media (max-width: 860px){.layout{grid-template-columns:1fr;}.sidebar{order:2}.main{order:1}}