:root{
  --esi1: #D32F2F; --esi2: #FF9800; --esi3: #FFC107; --esi4: #4CAF50; --esi5: #2196F3;
}
body{font-family:Arial,Helvetica,sans-serif;background:#f5f5f5;margin:0;}
.topbar{background:#333;color:#fff;padding:10px 20px;display:flex;justify-content:space-between;}
.container{display:flex;padding:20px;}
.sidebar{width:200px;}
.content{flex:1;padding:10px;}
.card{background:#fff;padding:15px;border-radius:6px;box-shadow:0 2px 6px rgba(0,0,0,0.05);}
.center{display:flex;align-items:center;justify-content:center;height:100vh}
.card input, .card select, .card textarea{width:100%;padding:8px;margin:6px 0;border:1px solid #ccc;border-radius:4px;}
.steps-nav{display:flex;gap:10px;margin-top:10px;}
.error{background:#ffdddd;padding:8px;border-left:6px solid #f00;}
.question{margin:8px 0;}
#queue-bars .bar{height:40px;margin:6px 0;padding:6px;color:#fff;border-radius:4px;display:flex;align-items:center;justify-content:space-between;}
.esi1{background:var(--esi1);} .esi2{background:var(--esi2);} .esi3{background:var(--esi3);} .esi4{background:var(--esi4);} .esi5{background:var(--esi5);}