*{box-sizing:border-box}body{margin:0;background:#11182b;color:#edf1ff;font-family:system-ui,sans-serif}header{padding:16px 5%;display:flex;justify-content:space-between;align-items:center;background:#1b2641}header h1{font-size:22px;margin:0}header span{color:#8be5ca}a{color:#b9d9ff}main{max-width:1180px;margin:28px auto;padding:0 16px}.office{border:8px solid #5e6b83;box-shadow:0 10px 0 #090d18;background:repeating-linear-gradient(0deg,#a0b0a1 0 32px,#91a392 32px 34px);padding:24px;min-height:380px;color:#26374b;image-rendering:pixelated}.room-title{text-align:center;font-weight:900;letter-spacing:3px;background:#d8d8b9;padding:10px;max-width:420px;margin:auto}.desks{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:30px auto;max-width:850px}.desk{min-height:140px;display:flex;align-items:center;flex-direction:column;justify-content:center;background:#b98861;border:5px solid #664b42;box-shadow:6px 7px 0 #536b5c;padding:8px;text-align:center}.screen{background:#25384b;border:5px solid #dfd6b7;color:#8ef9c4;padding:4px 20px}.avatar{font-size:28px;margin-top:-5px}.desk small{font-size:11px}.status{font-size:11px;background:#e8e4c7;padding:2px 10px;margin-top:5px;border-radius:10px}.status.working{background:#a4f4a1}.meeting{background:#c9ad7d;border:5px solid #795f46;max-width:250px;margin:25px auto 0;text-align:center;padding:12px;font-weight:bold}.columns{display:grid;grid-template-columns:1fr 1.2fr;gap:22px;margin-top:30px}.card{background:#1c2943;border:1px solid #3e5070;border-radius:12px;padding:22px}.card h2{margin-top:0}label{display:block;margin:14px 0}input,textarea{display:block;width:100%;padding:12px;background:#0f1a30;color:white;border:1px solid #62708a;border-radius:6px;margin-top:6px;font:inherit}button{background:#70ddba;border:0;border-radius:6px;padding:12px 18px;font-weight:bold;cursor:pointer}details{border-bottom:1px solid #40516b;padding:12px 0}summary{cursor:pointer;display:flex;justify-content:space-between;gap:12px}summary span,.hint{font-size:12px;color:#b8c4d7}.result{max-height:420px;overflow:auto}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;color:#c2d2ed}.login{max-width:420px;margin:12vh auto}.error{color:#ff9c9c}@media(max-width:650px){.columns{grid-template-columns:1fr}.desks{grid-template-columns:repeat(2,1fr);gap:12px}.desk{min-height:125px}.office{padding:12px}}