*{box-sizing:border-box}body{margin:0;background:#f5f6fa;color:#222633;font:15px system-ui}button,input,select,textarea{font:inherit;padding:9px;border:1px solid #d7dbe6;border-radius:7px}button{cursor:pointer;background:#43529a;color:white;border:0}button.secondary{background:#e9ebf8;color:#34417c}.layout{display:grid;grid-template-columns:220px 1fr;min-height:100vh}aside{background:#171923;color:white;padding:20px}aside img{width:75px;border-radius:50%;background:white}aside button{width:100%;margin:7px 0;text-align:left;background:#303548}main.content{padding:24px;max-width:1450px;width:100%}.card{background:white;border:1px solid #e2e5ed;border-radius:12px;padding:18px;margin:12px 0}.bar{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.day{min-height:95px;border:1px solid #e3e5ee;background:white;padding:5px;cursor:pointer}.day small{display:block;background:#e9ebfa;border-radius:3px;padding:3px;margin:3px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.out{opacity:.4}.fields{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.fields label{display:flex;flex-direction:column;gap:5px}.wide{grid-column:1/-1}textarea{min-height:65px}.item{border-bottom:1px solid #e3e5eb;padding:12px 0}.muted{color:#6b7280}.login{max-width:410px;margin:10vh auto;padding:26px;background:white;border-radius:15px}.login img{width:85px;display:block;margin:auto}.login input,.fields input,.fields select,.fields textarea{width:100%}.login label{display:block;margin:12px 0}.pill{background:#e9ebfa;color:#394b94;padding:4px 8px;border-radius:12px;font-size:12px}.notice{background:#fff0d9;padding:12px;border-radius:8px}h1{margin:8px 0 20px}@media(max-width:800px){.layout{display:block}aside{padding:12px}aside button{width:auto}main.content{padding:12px}.day{min-height:58px;font-size:12px}.day small{font-size:0;height:5px}.fields{grid-template-columns:1fr}.wide{grid-column:auto}}