*{box-sizing:border-box;margin:0;padding:0}body{color:#1a1a2e;background:#f0f2f5;font-family:Segoe UI,sans-serif}.app{flex-direction:column;min-height:100vh;display:flex}header{color:#fff;background:#1a1a2e;padding:1.5rem 2rem}header p{opacity:.7;margin-top:.3rem}main{flex:1;gap:1.5rem;padding:1.5rem;display:flex}.left-panel{flex:1.5}.right-panel{flex:1}.member-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;margin-top:1rem;display:grid}.member-card{cursor:pointer;background:#fff;border:2px solid #0000;border-radius:10px;padding:1rem;transition:all .2s;box-shadow:0 2px 6px #00000012}.member-card:hover{border-color:#6c63ff;transform:translateY(-2px)}.member-card.selected{background:#f0eeff;border-color:#6c63ff}.member-card h3{font-size:.9rem}.member-card p{color:#666;margin-top:4px;font-size:.75rem}.member-id{color:#999;font-size:.7rem}.checker-panel{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 10px #00000014}.checker-controls{gap:.75rem;margin:1rem 0;display:flex}input[type=date]{border:1px solid #ddd;border-radius:8px;flex:1;padding:.5rem .75rem;font-size:.95rem}button{color:#fff;cursor:pointer;background:#6c63ff;border:none;border-radius:8px;padding:.5rem 1.2rem;font-size:.95rem;transition:background .2s}button:hover{background:#5548e0}button:disabled{cursor:not-allowed;background:#aaa}.result-box{border-radius:10px;align-items:flex-start;gap:.75rem;margin-top:1rem;padding:1rem;display:flex}.result-box.available{background:#e6f9ee;border:1px solid #4caf50}.result-box.busy{background:#fdecea;border:1px solid #f44336}.status-dot{border-radius:50%;flex-shrink:0;width:14px;height:14px;margin-top:4px}.available .status-dot{background:#4caf50}.busy .status-dot{background:#f44336}.placeholder{text-align:center;color:#999;background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 10px #00000014}.error{color:#f44336;margin-top:.5rem}