:root{font-family:system-ui,sans-serif;color:#242034;background:#f5f4f8}
*{box-sizing:border-box}body{margin:0}header{padding:20px 28px;background:#20143b;color:white;display:flex;gap:24px;align-items:center}header strong{font-size:25px}header span{color:#d7cee8}main{display:grid;grid-template-columns:300px minmax(0,1fr);min-height:calc(100vh - 76px)}aside{padding:24px;background:white;border-right:1px solid #ded9e7}h1{font-size:23px;margin-top:0}label{display:block;font-weight:600;margin:24px 0 8px}select,input,button{width:100%;padding:12px;font:inherit;border:1px solid #bbb2c8;border-radius:6px}button{margin-top:14px;cursor:pointer;background:#49336d;color:white}button:disabled{opacity:.45;cursor:not-allowed}#logout{background:white;color:#49336d}.hint{font-size:13px;line-height:1.5;color:#625a6d}#status{font-size:14px;line-height:1.5;border-top:1px solid #ded9e7;padding-top:18px}#workspace{padding:18px;overflow:auto}tableau-viz{display:block;width:100%;min-height:900px}@media(max-width:760px){main{display:block}aside{border-right:0}#workspace{padding:4px}}