*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#0b1220;color:#f3f4f6}.shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{background:#111827;border-right:1px solid #283142;padding:20px}.brand{display:flex;gap:12px;align-items:center;margin-bottom:24px}.mark{width:54px;height:54px;border-radius:12px;background:#d4af37;color:#111827;display:flex;align-items:center;justify-content:center;font-weight:800}.brand h1{margin:0;font-size:22px}.brand p{margin:4px 0 0;color:#9ca3af}.nav{display:grid;gap:10px}.nav-btn,.primary,.secondary{border:none;border-radius:10px;padding:12px 14px;font-weight:700;cursor:pointer}.nav-btn{background:#1f2937;color:#f3f4f6;text-align:left}.nav-btn.active,.primary{background:#d4af37;color:#111827}.secondary{background:#334155;color:#f8fafc}.main{padding:24px}.view{display:none}.view.active{display:block}.panel{background:#111827;border:1px solid #283142;border-radius:14px;padding:18px;margin-bottom:18px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.grid.small{grid-template-columns:1fr}.grid textarea{grid-column:1/-1;min-height:100px}input,textarea{width:100%;padding:12px;border-radius:10px;border:1px solid #334155;background:#0f172a;color:#f3f4f6}.check{display:flex;align-items:center;gap:10px}.bar{display:flex;align-items:center;justify-content:space-between}pre{white-space:pre-wrap;word-break:break-word;background:#0f172a;padding:14px;border-radius:12px;border:1px solid #334155}@media(max-width:900px){.shell{grid-template-columns:1fr}.grid{grid-template-columns:1fr}}