*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f5f7fb;color:#1f2937}.shell{min-height:100vh;display:flex}.sidebar{width:260px;background:#111827;color:#fff;padding:22px 16px;display:flex;flex-direction:column}.brand{display:flex;gap:11px;align-items:center;padding:8px 8px 24px;border-bottom:1px solid #374151}.brandmark{width:42px;height:42px;border-radius:10px;background:#30308f;display:grid;place-items:center;font-weight:700}.brand b{display:block;font-size:14px;letter-spacing:.4px}.brand span{font-size:11px;color:#cbd5e1}.sidebar nav{padding-top:15px;display:grid;grid-gap:4px;gap:4px}.sidebar nav button{border:0;background:transparent;color:#d1d5db;text-align:left;padding:10px 11px;border-radius:8px;cursor:pointer;font-size:13px}.sidebar nav button.active,.sidebar nav button:hover{background:#30308f;color:#fff}.sidefoot{margin-top:auto;color:#9ca3af;font-size:11px;padding:12px 8px}.content{flex:1 1;padding:30px 34px}.top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:25px}.top h1{margin:0;font-size:28px}.top p{margin:6px 0;color:#6b7280}.user{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:9px 13px;font-size:12px}.cards{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:15px;gap:15px;margin-bottom:18px}.card,.panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.03)}.card span{font-size:12px;color:#6b7280}.card strong{display:block;font-size:30px;margin-top:8px}.grid{display:grid;grid-template-columns:2fr 1fr;grid-gap:18px;gap:18px}.panel h2{font-size:16px;margin:0 0 18px}.flow{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px}.step{border:1px solid #e5e7eb;border-radius:9px;padding:12px;display:flex;align-items:center;gap:9px;font-size:13px}.step strong{background:#eef2ff;color:#30308f;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;font-size:11px}.actions{display:grid;grid-gap:9px;gap:9px}.actions button{background:#30308f;color:#fff;border:0;border-radius:8px;padding:11px;text-align:left;cursor:pointer}.large{min-height:300px}.muted{color:#6b7280;line-height:1.6}.notice{margin-top:25px;padding:14px;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;color:#475569}@media(max-width:900px){.sidebar{width:210px}.cards{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.flow{grid-template-columns:repeat(2,1fr)}}