*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;background:#f5f7fa;color:#172033}a{color:inherit;text-decoration:none}.shell{min-height:100vh;display:flex}.sidebar{width:250px;background:#111827;color:#fff;padding:24px 16px}.brand{font-size:24px;font-weight:800;letter-spacing:.5px;padding:0 10px}.brand span{font-weight:400}.branch{margin:12px 10px 24px;font-size:12px;opacity:.65}nav{display:grid;grid-gap:5px;gap:5px}nav a{padding:11px 10px;border-radius:8px;color:#d7deea}nav a:hover{background:#1f2937;color:#fff}.content{flex:1 1;padding:32px;max-width:1400px;margin:0 auto;width:100%}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px}.eyebrow{margin:0 0 6px;font-size:13px;color:#667085}h1{margin:0;font-size:32px}.status{padding:9px 12px;border:1px solid #d9dee8;border-radius:999px;background:#fff;font-size:13px}.cards{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}.card,.panel{background:#fff;border:1px solid #e4e7ec;border-radius:14px;box-shadow:0 2px 8px rgba(16,24,40,.04)}.card{padding:20px;min-height:150px}.card h2{margin:0 0 10px;font-size:18px}.card p{color:#667085;line-height:1.5;min-height:42px}.card a{font-size:13px;font-weight:700}.panel{margin-top:20px;padding:22px}.panel h2{margin-top:0}.row{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-top:1px solid #edf0f4}.row b{font-size:13px}@media (max-width:900px){.sidebar{width:210px}.cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.shell{display:block}.sidebar{width:100%;padding:16px}nav{display:flex;overflow-x:auto}nav a{white-space:nowrap}.content{padding:20px 16px}.topbar{display:block}.status{display:inline-block;margin-top:12px}.cards{grid-template-columns:1fr}}